/* =============================================================================
   WOOCOMMERCE — MOA Studio
   Style ogólne dla stron WooCommerce (checkout, koszyk, konto)
   Ładuje się PO domyślnych stylach WC (zależność w enqueue)
   ============================================================================= */

/* ---- Container: bezpośrednio na #primary (site-main) ---------------------- */

body.woocommerce-page #primary, body.woocommerce-checkout #primary, body.woocommerce-cart #primary, body.woocommerce-account #primary {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

@media (min-width: 992px) {
    body.woocommerce-page #primary, body.woocommerce-checkout #primary, body.woocommerce-cart #primary, body.woocommerce-account #primary {
        padding: 0 20px !important;
    }
}

/* ---- Przycisk główny WC → styl .btn-primary ------------------------------- */

/* Classic checkout */
body.woocommerce-page #place_order,
body.woocommerce-checkout #place_order,
body.woocommerce-page .woocommerce button.button.alt,
body.woocommerce-page .woocommerce input.button.alt,
body.woocommerce-page .woocommerce a.button.alt,
body.woocommerce-page .wc-proceed-to-checkout a.checkout-button,
/* Block checkout */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-components-button.contained,
body.woocommerce-checkout .wp-element-button.wc-block-components-checkout-place-order-button {
    background-color: var(--coral) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 14px 35px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
}

body.woocommerce-page #place_order:hover,
body.woocommerce-checkout #place_order:hover,
body.woocommerce-page .woocommerce button.button.alt:hover,
body.woocommerce-page .woocommerce input.button.alt:hover,
body.woocommerce-page .woocommerce a.button.alt:hover,
body.woocommerce-page .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout .wc-block-components-button.contained:hover {
    background-color: #ff6d70 !important;
    color: var(--white) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(255, 135, 138, 0.3) !important;
}

/* "Kupuję i płacę" – pełna szerokość */
body.woocommerce-checkout #place_order {
    width: 100% !important;
    padding: 18px 35px !important;
}

/* ---- Przycisk drugorzędny WC (np. "Wróć do koszyka") ---------------------- */

body.woocommerce-page .woocommerce a.button:not(.alt):not(.checkout-button),
body.woocommerce-page .woocommerce button.button:not(.alt) {
    background-color: var(--white) !important;
    color: var(--chocolate) !important;
    border: 2px solid var(--chocolate) !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.woocommerce-page .woocommerce a.button:not(.alt):not(.checkout-button):hover,
body.woocommerce-page .woocommerce button.button:not(.alt):hover {
    background-color: var(--chocolate) !important;
    color: var(--white) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(99, 99, 99, 0.3) !important;
}

/* ---- Nagłówki sekcji checkout --------------------------------------------- */

body.woocommerce-checkout h3,
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout #order_review_heading {
    font-size: 20px;
    font-weight: 700;
    color: var(--chocolate);
    margin-bottom: 20px;
    padding-bottom: 12px;
}

/* ---- Pola formularza checkout --------------------------------------------- */

body.woocommerce-page .woocommerce form .form-row input.input-text,
body.woocommerce-page .woocommerce form .form-row select,
body.woocommerce-page .woocommerce form .form-row textarea {
    border: 2px solid #e0d0c8 !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-family: inherit !important;
    font-size: 15px !important;
    color: var(--chocolate) !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

body.woocommerce-page .woocommerce form .form-row input.input-text:focus,
body.woocommerce-page .woocommerce form .form-row select:focus {
    border-color: var(--terracotta) !important;
    box-shadow: 0 0 0 3px rgba(173, 138, 116, 0.15) !important;
}

/* ---- Link "Wróć do vouchera" (podmiana tekstu przez CSS, URL przez PHP filter) */

.wc-block-components-checkout-return-to-cart-button a,
a.wc-block-components-checkout-return-to-cart-button,
a.wc-backward {
    font-size: 0 !important;
    color: transparent !important;
}

.wc-block-components-checkout-return-to-cart-button a::before,
a.wc-block-components-checkout-return-to-cart-button::before,
a.wc-backward::before {
    content: '← Wróć do vouchera';
    font-size: 14px;
    color: var(--chocolate);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.wc-block-components-checkout-return-to-cart-button a:hover::before,
a.wc-block-components-checkout-return-to-cart-button:hover::before,
a.wc-backward:hover::before {
    color: var(--terracotta);
}

/* ---- Tabela podsumowania --------------------------------------------------- */

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    font-size: 14px;
    color: var(--chocolate);
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    font-weight: 700;
    font-size: 16px;
}