/*
Theme Name:   xstore-child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

#customer_details,
.woocommerce-additional-fields,
h3.step-title {
    display: none !important;
}

/* checkout layout */
.elementor-section .woocommerce-checkout {
    display: block;
}

/* prawa kolumna */
.elementor-column:last-child {
    position: sticky;
    top: 40px;
}

.etheme-elementor-cart-checkout-page-column.first{
    display: none !important;
}

/* Wrapper checkout XStore */
.etheme-elementor-cart-checkout-page-wrapper.flex {
    display: flex !important;
    gap: 40px;
}

/* Lewa kolumna – formularz */
.etheme-elementor-cart-checkout-page-column.first {
    flex: 0 0 60% !important;
    max-width: 60% !important;
}

/* Prawa kolumna – podsumowanie */
.etheme-elementor-cart-checkout-page-column.last {
    flex: 0 0 40% !important;
    max-width: 40% !important;
}

/* WYŁĄCZ wewnętrzne kolumny XStore */
.etheme-elementor-cart-checkout-page-wrapper.flex {
    display: block !important;
}

/* Każda kolumna XStore na 100% */
.etheme-elementor-cart-checkout-page-column.first,
.etheme-elementor-cart-checkout-page-column.last {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Rozciągnij order review */
.woocommerce-checkout-review-order {
    width: 100% !important;
}


/* ====== OGÓLNY WRAPPER ====== */
#custom-checkout {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* ====== SEKCJE ====== */
#custom-checkout h2 {
    margin-bottom: 15px;
}

#custom-checkout hr {
    margin: 30px 0;
    border: none;
    border-top: 1px solid #eee;
}

/* ====== RADIO ====== */
#custom-checkout label {
    display: inline-flex;
    align-items: center;
    margin-right: 25px;
    margin-bottom: 10px;
    cursor: pointer;
}

/* ====== INPUTY I TEXTAREA ====== */
#custom-checkout input,
#custom-checkout textarea {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 15px;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

/* TEXTAREA wyższa */
#custom-checkout textarea {
    height: auto;
    min-height: 100px;
    padding: 12px 16px;
    resize: vertical;
}

/* FOCUS */
#custom-checkout input:focus,
#custom-checkout textarea:focus {
    border-color: #111;
    outline: none;
}





/* ===== GRID DLA ODBIORCY ===== */

#receiver_private,
#receiver_company {
    
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;

}

/* ===== UKŁAD OSOBA PRYWATNA ===== */

#r_first_name { grid-column: 1; }
#r_last_name  { grid-column: 2; }

#r_email      { grid-column: 1; }
#r_phone      { grid-column: 2; }

#r_street     { grid-column: 1; }
#r_house      { grid-column: 2; }

#r_postcode   { grid-column: 1; }
#r_city       { grid-column: 2; }

/* ===== FIRMA – dodatkowe pole ===== */

#receiver_company #r_company_name {
    grid-column: 1 / 3;
}



#invoice_private {
    
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

#i_first_name { grid-column: 1; }
#i_last_name  { grid-column: 2; }

#i_email      { grid-column: 1; }
#i_phone      { grid-column: 2; }

#i_street     { grid-column: 1; }
#i_house      { grid-column: 2; }

#i_postcode   { grid-column: 1; }
#i_city       { grid-column: 2; }


#invoice_company {
    
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
	
}

#invoice_company #i_company_name {
    grid-column: 1 / 3;
}

#invoice_company #i_nip {
    grid-column: 1 / 3;
}



#custom-checkout input[type="radio"] {
    appearance: auto !important;
    -webkit-appearance: radio !important;
    width: 18px !important;
    height: 18px !important;
    transform: none !important;
}


@media (max-width: 768px) {

    #receiver_private,
    #receiver_company,
    #invoice_private,
    #invoice_company {
        grid-template-columns: 1fr !important;
    }

    #receiver_private input,
    #receiver_company input,
    #invoice_private input,
    #invoice_company input {
        grid-column: 1 !important;
    }
}

/* ===== RADIO W JEDNEJ LINII ===== */

.radio-group{display:flex; gap:25px; align-items:center; margin-bottom:10px;}
.radio-group input[type="radio"]{width:18px;height:18px;margin-right:6px;}

/* ===== AKTYWNA SEKCJA ===== */

.active-section {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

h3#section_3_headline, h3#section_2_headline{
	margin-top:50px;
}

div.payment_box.payment_method_bluemedia{
	display:none !important;
}

#payment.payment_methods li:last-child{
	margin-bottom:0 !important;
}

.form-row.place-order.button, button#place_order.button.alt{
	margin-top:50px !important;
	text-transform:uppercase !important;
}