/*
Theme Name: eDeseczka FSE
Theme URI: https://edeseczka.pl
Author: Antigravity Agent
Author URI: https://edeseczka.pl
Description: Statycznie przygotowany i przekonwertowany motyw blokowy typu FSE z makiety Stitch. Oparty na Tailwind CSS.
Requires at least: 6.2
Tested up to: 6.4
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: edeseczka
Tags: block-theme, custom-colors, full-site-editing

Szablony FSE są serwowane z folderów `templates` i `parts`.
Wspólne kodowanie oraz stylowanie znajduje się w pliku functions.php a zbiór tokenów w theme.json.
*/

body {
    font-family: 'Montserrat', sans-serif;
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #cbd5e0;
    border-radius: 20px;
}

.dark ::-webkit-scrollbar-thumb {
    background-color: #4a5568;
}

/* Dostosowania dla WooCommerce bloków by ujednolicić je z Tailwind */
.wc-block-cart *,
.wc-block-checkout * {
    font-family: inherit;
}

.wc-block-cart .wc-block-components-button,
.wc-block-checkout .wc-block-components-button {
    background-color: #c89f76 !important;
    color: #fff !important;
    border-radius: 0.375rem !important;
    text-transform: uppercase;
    font-weight: 600;
}

.wc-block-cart .wc-block-components-button:hover,
.wc-block-checkout .wc-block-components-button:hover {
    background-color: #b0855e !important;
}

.wood-pattern {
    background-image: radial-gradient(#c68d58 1px, transparent 1px);
    background-size: 20px 20px;
    opacity: 0.1;
}

/* === E-DESECZKA WOOCOMMERCE CART & CHECKOUT THEME ENHANCEMENTS === */
/* Force WooCommerce forms to look like Tailwind design */

/* Global Wrapper Adjustments */
.wc-block-cart,
.wc-block-checkout {
    max-width: 80rem !important;
    /* max-w-7xl */
    margin: 0 auto !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #1f2937 !important;
}

.dark .wc-block-cart,
.dark .wc-block-checkout {
    color: #e2e8f0 !important;
}

/* Titles and Typography */
.wc-block-cart>h2,
.wc-block-checkout>h2,
.wc-block-components-checkout-step__title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem !important;
}

.dark .wc-block-cart>h2,
.dark .wc-block-checkout>h2,
.dark .wc-block-components-checkout-step__title {
    color: #ffffff !important;
}

/* Base surface for sections (Cart items, Summary, Checkout Steps) */
.wc-block-cart-items,
.wc-block-components-totals-wrapper,
.wc-block-components-checkout-step__container,
.wc-block-components-checkout-order-summary {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.5rem !important;
    /* rounded-lg */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    padding: 1.5rem !important;
}

.dark .wc-block-cart-items,
.dark .wc-block-components-totals-wrapper,
.dark .wc-block-components-checkout-step__container,
.dark .wc-block-components-checkout-order-summary {
    background-color: #2d3748 !important;
    border-color: #4a5568 !important;
}

/* Cart Item Rows */
.wc-block-cart-item {
    border-bottom: 1px solid #e2e8f0 !important;
    padding-bottom: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.dark .wc-block-cart-item {
    border-bottom-color: #4a5568 !important;
}

.wc-block-cart-item:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Images in Cart */
.wc-block-components-product-image {
    border-radius: 0.375rem !important;
    border: 1px solid #e2e8f0 !important;
    background-color: #f9fafb !important;
}

.dark .wc-block-components-product-image {
    border-color: #4a5568 !important;
    background-color: #1a202c !important;
}

/* Price & Texts */
.wc-block-components-product-price,
.wc-block-components-totals-item__value {
    font-weight: 700 !important;
    font-size: 1.125rem !important;
}

/* Form Inputs (Quantity, Address, etc) */
.wc-block-components-quantity-selector input,
.wc-block-components-text-input input,
.wc-block-components-combobox input,
.wc-block-components-country-input select,
.wc-block-checkout .input-text {
    background-color: #f9fafb !important;
    border: 1px solid #cbd5e0 !important;
    border-radius: 0.375rem !important;
    color: #1f2937 !important;
    padding: 0.6rem 1rem !important;
}

.dark .wc-block-components-quantity-selector input,
.dark .wc-block-components-text-input input,
.dark .wc-block-components-combobox input,
.dark .wc-block-components-country-input select,
.dark .wc-block-checkout .input-text {
    background-color: #1a202c !important;
    border-color: #4a5568 !important;
    color: #e2e8f0 !important;
}

/* Focus states */
.wc-block-components-text-input input:focus,
.wc-block-checkout .input-text:focus {
    box-shadow: 0 0 0 2px rgba(200, 159, 118, 0.4) !important;
    border-color: #c89f76 !important;
    outline: none !important;
}

/* Primary Buttons (Checkout, Place Order, Update) */
.wc-block-cart .wc-block-components-button,
.wc-block-checkout .wc-block-components-button {
    background-color: #c89f76 !important;
    color: #ffffff !important;
    border-radius: 0.375rem !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 0.75rem 1.5rem !important;
    border: none !important;
    transition: background-color 0.2s !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

.wc-block-cart .wc-block-components-button:hover,
.wc-block-checkout .wc-block-components-button:hover {
    background-color: #b0855e !important;
}

/* Totals Area */
.wc-block-components-totals-item {
    border-bottom: 1px solid #edf2f7 !important;
    padding: 0.75rem 0 !important;
}

.dark .wc-block-components-totals-item {
    border-bottom-color: #2d3748 !important;
}

.wc-block-components-totals-footer-item {
    padding-top: 1rem !important;
    font-size: 1.25rem !important;
    color: #1a202c !important;
}

.dark .wc-block-components-totals-footer-item {
    color: #ffffff !important;
}

/* Secondary Actions / Remove item */
.wc-block-cart-item__remove-link {
    color: #e53e3e !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

.wc-block-cart-item__remove-link:hover {
    color: #c53030 !important;
    text-decoration: underline !important;
}