/*
 * Komponent: Koszyk WooCommerce
 * -------------------------------------------
 */

.ka-component-cart {
    margin: 2rem 0;
    padding: 0;
}

.ka-cart-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.ka-cart-title {
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0 2rem 0;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-title-color, var(--bs-body-color, var(--wp--preset--color--foreground, #1d2327)));
    /* Usunięto domyślne text-align: center; */
}

/* Zwiększona specyficzność dla klas wyrównania */
.ka-cart-title.ka-cart-title-align--left { text-align: left !important; }
.ka-cart-title.ka-cart-title-align--center { text-align: center !important; }
.ka-cart-title.ka-cart-title-align--right { text-align: right !important; }

/* Pusty koszyk */
.ka-cart-empty {
    text-align: center;
    padding: 4rem 2rem;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-empty-bg, var(--bs-light, var(--wp--preset--color--background, #f8f9fa)));
    border-radius: var(--ka-cart-empty-radius, var(--bs-border-radius, 0.375rem));
    margin: 2rem 0;
}

.ka-cart-empty p {
    font-size: inherit;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-empty-text-color, var(--bs-secondary, var(--wp--preset--color--secondary, #666)));
    margin-bottom: 1.5rem;
}

.ka-cart-empty .button {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-button-bg, var(--bs-primary, var(--wp--preset--color--primary, #2271b1)));
    color: var(--ka-cart-button-color, var(--bs-white, #fff));
    padding: 12px 24px;
    text-decoration: none;
    border-radius: var(--ka-cart-button-radius, var(--bs-border-radius, 0.375rem));
    font-weight: inherit;
    transition: inherit;
}

.ka-cart-empty .button:hover {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-button-hover-bg, var(--bs-primary-hover, var(--bs-dark, #1a5a8a)));
    color: var(--ka-cart-button-hover-color, var(--bs-white, #fff));
}

/* Zawartość koszyka */
.ka-cart-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* Formularz kuponu */
.ka-cart-coupon-form {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-coupon-bg, var(--bs-light, var(--wp--preset--color--background, #f8f9fa)));
    padding: 1.5rem;
    border-radius: var(--ka-cart-coupon-radius, var(--bs-border-radius, 0.375rem));
    border: 1px solid var(--ka-cart-coupon-border, var(--bs-border-color, #e1e5e9));
}

.ka-cart-coupon-form h3 {
    margin: 0 0 1rem 0;
    font-size: inherit;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-coupon-title-color, var(--bs-body-color, var(--wp--preset--color--foreground, #1d2327)));
}

.ka-cart-coupon-form .form-row {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
}

.ka-cart-coupon-form .form-row input[type="text"] {
    flex: 1;
    padding: 10px;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    border: 1px solid var(--ka-cart-input-border, var(--bs-border-color, #ddd));
    border-radius: var(--ka-cart-input-radius, var(--bs-border-radius-sm, 4px));
}

.ka-cart-coupon-form .form-row button {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-button-bg, var(--bs-primary, var(--wp--preset--color--primary, #2271b1)));
    color: var(--ka-cart-button-color, var(--bs-white, #fff));
    border: none;
    padding: 10px 20px;
    border-radius: var(--ka-cart-button-radius, var(--bs-border-radius-sm, 4px));
    cursor: pointer;
    font-weight: inherit;
}

.ka-cart-coupon-form .form-row button:hover {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-button-hover-bg, var(--bs-primary-hover, var(--bs-dark, #1a5a8a)));
}

/* Tabela koszyka */
.ka-cart-table-wrapper {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-table-bg, var(--bs-body-bg, var(--wp--preset--color--background, #fff)));
    border-radius: var(--ka-cart-table-radius, var(--bs-border-radius, 0.375rem));
    overflow: hidden;
    box-shadow: var(--ka-cart-table-shadow, var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)));
}

.ka-cart-table-wrapper table {
    width: 100%;
    border-collapse: collapse;
}

.ka-cart-table-wrapper th {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-table-th-bg, var(--bs-light, var(--wp--preset--color--background, #f8f9fa)));
    padding: 1rem;
    text-align: left;
    font-weight: inherit;
    color: var(--ka-cart-table-th-color, var(--bs-body-color, var(--wp--preset--color--foreground, #1d2327)));
    border-bottom: 1px solid var(--ka-cart-table-border, var(--bs-border-color, #e1e5e9));
}

.ka-cart-table-wrapper td {
    padding: 1rem;
    border-bottom: 1px solid var(--ka-cart-table-border, var(--bs-border-color, #e1e5e9));
    vertical-align: top;
}

.ka-cart-table-wrapper .product-thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

.ka-cart-table-wrapper .product-name {
    font-weight: inherit;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-product-name-color, var(--bs-body-color, var(--wp--preset--color--foreground, #1d2327)));
    margin-bottom: 0.5rem;
}

/* Tytuł produktu w koszyku */
.ka-cart-product-title {
    font-weight: inherit;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-product-title-color, var(--bs-body-color, var(--wp--preset--color--foreground, #1d2327)));
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0.5rem;
    display: block;
}

.ka-cart-product-title:hover {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-product-title-hover-color, var(--bs-primary, var(--wp--preset--color--primary, #2271b1)));
    text-decoration: none;
}

.ka-cart-table-wrapper .product-price {
    font-weight: inherit;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-product-price-color, var(--bs-primary, var(--wp--preset--color--primary, #2271b1)));
}

.ka-cart-table-wrapper .product-quantity input {
    width: 60px;
    padding: 8px;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    border: 1px solid var(--ka-cart-input-border, var(--bs-border-color, #ddd));
    border-radius: var(--ka-cart-input-radius, var(--bs-border-radius-sm, 4px));
    text-align: center;
}

.ka-cart-table-wrapper .product-remove {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-remove-color, var(--bs-danger, #dc3545));
    text-decoration: none;
    font-weight: inherit;
}

.ka-cart-table-wrapper .product-remove:hover {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-remove-hover-color, var(--bs-danger-hover, var(--bs-dark, #c82333)));
}

/* Kalkulator wysyłki */
.ka-cart-shipping-calculator {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-shipping-bg, var(--bs-light, var(--wp--preset--color--background, #f8f9fa)));
    padding: 1.5rem;
    border-radius: var(--ka-cart-shipping-radius, var(--bs-border-radius, 0.375rem));
    border: 1px solid var(--ka-cart-shipping-border, var(--bs-border-color, #e1e5e9));
}

.ka-cart-shipping-calculator h3 {
    margin: 0 0 1rem 0;
    font-size: inherit;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-shipping-title-color, var(--bs-body-color, var(--wp--preset--color--foreground, #1d2327)));
}

.ka-cart-shipping-calculator .form-row {
    margin-bottom: 1rem;
}

.ka-cart-shipping-calculator label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: inherit;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-shipping-label-color, var(--bs-body-color, var(--wp--preset--color--foreground, #1d2327)));
}

.ka-cart-shipping-calculator input,
.ka-cart-shipping-calculator select {
    width: 100%;
    padding: 10px;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    border: 1px solid var(--ka-cart-input-border, var(--bs-border-color, #ddd));
    border-radius: var(--ka-cart-input-radius, var(--bs-border-radius-sm, 4px));
}

.ka-cart-shipping-calculator button {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-button-bg, var(--bs-primary, var(--wp--preset--color--primary, #2271b1)));
    color: var(--ka-cart-button-color, var(--bs-white, #fff));
    border: none;
    padding: 10px 20px;
    border-radius: var(--ka-cart-button-radius, var(--bs-border-radius-sm, 4px));
    cursor: pointer;
    font-weight: inherit;
}

.ka-cart-shipping-calculator button:hover {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-button-hover-bg, var(--bs-primary-hover, var(--bs-dark, #1a5a8a)));
}

/* Przyciski akcji */
.ka-cart-actions {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-actions-bg, var(--bs-light, var(--wp--preset--color--background, #f8f9fa)));
    border-radius: var(--ka-cart-actions-radius, var(--bs-border-radius, 0.375rem));
    border: 1px solid var(--ka-cart-actions-border, var(--bs-border-color, #e1e5e9));
}

.ka-cart-actions.ka-cart-buttons--left {
    justify-content: flex-start;
}

.ka-cart-actions.ka-cart-buttons--center {
    justify-content: center;
}

.ka-cart-actions.ka-cart-buttons--right {
    justify-content: flex-end;
}

.ka-cart-actions .button {
    padding: 12px 24px;
    text-decoration: none;
    border-radius: var(--ka-cart-button-radius, var(--bs-border-radius, 0.375rem));
    font-weight: inherit;
    transition: inherit;
    border: none;
    cursor: pointer;
}

.ka-cart-actions .button:not(.button-primary) {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-button-secondary-bg, var(--bs-secondary, #6c757d));
    color: var(--ka-cart-button-secondary-color, var(--bs-white, #fff));
}

.ka-cart-actions .button:not(.button-primary):hover {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-button-secondary-hover-bg, var(--bs-secondary-hover, var(--bs-dark, #5a6268)));
    color: var(--ka-cart-button-secondary-hover-color, var(--bs-white, #fff));
}

.ka-cart-actions .button-primary {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-button-bg, var(--bs-primary, var(--wp--preset--color--primary, #2271b1)));
    color: var(--ka-cart-button-color, var(--bs-white, #fff));
}

.ka-cart-actions .button-primary:hover {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-button-hover-bg, var(--bs-primary-hover, var(--bs-dark, #1a5a8a)));
    color: var(--ka-cart-button-hover-color, var(--bs-white, #fff));
}

/* Produkty powiązane */
.ka-cart-cross-sells {
    margin-top: 2rem;
}

.ka-cart-cross-sells h3 {
    font-size: inherit;
    margin: 0 0 1rem 0;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-cross-sells-title-color, var(--bs-body-color, var(--wp--preset--color--foreground, #1d2327)));
}

.ka-cart-cross-sells ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ka-cart-cross-sells .product {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-cart-cross-sells-product-bg, var(--bs-body-bg, var(--wp--preset--color--background, #fff)));
    border-radius: var(--ka-cart-cross-sells-product-radius, var(--bs-border-radius, 0.375rem));
    padding: 1rem;
    box-shadow: var(--ka-cart-cross-sells-product-shadow, var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)));
    transition: inherit;
}

.ka-cart-cross-sells .product:hover {
    transform: translateY(-2px);
}

.ka-cart-cross-sells .product img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: var(--ka-cart-cross-sells-img-radius, var(--bs-border-radius-sm, 4px));
    margin-bottom: 1rem;
}

.ka-cart-cross-sells .product h4 {
    margin: 0 0 0.5rem 0;
    font-size: inherit;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-cross-sells-product-title-color, var(--bs-body-color, var(--wp--preset--color--foreground, #1d2327)));
}

.ka-cart-cross-sells .product .price {
    font-weight: inherit;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-cross-sells-product-price-color, var(--bs-primary, var(--wp--preset--color--primary, #2271b1)));
}

/* Układy */
.ka-cart-layout--compact .ka-cart-table-wrapper {
    font-size: 0.9em;
}

.ka-cart-layout--compact .ka-cart-table-wrapper th,
.ka-cart-layout--compact .ka-cart-table-wrapper td {
    padding: 0.75rem;
}

.ka-cart-layout--compact .ka-cart-table-wrapper .product-thumbnail img {
    width: 60px;
    height: 60px;
}

.ka-cart-layout--detailed .ka-cart-table-wrapper {
    font-size: 1.1em;
}

.ka-cart-layout--detailed .ka-cart-table-wrapper th,
.ka-cart-layout--detailed .ka-cart-table-wrapper td {
    padding: 1.25rem;
}

.ka-cart-layout--detailed .ka-cart-table-wrapper .product-thumbnail img {
    width: 100px;
    height: 100px;
}

/* Responsywność */
@media (max-width: 768px) {
    .ka-cart-container {
        padding: 0 10px;
    }
    
    .ka-cart-title {
        font-size: 2em;
    }
    
    .ka-cart-table-wrapper {
        overflow-x: visible !important;
        display: block !important;
    }
    
    /* =======================================================
     * GŁÓWNA POPRAWKA: ZMIEŃ LAYOUT TABELI NA MOBILE
     * Każdy produkt jako card (block), nie tabela
     * ======================================================= */
    
    /* Ukryj thead (nagłówki tabeli) */
    .ka-cart-table-wrapper thead {
        display: none !important;
    }
    
    /* Zmień tbody na block */
    .ka-cart-table-wrapper tbody {
        display: block !important;
    }
    
    /* KAŻDY WIERSZ (produkt) JAKO CARD */
    .ka-cart-table-wrapper tbody tr,
    .ka-cart-table-wrapper tbody .cart_item,
    .ka-cart-table-wrapper tbody .woocommerce-cart-form__cart-item {
        display: block !important;
        width: 100% !important;
        margin-bottom: 1rem !important;
        padding: 1rem !important;
        border: 1px solid #e1e5e9 !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        position: relative !important; /* Ważne dla pozycjonowania .product-remove */
    }
    
    /* POPRAWKA: Wiersz z przyciskiem "actions" - nie renderuj jako card */
    .ka-cart-table-wrapper tbody tr.actions {
        margin-bottom: 0 !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
    
    /* WSZYSTKIE KOMÓRKI JAKO BLOCK (w układzie card) */
    .ka-cart-table-wrapper tbody tr td,
    .ka-cart-table-wrapper tbody tr td.product-remove,
    .ka-cart-table-wrapper tbody tr td.product-thumbnail,
    .ka-cart-table-wrapper tbody tr td.product-name,
    .ka-cart-table-wrapper tbody tr td.product-price,
    .ka-cart-table-wrapper tbody tr td.product-quantity,
    .ka-cart-table-wrapper tbody tr td.product-subtotal {
        display: block !important;
        width: 100% !important;
        padding: 0.5rem 0 !important;
        border: none !important;
        margin: 0 !important;
        text-align: left !important;
        position: static !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
    }
    
    /* POPRAWKA: Kolumna "product-remove" - tylko przycisk usuwania - MAŁY */
    .ka-cart-table-wrapper tbody tr td.product-remove {
        position: absolute !important;
        top: 0.5rem !important;
        right: 0.5rem !important;
        width: 30px !important;
        padding: 0 !important;
        z-index: 10 !important;
    }
    
    /* POPRAWKA: Przycisk X w kolumnie remove */
    .ka-cart-table-wrapper tbody tr td.product-remove a,
    .ka-cart-table-wrapper tbody tr td.product-remove a.remove {
        display: inline-block !important;
        width: 30px !important;
        height: 30px !important;
        text-align: center !important;
        line-height: 30px !important;
        font-size: 24px !important;
    }
    
    /* POPRAWKA: Kolumna "product-thumbnail" - obrazek po lewej */
    .ka-cart-table-wrapper tbody tr td.product-thumbnail {
        display: inline-block !important;
        width: 80px !important;
        vertical-align: top !important;
        margin-right: 0.5rem !important;
        margin-bottom: 0.5rem !important;
        padding: 0 !important;
    }
    
    .ka-cart-table-wrapper tbody tr td.product-thumbnail img {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover;
        border-radius: 4px;
        display: block !important;
    }
    
    /* POPRAWKA: Wymuś widoczność obrazka */
    .ka-cart-table-wrapper tbody tr td.product-thumbnail a,
    .ka-cart-table-wrapper tbody tr td.product-thumbnail img {
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }
    
    /* POPRAWKA: UKRYJ ::before dla product-thumbnail (przyczyna ":" nad obrazkiem) */
    .ka-cart-table-wrapper tbody tr td.product-thumbnail::before,
    .ka-cart-table-wrapper tbody tr td.product-remove::before {
        display: none !important;
        content: none !important;
    }
    
    /* POPRAWKA: Nazwa produktu - wyświetlaj tytuł przed treścią */
    .ka-cart-table-wrapper tbody tr td.product-name::before {
        content: "Produkt: " !important;
        font-weight: bold !important;
        display: inline-block !important;
        margin-right: 0.5rem !important;
    }
    
    /* POPRAWKA: Cena - wyświetlaj tytuł przed treścią */
    .ka-cart-table-wrapper tbody tr td.product-price::before {
        content: "Cena: " !important;
        font-weight: bold !important;
        display: inline-block !important;
        margin-right: 0.5rem !important;
    }
    
    /* POPRAWKA: Ilość - wyświetlaj tytuł przed treścią */
    .ka-cart-table-wrapper tbody tr td.product-quantity::before {
        content: "Ilość: " !important;
        font-weight: bold !important;
        display: inline-block !important;
        margin-right: 0.5rem !important;
    }
    
    /* POPRAWKA: Kwota - wyświetlaj tytuł przed treścią */
    .ka-cart-table-wrapper tbody tr td.product-subtotal::before {
        content: "Kwota: " !important;
        font-weight: bold !important;
        display: inline-block !important;
        margin-right: 0.5rem !important;
    }
    
    /* POPRAWKA: Pokaż WSZYSTKIE elementy w komórkach */
    .ka-cart-table-wrapper tbody td,
    .ka-cart-table-wrapper tbody td *,
    .ka-cart-table-wrapper tbody td a,
    .ka-cart-table-wrapper tbody td span,
    .ka-cart-table-wrapper tbody td div,
    .ka-cart-table-wrapper tbody td input,
    .ka-cart-table-wrapper tbody td button,
    .ka-cart-table-wrapper tbody td .quantity,
    .ka-cart-table-wrapper tbody td .amount {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        clip: auto !important;
        clip-path: none !important;
        overflow: visible !important;
        text-indent: 0 !important;
        font-size: 1rem !important;
    }
    
    /* POPRAWKA: Wyświetlaj dane produktu (warianty, dodatki) w jednej linii */
    .ka-cart-table-wrapper tbody td.product-name dl,
    .ka-cart-table-wrapper tbody td.product-name .variation,
    .ka-cart-table-wrapper tbody td.product-name dd,
    .ka-cart-table-wrapper tbody td.product-name dt,
    .ka-cart-table-wrapper tbody td.product-name p {
        display: inline !important;
        margin: 0 0.5rem 0 0 !important;
    }
    
    .ka-cart-table-wrapper tbody td.product-name dd::after {
        content: "" !important;
        margin-right: 0.5rem !important;
    }
    
    /* POPRAWKA: Wymuś widoczność ceny */
    .ka-cart-table-wrapper tbody td.product-price,
    .ka-cart-table-wrapper tbody td.product-price *,
    .ka-cart-table-wrapper tbody td.product-subtotal,
    .ka-cart-table-wrapper tbody td.product-subtotal * {
        /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
        color: var(--ka-cart-product-price-color, var(--bs-primary, var(--wp--preset--color--primary, #2271b1))) !important;
        font-weight: inherit !important;
        font-size: 1rem !important;
    }
    
    /* POPRAWKA: Przycisk "Zaktualizuj koszyk" - wymuś widoczność i styl */
    .ka-cart-table-wrapper tbody tr.actions td,
    .ka-cart-table-wrapper tbody tr.actions td.actions {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
        border: none !important;
        margin: 0 !important;
        background: transparent !important;
    }
    
    /* POPRAWKA: Usuń ::before dla przycisku actions */
    .ka-cart-table-wrapper tbody tr.actions td::before,
    .ka-cart-table-wrapper tbody tr.actions td.actions::before {
        display: none !important;
        content: none !important;
    }
    
    .ka-cart-table-wrapper tbody tr.actions button,
    .ka-cart-table-wrapper tbody tr.actions #ka-update-cart-button,
    .ka-cart-table-wrapper tbody tr.actions input[type="submit"],
    .ka-cart-table-wrapper tbody tr.actions .button {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: auto !important;
        max-width: 100% !important;
        padding: 15px 30px !important;
        background: #a67c52 !important;
        color: #fff !important;
        border: none !important;
        border-radius: 6px !important;
        font-size: 1rem !important;
        cursor: pointer !important;
        margin: 1rem 0 !important;
        text-align: center !important;
        font-weight: 600 !important;
        transition: background 0.3s ease;
    }
    
    .ka-cart-table-wrapper tbody tr.actions button:hover {
        background: #8b6a47 !important;
    }
    
    /* POPRAWKA: Przycisk "Przejdź do płatności" */
    .ka-cart-table-wrapper + a[href*="checkout"],
    .ka-cart-container a[href*="checkout"],
    .ka-component-cart a[href*="checkout"].button {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin-top: 1rem !important;
        padding: 15px 30px !important;
        background: #a67c52 !important;
        color: #fff !important;
        text-align: center !important;
        text-decoration: none !important;
        border-radius: 6px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        font-weight: 600 !important;
        transition: background 0.3s ease;
    }
    
    .ka-cart-table-wrapper + a[href*="checkout"]:hover,
    .ka-cart-container a[href*="checkout"]:hover {
        background: #8b6a47 !important;
    }
    
    .ka-cart-actions {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .ka-cart-actions .button {
        width: 100%;
        text-align: center;
    }
    
    .ka-cart-coupon-form .form-row {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .ka-cart-cross-sells ul.products {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

@media (max-width: 480px) {
    .ka-cart-title {
        font-size: 1.5em;
    }
    
    .ka-cart-table-wrapper .product-thumbnail img {
        width: 50px;
        height: 50px;
    }
    
    .ka-cart-cross-sells ul.products {
        grid-template-columns: 1fr;
    }
}

/* Błędy komponentu */
.ka-component-error {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-error-bg, var(--bs-danger-bg-subtle, #f8d7da));
    color: var(--ka-error-color, var(--bs-danger-text, #721c24));
    padding: 1rem;
    border: 1px solid var(--ka-error-border, var(--bs-danger-border-subtle, #f5c6cb));
    border-radius: var(--ka-error-radius, var(--bs-border-radius-sm, 4px));
    margin: 1rem 0;
}

.ka-component-error p {
    margin: 0;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-error-color, var(--bs-danger-text, #721c24));
}

/* ===================================================================
 * LOADER DLA USUWANIA PRODUKTÓW Z KOSZYKA
 * =================================================================== */

#ka-cart-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ka-cart-loader-spinner {
    width: 50px;
    height: 50px;
    border: 3px solid var(--ka-loader-border, var(--bs-border-color, #f3f3f3));
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    border-top: 3px solid var(--ka-loader-color, var(--bs-info, var(--bs-primary, #3498db)));
    border-radius: 50%;
    animation: ka-spin 1s linear infinite;
}

@keyframes ka-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Dodatkowe style dla linków usuwania produktów */
.woocommerce-cart-form__cart-item .product-remove a,
.cart_item .product-remove a {
    cursor: pointer;
    transition: color 0.3s ease;
}

.woocommerce-cart-form__cart-item .product-remove a:hover,
.cart_item .product-remove a:hover {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-cart-remove-hover-color, var(--bs-danger, #dc3545)) !important;
}

/* Poprawka dla pustego koszyka */
.woocommerce-cart-form__cart-item:only-child .product-remove a {
    opacity: 1 !important;
}

/* WYMUŚ WIDOCZNOŚĆ PRZYCISKU "ZAKTUALIZUJ KOSZYK" */
#ka-update-cart-button {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    z-index: 1 !important;
}

/* STYL DLA USUWANIA PRODUKTÓW */
.ka-removing {
    opacity: 0.5 !important;
    background-color: #f0f0f0 !important;
    transition: opacity 0.3s ease;
}

.ka-removing .remove {
    pointer-events: none;
    cursor: not-allowed;
}

/* Dodatkowe style dla przycisku aktualizacji */
.ka-force-visible {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}