/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra Child Theme
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ============================================================ */
/* === ZMIENNE GLOBALNE (Twoja paleta kolorów) === */
/* ============================================================ */
:root {
    --neon-main: #c24df6; /* Główny fioletowy neon */
    --neon-secondary: #8a2be2; /* Drugi kolor do gradientów */
    --neon-rgb: 194, 77, 246; /* Wersja RGB głównego neonu */
    --bg-dark: rgba(15, 10, 30, 0.95); /* Ciemne tło */
    --bg-darker: rgba(10, 5, 20, 0.98); /* Bardzo ciemne tło (checkout) */
    --font-main: 'Montserrat', sans-serif; /* Główna czcionka */
    --color-white: #ffffff;
    --color-danger: #ff4757; /* Kolor usuwania/błędu */
}

/* ============================================================ */
/* === USTAWIENIA OGÓLNE WOOCOMMERCE === */
/* ============================================================ */



/* ============================================================ */
/* === UKRYCIE KUPONU W KOSZYKU (WERSJA SILNIEJSZA) === */
/* ============================================================ */

/*
   Targetujemy stronę koszyka (body.woocommerce-cart).
   Szukamy komórki tabeli z przyciskami akcji (td.actions).
   Wewnątrz niej ukrywamy kontener z klasą "coupon".
*/
body.woocommerce-cart table.shop_table td.actions .coupon {
    display: none !important;
}

/* DODATKOWO: Ukrycie na wypadek, gdyby motyw przenosił kupon pod sumę (częste na mobile) */
body.woocommerce-cart .cart-collaterals .coupon {
      display: none !important;
}


/* Celujemy tylko w konkretne elementy interfejsu WooCommerce */
.woocommerce button,
.woocommerce .button,
.woocommerce input,
.woocommerce select,
.woocommerce textarea,
.woocommerce label,
.woocommerce table.shop_table,
.woocommerce .amount,
.woocommerce .product-name,
#astra-mobile-cart-drawer {
    font-family: var(--font-main) !important;
}

/* ============================================================ */
/* --- STYLIZACJA MOBILNEGO KOSZYKA ASTRA (POPRAWIONA) --- */
/* ============================================================ */

/* 1. GŁÓWNY KONTENER KOSZYKA */
#astra-mobile-cart-drawer {
    background: var(--bg-dark) !important;
    border-left: 3px solid var(--neon-main) !important;
    box-shadow: -5px 0 25px rgba(var(--neon-rgb), 0.3) !important;
    backdrop-filter: blur(15px) !important;
    border-radius: 15px 0 0 15px !important;
    z-index: 100000 !important;
}

/* 2. NAGŁÓWEK KOSZYKA */
.astra-cart-drawer-header {
    background: linear-gradient(135deg, rgba(var(--neon-rgb), 0.9) 0%, rgba(100, 20, 150, 0.9) 100%) !important;
    color: var(--color-white) !important;
    padding: 20px 15px !important;
    border-bottom: 2px solid var(--neon-main) !important;
    box-shadow: 0 5px 15px rgba(var(--neon-rgb), 0.3) !important;
    position: relative !important; /* Konieczne do pozycjonowania 'X' */
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.astra-cart-drawer-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--color-white) !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5) !important;
    margin: 0 !important; /* Reset marginesów */
}

/* PRZYCISK ZAMKNIĘCIA 'X' - POPRAWIONA POZYCJA */
.astra-cart-drawer-close {
    color: var(--color-white) !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.7) !important;
    
    /* Pozycjonowanie absolutne po prawej stronie, idealnie na środku w pionie */
    position: absolute !important;
    top: 50% !important;
    right: 15px !important; /* Lekki odstęp od prawej krawędzi */
    transform: translateY(-50%) !important; /* Centrowanie tylko w pionie */
    
    margin: 0 !important;
    z-index: 10 !important;
    line-height: 1 !important;
}

/* Efekt świetlny w nagłówku */
.astra-cart-drawer-header::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--neon-main), transparent);
    animation: glow 2s infinite;
}

@keyframes glow {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

/* 3. ZAWARTOŚĆ KOSZYKA - ZWIĘKSZONY PADDING GÓRNY */
.astra-cart-drawer-content {
    /* Padding górny 85px, żeby produkty nie wchodziły pod nagłówek */
    padding: 85px 15px 15px 15px !important;
    background: transparent !important;
}

/* 4. PRODUKTY W KOSZYKU */
.woocommerce-mini-cart-item {
    border-bottom: 1px solid rgba(var(--neon-rgb), 0.3) !important;
    padding: 18px 0 !important;
    display: flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 10px !important;
    margin: 8px 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    transition: all 0.3s ease !important;
    justify-content: flex-start !important;
    gap: 15px !important;
}

.woocommerce-mini-cart-item:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 0 15px rgba(var(--neon-rgb), 0.2) !important;
    transform: translateX(-5px) !important;
}

/* KONTENER OBRAZKA */
.wpr-mini-cart-image {
    width: auto !important;
    height: 70px !important;
    order: 1 !important;
    flex-shrink: 0 !important;
}

.wpr-mini-cart-image img {
    object-fit: contain !important;
    height: 100% !important;
    width: auto !important;
    border-radius: 10px !important;
    border: 2px solid var(--neon-main) !important;
    box-shadow: 0 0 10px rgba(var(--neon-rgb), 0.4) !important;
}

/* NAZWA I ILOŚĆ */
.wpr-mini-cart-name-and-quantity {
    order: 2 !important;
    flex-grow: 1 !important;
}

.wpr-mini-cart-name {
    font-weight: 700 !important;
    color: var(--color-white) !important;
    font-size: 16px !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.3) !important;
    margin-bottom: 5px !important;
}

.wpr-mini-cart-quantity {
    color: var(--neon-main) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* PRZYCISK USUWANIA */
.wpr-mini-cart-remove {
    order: 3 !important;
    flex-shrink: 0 !important;
}

.wpr-mini-cart-remove a {
    color: var(--color-danger) !important;
    background: rgba(255, 71, 87, 0.1) !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--color-danger) !important;
    transition: all 0.3s ease !important;
}

.wpr-mini-cart-remove a:hover {
    background: var(--color-danger) !important;
    color: var(--color-white) !important;
    box-shadow: 0 0 15px rgba(255, 71, 87, 0.6) !important;
    transform: scale(1.1) !important;
}

/* 6. SUMA */
.woocommerce-mini-cart__total {
    background: rgba(var(--neon-rgb), 0.1) !important;
    padding: 20px !important;
    border-radius: 12px !important;
    font-size: 20px !important;
    font-weight: bold !important;
    border: 2px solid var(--neon-main) !important;
    color: var(--color-white) !important;
    text-align: center !important;
    box-shadow: 0 0 20px rgba(var(--neon-rgb), 0.3) !important;
    margin: 20px 0 !important;
}

.woocommerce-mini-cart__total strong {
    color: var(--neon-main) !important;
    text-shadow: 0 0 8px rgba(var(--neon-rgb), 0.5) !important;
}

/* 7. PRZYCISKI */
.woocommerce-mini-cart__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.woocommerce-mini-cart__buttons .button {
    padding: 18px !important;
    text-align: center !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    border: none !important;
}

.woocommerce-mini-cart__buttons .button.wc-forward {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%) !important;
    color: var(--color-white) !important;
    box-shadow: 0 5px 15px rgba(108, 117, 125, 0.4) !important;
}

.woocommerce-mini-cart__buttons .button.checkout {
    background: linear-gradient(135deg, var(--neon-main) 0%, var(--neon-secondary) 100%) !important;
    color: var(--color-white) !important;
    box-shadow: 0 5px 20px rgba(var(--neon-rgb), 0.5) !important;
}

.woocommerce-mini-cart__buttons .button:hover {
    transform: translateY(-3px) !important;
}

.woocommerce-mini-cart__buttons .button.wc-forward:hover {
    box-shadow: 0 8px 25px rgba(108, 117, 125, 0.6) !important;
}

.woocommerce-mini-cart__buttons .button.checkout:hover {
    box-shadow: 0 8px 25px rgba(var(--neon-rgb), 0.7) !important;
}

/* 9. RESPONSYWNOŚĆ KOSZYKA */
@media (max-width: 480px) {
    #astra-mobile-cart-drawer {
        width: 85% !important;
    }
    
    .wpr-mini-cart-image,
    .wpr-mini-cart-image img {
        width: 55px !important;
        height: 55px !important;
    }
    
    .woocommerce-mini-cart__buttons .button {
        padding: 15px !important;
        font-size: 14px !important;
    }
    
    .woocommerce-mini-cart-item {
        gap: 10px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* 10. SEPARATOR */
.wpr-mini-cart-separator {
    border-bottom: 1px solid rgba(var(--neon-rgb), 0.3) !important;
    margin: 15px 0 !important;
}

/* ============================================================ */
/* --- STYLIZACJA STRONY KOSZYKA (CART) --- */
/* ============================================================ */
.woocommerce-cart {
    background: var(--bg-dark) !important;
    color: var(--color-white) !important;
    min-height: 100vh !important;
    padding: 40px 20px !important;
    position: relative !important;
    z-index: 10000 !important;
}

/* KONTENER FORMULARZA */
.woocommerce-cart-form {
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    padding: 30px !important;
    border: 2px solid var(--neon-main) !important;
    box-shadow: 0 0 30px rgba(var(--neon-rgb), 0.4) !important;
    backdrop-filter: blur(15px) !important;
    margin-bottom: 30px !important;
}

/* TABELA */
table.shop_table.cart {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    background: transparent !important;
}

table.shop_table.cart thead {
    background: linear-gradient(135deg, var(--neon-main) 0%, var(--neon-secondary) 100%) !important;
    border-radius: 15px 15px 0 0 !important;
    overflow: hidden !important;
}

table.shop_table.cart th {
    background: transparent !important;
    color: var(--color-white) !important;
    border: none !important;
    padding: 25px 20px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    text-align: center !important;
}

/* WIERSZE PRODUKTÓW */
table.shop_table.cart tr {
    background: rgba(255, 255, 255, 0.1) !important;
    border-bottom: 2px solid rgba(var(--neon-rgb), 0.3) !important;
    transition: all 0.3s ease !important;
}

table.shop_table.cart tr:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    transform: translateX(5px) !important;
}

table.shop_table.cart td {
    background: transparent !important;
    border: none !important;
    color: var(--color-white) !important;
    padding: 30px 20px !important;
    vertical-align: middle !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* ZDJĘCIA PRODUKTÓW */
.cart .product-thumbnail {
    text-align: center !important;
    padding: 20px !important;
}

.cart .product-thumbnail a {
    display: block !important;
    width: 180px !important;
    height: 180px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cart .product-thumbnail img {
    border-radius: 15px !important;
    border: 3px solid var(--neon-main) !important;
    box-shadow: 0 0 20px rgba(var(--neon-rgb), 0.6) !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 10px !important;
    transition: all 0.3s ease !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.cart .product-thumbnail img:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 0 30px rgba(var(--neon-rgb), 0.9) !important;
    border-color: var(--neon-secondary) !important;
}

/* NAZWY PRODUKTÓW */
.product-name a {
    color: var(--color-white) !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: block !important;
    padding: 10px 0 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.product-name a:hover {
    color: var(--neon-main) !important;
    text-shadow: 0 0 20px rgba(var(--neon-rgb), 0.8) !important;
    transform: translateY(-2px) !important;
}

/* POLA ILOŚCI */
.quantity input.qty {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 3px solid var(--neon-main) !important;
    color: var(--color-white) !important;
    border-radius: 12px !important;
    padding: 15px !important;
    text-align: center !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    width: 100px !important;
    height: 60px !important;
}

/* CENY */
.product-price .amount,
.product-subtotal .amount {
    color: var(--neon-main) !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    text-shadow: 0 0 10px rgba(var(--neon-rgb), 0.5) !important;
}

/* PRZYCISK AKTUALIZACJI */
button[name="update_cart"] {
    background: linear-gradient(135deg, var(--neon-main) 0%, var(--neon-secondary) 100%) !important;
    color: var(--color-white) !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 20px 40px !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 25px rgba(var(--neon-rgb), 0.6) !important;
    margin-top: 20px !important;
}

button[name="update_cart"]:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 35px rgba(var(--neon-rgb), 0.9) !important;
}

/* USUWANIE PRODUKTU */
.remove {
    color: var(--color-danger) !important;
    background: rgba(255, 71, 87, 0.15) !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid var(--color-danger) !important;
    transition: all 0.3s ease !important;
    font-size: 22px !important;
    margin: 0 auto !important;
}

.remove:hover {
    background: var(--color-danger) !important;
    color: var(--color-white) !important;
    box-shadow: 0 0 25px rgba(255, 71, 87, 0.8) !important;
    transform: scale(1.2) !important;
}

/* PANEL PODSUMOWANIA */
.cart-collaterals {
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    padding: 35px !important;
    border: 2px solid var(--neon-main) !important;
    box-shadow: 0 0 30px rgba(var(--neon-rgb), 0.4) !important;
    backdrop-filter: blur(15px) !important;
    flex: 1 !important;
    min-height: 400px !important;
    display: flex !important;
    flex-direction: column !important;
}

.cart-collaterals .cart_totals {
    background: transparent !important;
    border-radius: 15px !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    width: 100% !important;
    margin: 0 !important;
}

/* UKRYCIE NAGŁÓWKA "PODSUMOWANIE" */
.cart-collaterals .cart_totals h2 {
    display: none !important;
}

/* TABELA PODSUMOWANIA */
.cart_totals table.shop_table {
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    margin-bottom: 0 !important;
}

.cart_totals th,
.cart_totals td {
    background: transparent !important;
    border: none !important;
    color: var(--color-white) !important;
    padding: 20px 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align: left !important;
}

.cart_totals table.shop_table tr:not(.order-total) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.cart_totals table.shop_table tr:last-child {
    border-bottom: none !important;
}

/* SUMA CAŁKOWITA */
.cart_totals .order-total th,
.cart_totals .order-total td {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: var(--neon-main) !important;
    border-top: 2px solid var(--neon-main) !important;
    border-bottom: none !important;
    padding: 25px 0 !important;
}

/* PRZYCISK KASY */
.wc-proceed-to-checkout {
    margin-top: 25px !important;
}

.wc-proceed-to-checkout a.checkout-button {
    background: linear-gradient(135deg, var(--neon-main) 0%, var(--neon-secondary) 100%) !important;
    color: var(--color-white) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 25px 30px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    text-align: center !important;
    display: block !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 20px rgba(var(--neon-rgb), 0.5) !important;
    width: 100% !important;
    text-decoration: none !important;
}

.wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(var(--neon-rgb), 0.8) !important;
    background: linear-gradient(135deg, var(--neon-secondary) 0%, var(--neon-main) 100%) !important;
}

/* SEKCJA DOSTAWY */
.woocommerce-shipping-totals {
    border-bottom: 1px solid rgba(var(--neon-rgb), 0.3) !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}

.woocommerce-shipping-totals th {
    font-weight: 700 !important;
    color: var(--neon-main) !important;
}

.woocommerce-shipping-totals td {
    text-align: right !important;
}

/* UKRYCIE NIEUŻYWANYCH ELEMENTÓW */
.cart_totals .shipping-calculator-button {
    display: none !important;
}

/* ============================================================ */
/* === STYLIZACJA PRZYCISKU KUPONU (OSTATECZNA WERSJA) === */
/* ============================================================ */

/* KONTENER KUPONU */
body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    float: none !important;
    padding-bottom: 20px !important;
}

/* POLE TEKSTOWE KUPONU */
body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon .input-text {
    padding: 15px 20px !important;
    height: auto !important;
    font-size: 18px !important;
    border-radius: 15px !important;
    border: 3px solid var(--neon-main) !important;
    background: rgba(255, 255, 255, 0.15) !important;
    color: var(--color-white) !important;
    margin: 0 !important;
    width: auto !important;
    flex-grow: 1;
    min-width: 200px;
}

body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon .input-text::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 600 !important;
}

/* PRZYCISK KUPONU */
body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon button.button[name="apply_coupon"] {
    background: linear-gradient(135deg, var(--neon-main) 0%, var(--neon-secondary) 100%) !important;
    border-radius: 15px !important;
    padding: 25px 40px !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 25px rgba(var(--neon-rgb), 0.6) !important;
    color: var(--color-white) !important;
    border: none !important;
    text-transform: uppercase !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    text-shadow: none !important;
    margin: 0 !important;
    line-height: 1 !important;
    height: auto !important;
    width: auto !important;
    flex-shrink: 0;
    cursor: pointer !important;
    position: static !important;
}

body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon button.button[name="apply_coupon"]:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(var(--neon-rgb), 0.9) !important;
    background: linear-gradient(135deg, var(--neon-secondary) 0%, var(--neon-main) 100%) !important;
    color: var(--color-white) !important;
}

/* WERSJA MOBILNA KOSZYKA - STRONA */
@media (max-width: 768px) {
    body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon .input-text,
    body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon button.button[name="apply_coupon"] {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon button.button[name="apply_coupon"] {
        padding: 20px 30px !important;
        font-size: 18px !important;
    }
}

/* RESPONSYWNOŚĆ KOSZYKA - STRONA */
@media (max-width: 1024px) {
    .woocommerce-cart {
        padding: 20px 15px !important;
    }
    
    table.shop_table.cart th,
    table.shop_table.cart td {
        padding: 20px 15px !important;
        font-size: 16px !important;
    }
    
    .cart .product-thumbnail img,
    .cart .product-thumbnail a {
        width: 140px !important;
        height: 140px !important;
    }
}

@media (max-width: 768px) {
    .woocommerce-cart-form,
    .cart-collaterals {
        padding: 20px !important;
        margin-bottom: 20px !important;
    }
    
    table.shop_table.cart {
        display: block !important;
        overflow-x: auto !important;
    }
    
    .cart .product-thumbnail img,
    .cart .product-thumbnail a {
        width: 120px !important;
        height: 120px !important;
    }
    
    .product-name a {
        font-size: 18px !important;
    }
    
    .quantity input.qty {
        width: 80px !important;
        height: 50px !important;
        padding: 12px !important;
    }
    
    .cart_totals th,
    .cart_totals td {
        font-size: 16px !important;
        padding: 15px 0 !important;
    }
    
    .cart_totals .order-total th,
    .cart_totals .order-total td {
        font-size: 20px !important;
    }
    
    .wc-proceed-to-checkout a.checkout-button {
        padding: 20px 25px !important;
        font-size: 18px !important;
    }
}

/* ============================================================ */
/* --- STYLIZACJA WIADOMOŚCI (NOTICES) --- */
/* ============================================================ */
.woocommerce-notices-wrapper:empty {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

.woocommerce-notices-wrapper {
    background: rgba(15, 10, 30, 0.7) !important;
    border: 2px solid var(--neon-main) !important;
    border-radius: 12px !important;
    box-shadow: 0 0 15px rgba(var(--neon-rgb), 0.4), inset 0 0 20px rgba(var(--neon-rgb), 0.1) !important;
    backdrop-filter: blur(10px) !important;
    position: relative !important;
    z-index: 1 !important;
    margin: 20px auto !important;
    max-width: 100%;
    margin-bottom: -50px !important;
    opacity: 0.8 !important;
}

.woocommerce-message,
.woocommerce-info {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 15px 25px !important;
    color: var(--color-white) !important;
    margin: 0 !important;
}

.woocommerce-message::before {
    content: none !important;
    display: none !important;
}

.woocommerce-message .button.wc-forward {
    background: var(--neon-main) !important;
    color: var(--color-white) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 10px 18px !important;
    box-shadow: 0 0 10px var(--neon-main), 0 0 20px rgba(var(--neon-rgb), 0.5) !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
    margin-left: 15px !important;
}

.woocommerce-message .button.wc-forward:hover {
    background: var(--color-white) !important;
    color: var(--neon-main) !important;
    box-shadow: 0 0 15px #fff, 0 0 30px var(--neon-main), 0 0 40px #fff !important;
    transform: scale(1.05);
}

/* ============================================================ */
/* --- POPRAWIONA STYLIZACJA CHECKOUT --- */
/* ============================================================ */

/* 1. GŁÓWNE TŁO Z LEPSZYM KONTRASTEM */
body.woocommerce-checkout,
body.woocommerce-checkout #page,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .site-content > .ast-container {
    background-color: var(--bg-darker) !important;
    background-image: none !important;
}

/* 2. BOKSY NEONOWE Z LEPSZYM KONTRASTEM */
.woocommerce-checkout .col2-set,
.woocommerce-checkout #order_review,
.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info,
form.checkout_coupon,
form.woocommerce-form-login {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 2px solid var(--neon-main) !important;
    border-radius: 20px !important;
    padding: 35px !important;
    box-shadow: 0 0 30px rgba(var(--neon-rgb), 0.5) !important;
    backdrop-filter: blur(15px) !important;
    margin-bottom: 30px !important;
}

/* 3. NAGŁÓWKI - BARDZIEJ WYRAŹNE */
.woocommerce-checkout #order_review_heading {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    color: white !important;
}

.woocommerce-checkout h3 {
    color: var(--color-white) !important;
    text-transform: uppercase !important;
    border-bottom: 3px solid var(--neon-main) !important;
    padding-bottom: 15px !important;
    margin-bottom: 25px !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    text-shadow: 0 0 10px rgba(var(--neon-rgb), 0.5) !important;
}

/* 4. ETYKIETY - BARDZIEJ WYRAŹNE */
.woocommerce-checkout label {
    color: var(--color-white) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
    display: block !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

/* 5. POLA FORMULARZA - LEPSZA WIDOCZNOŚĆ */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.select2-container--default .select2-selection--single {
    background: rgba(255, 255, 255, 0.18) !important;
    border: 3px solid var(--neon-main) !important;
    color: var(--color-white) !important;
    border-radius: 12px !important;
    padding: 18px !important;
    height: auto !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    box-shadow: 0 0 15px rgba(var(--neon-rgb), 0.3) !important;
    transition: all 0.3s ease !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: var(--neon-secondary) !important;
    box-shadow: 0 0 20px rgba(var(--neon-rgb), 0.7) !important;
    outline: none !important;
}

.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 500 !important;
}

/* 6. SEKCJE FORMULARZA - LEPSZE ROZRÓŻNIENIE */
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
    margin-bottom: 30px !important;
}

.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3 {
    color: var(--neon-main) !important;
    font-size: 22px !important;
    border-bottom: 2px solid var(--neon-main) !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

/* 7. GRUPY PÓL - LEPSZA ORGANIZACJA */
.woocommerce-checkout .form-row {
    margin-bottom: 20px !important;
    padding: 0 !important;
}

.woocommerce-checkout .form-row label {
    margin-bottom: 8px !important;
}

/* 8. SELEKTORY - POPRAWIONA WIDOCZNOŚĆ */
.select2-container--default .select2-selection--single {
    background: rgba(255, 255, 255, 0.18) !important;
    border: 3px solid var(--neon-main) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-white) !important;
    line-height: normal !important;
    padding: 8px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
}

/* 9. TABELA PODSUMOWANIA - BARDZIEJ CZYTELNA */
#order_review table.shop_table {
    background: transparent !important;
    border: none !important;
    width: 100% !important;
}

#order_review table.shop_table th,
#order_review table.shop_table td {
    background: transparent !important;
    color: var(--color-white) !important;
    border-top: 2px solid rgba(var(--neon-rgb), 0.4) !important;
    padding: 18px 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    vertical-align: middle !important;
}

#order_review table.shop_table thead th,
#order_review table.shop_table tfoot th {
    color: var(--neon-main) !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    border-top: none !important;
}

#order_review table.shop_table .order-total th,
#order_review table.shop_table .order-total td {
    border-top: 3px solid var(--neon-main) !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    color: var(--neon-main) !important;
    background: rgba(var(--neon-rgb), 0.15) !important;
    padding: 22px 10px !important;
}

.woocommerce-checkout .amount {
    color: var(--color-white) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

#order_review table.shop_table .order-total .amount {
    color: var(--neon-main) !important;
    font-size: 24px !important;
    text-shadow: 0 0 10px rgba(var(--neon-rgb), 0.5) !important;
}

/* 10. METODY PŁATNOŚCI - BARDZIEJ WIDOCZNE */
#payment {
    background: transparent !important;
    border-radius: 0 !important;
}

#payment .wc_payment_methods {
    border: none !important;
    background: transparent !important;
}

#payment .wc_payment_method {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 2px solid rgba(var(--neon-rgb), 0.4) !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
    transition: all 0.3s ease !important;
}

#payment .wc_payment_method:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: var(--neon-main) !important;
}

#payment .wc_payment_method label {
    color: var(--color-white) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    cursor: pointer !important;
}

#payment div.payment_box {
    background: rgba(var(--neon-rgb), 0.25) !important;
    border: 1px solid var(--neon-main) !important;
    color: var(--color-white) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: 10px !important;
    font-weight: 500 !important;
}

#payment div.payment_box:before {
    border-bottom-color: var(--neon-main) !important;
}

/* 11. PRZYCISK ZŁOŻENIA ZAMÓWIENIA - BARDZIEJ WYRAŹNY */
#place_order {
    background: linear-gradient(135deg, var(--neon-main) 0%, var(--neon-secondary) 100%) !important;
    color: var(--color-white) !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 28px 35px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 24px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 25px rgba(var(--neon-rgb), 0.7) !important;
    margin-top: 30px !important;
    cursor: pointer !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

#place_order:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(var(--neon-rgb), 0.9) !important;
    background: linear-gradient(135deg, var(--neon-secondary) 0%, var(--neon-main) 100%) !important;
}

/* 12. DODATKOWE ELEMENTY - POPRAWIONA WIDOCZNOŚĆ */
.woocommerce-checkout .woocommerce-account-fields {
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 15px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    border: 1px solid rgba(var(--neon-rgb), 0.3) !important;
}

.woocommerce-checkout .create-account {
    margin-top: 15px !important;
}

/* 13. KUPON NA CHECKOUT - BARDZIEJ WIDOCZNY */
.woocommerce-checkout .woocommerce-info {
    display: none !important;
}

.woocommerce-checkout form.checkout_coupon {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 20px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 2px solid var(--neon-main) !important;
    border-radius: 15px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
}

.woocommerce-checkout form.checkout_coupon .form-row {
    margin-bottom: 0 !important;
    padding: 0 !important;
    flex: 1;
}

.woocommerce-checkout form.checkout_coupon .form-row-last {
    flex: 0 0 auto !important;
}

.woocommerce-checkout form.checkout_coupon input.input-text {
    width: 100% !important;
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 2px solid var(--neon-main) !important;
    color: var(--color-white) !important;
    padding: 15px !important;
    font-size: 16px !important;
}

.woocommerce-checkout form.checkout_coupon .button {
    background: linear-gradient(135deg, var(--neon-main) 0%, var(--neon-secondary) 100%) !important;
    color: var(--color-white) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 17px 30px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 15px rgba(var(--neon-rgb), 0.5) !important;
    height: auto !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.woocommerce-checkout form.checkout_coupon .button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(var(--neon-rgb), 0.8) !important;
    background: linear-gradient(135deg, var(--neon-secondary) 0%, var(--neon-main) 100%) !important;
}

/* 14. UKŁAD NA DUŻYCH EKRANACH */
@media (min-width: 992px) {
    .woocommerce-checkout .col2-set {
        width: 58% !important;
        float: left !important;
        margin-right: 2% !important;
    }
    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout #order_review {
        width: 40% !important;
        float: right !important;
    }
}

/* 15. RESPONSYWNOŚĆ */
@media (max-width: 768px) {
    .woocommerce-checkout .col2-set,
    .woocommerce-checkout #order_review {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
    }
    
    .woocommerce-checkout form.checkout_coupon {
        flex-direction: column !important;
    }
    
    .woocommerce-checkout form.checkout_coupon .input-text,
    .woocommerce-checkout form.checkout_coupon .button {
        width: 100% !important;
    }
    
    #place_order {
        padding: 22px 25px !important;
        font-size: 20px !important;
    }
}

/* ============================================================ */
/* --- POPRAWKI CZCIONKI W PODSUMOWANIU ZAMÓWIENIA --- */
/* ============================================================ */

/* 2. Nagłówki tabeli */
#order_review table.shop_table th {
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* 3. Komórki tabeli */
#order_review table.shop_table td {
    font-weight: 600 !important;
}

/* 4. Nazwy produktów */
#order_review table.shop_table .product-name {
    font-weight: 700 !important;
}

/* 5. Ceny */
#order_review table.shop_table .amount {
    font-weight: 800 !important;
}

/* 6. Suma całkowita */
#order_review table.shop_table .order-total {
    font-weight: 900 !important;
}

/* 7. Metody dostawy */
.woocommerce-checkout .shipping-method label {
    font-weight: 600 !important;
}

/* 8. Informacje o paczkomacie */
.woocommerce-checkout .shipping-method-description,
.woocommerce-checkout .inpost-shipping-details,
.woocommerce-checkout .paczkomaty-info,
.woocommerce-checkout .paczkomat-address {
    font-weight: 500 !important;
}
#selected-point {
    display: none !important;
}


/* ============================================================ */
/* === STYLIZACJA TOOLTIPA HOVER W KOSZYKU (NEON STYLE) === */
/* ============================================================ */

/* 1. Kontener głównej ikony "i" */
.dp-hover-container {
    position: relative;
    display: inline-block;
    cursor: help; /* Kursor zmieni się w znak zapytania */
    margin-left: 8px;
    color: #c24df6; /* Neonowy fioletowy kolor ikony */
    font-size: 20px; /* Rozmiar ikony */
    line-height: 1;
    transition: all 0.3s ease;
    vertical-align: middle;
}

/* Efekt po najechaniu na samą ikonę "i" (świeci na niebiesko) */
.dp-hover-container:hover {
    color: #00f2ff; 
    text-shadow: 0 0 10px #00f2ff;
}

/* 2. Dymek z tekstem (Domyślnie UKRYTY) */
.dp-hover-text {
    visibility: hidden; /* Niewidoczny */
    opacity: 0; /* Przezroczysty */
    
    width: 320px; /* Szerokość dymka z listą */
    background-color: rgba(15, 10, 30, 0.98); /* Ciemne tło */
    color: #fff; /* Biały tekst */
    text-align: left;
    border-radius: 10px;
    padding: 15px;
    border: 2px solid #c24df6; /* Neonowa ramka */
    box-shadow: 0 5px 20px rgba(194, 77, 246, 0.4); /* Neonowy blask */
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;

    /* Pozycjonowanie dymka nad ikoną */
    position: absolute;
    z-index: 999;
    bottom: 135%; /* Odstęp od ikony w górę */
    left: 50%;
    margin-left: -160px; /* Przesunięcie w lewo o połowę szerokości, żeby wyśrodkować */
    
    /* Płynne pojawianie się */
    transition: opacity 0.4s ease, visibility 0.4s ease, bottom 0.4s ease;
}

/* 3. AKCJA: Pokazanie dymka PO NAJECHANIU na kontener */
.dp-hover-container:hover .dp-hover-text {
    visibility: visible;
    opacity: 1;
    bottom: 125%; /* Lekki ruch w dół przy pojawianiu się */
}

/* --- Dodatki wizualne --- */

/* Mała strzałka pod dymkiem wskazująca na ikonę */
.dp-hover-text::after {
    content: "";
    position: absolute;
    top: 100%; /* Na samym dole dymka */
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    /* Kolor strzałki pasujący do ramki */
    border-color: #c24df6 transparent transparent transparent; 
}

/* Responsywność na telefonach (żeby dymek nie wychodził poza ekran) */
@media (max-width: 768px) {
    .dp-hover-text {
        width: 260px; /* Węższy dymek na telefonie */
        left: auto;
        right: -10px; /* Pozycjonujemy do prawej krawędzi */
        margin-left: 0;
        bottom: auto;
        top: 135%; /* Na telefonie lepiej pokazać dymek POD ikoną, bo palec zasłania górę */
    }
    /* Strzałka na górze dymka na telefonach */
    .dp-hover-text::after {
        top: auto;
        bottom: 100%;
        border-color: transparent transparent #c24df6 transparent;
        right: 15px;
        left: auto;
    }
}

/* ============================================================ */
/* === POPRAWA CZYTELNOŚCI STOPKI (CZCIONKA I IKONY) === */
/* ============================================================ */

/* 1. Pogrubienie tekstu "COPYRIGHT" w stopce */
/* Celujemy w nagłówki i edytory tekstu wewnątrz stopki Elementora */
.elementor-location-footer .elementor-widget-heading .elementor-heading-title,
.elementor-location-footer .elementor-widget-text-editor,
.elementor-location-footer .elementor-widget-text-editor p {
    font-weight: 700 !important; /* Znaczne pogrubienie (Bold) */
    color: #ffffff !important;   /* Wymuszenie czystej bieli */
    letter-spacing: 0.5px;       /* Lekki odstęp między literami poprawia czytelność */
    -webkit-font-smoothing: antialiased; /* Wygładzanie czcionki */
}

/* 2. Powiększenie i wyostrzenie ikon społecznościowych w stopce */
.elementor-location-footer .elementor-social-icon {
    font-size: 24px !important; /* Zwiększamy rozmiar ikon (dostosuj jeśli za duże) */
}

.elementor-location-footer .elementor-social-icon i,
.elementor-location-footer .elementor-social-icon svg {
    /* Dodatkowe upewnienie się, że ikona jest biała i wyraźna */
    fill: #ffffff !important;
    color: #ffffff !important;
    filter: drop-shadow(0 0 1px rgba(255,255,255,0.3)); /* Subtelny cień dla ostrości */
}
/* ============================================================ */
/* === STYLIZACJA STRONY "MOJE KONTO" (NEON STYLE v2 - POPRAWIONA WIDOCZNOŚĆ) === */
/* ============================================================ */

/* --- 1. GŁÓWNY KONTENER I UKŁAD --- */

/* Ustawienie ciemnego tła dla całej sekcji konta */
.woocommerce-account .entry-content {
    background-color: var(--bg-darker, #0a0514); /* Używa zmiennej lub domyślnego ciemnego */
    padding: 40px;
    border-radius: 20px;
    border: 2px solid var(--neon-main, #c24df6);
    box-shadow: 0 0 30px rgba(194, 77, 246, 0.2);
}

/* Poprawa układu na dużych ekranach (menu z lewej, treść z prawej) */
@media (min-width: 992px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 25% !important;
        margin-right: 5% !important;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 70% !important;
    }
}

/* --- 2. NAWIGACJA (MENU BOCZNE) --- */

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid var(--neon-main, #c24df6);
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid rgba(194, 77, 246, 0.2);
    margin: 0 !important;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

/* Stylizacja linków w menu */
.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 18px 25px !important;
    color: #ffffff !important;
    font-family: var(--font-main, 'Montserrat', sans-serif);
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 1px;
}

/* Efekt po najechaniu na link (Hover) */
.woocommerce-MyAccount-navigation ul li a:hover {
    background: rgba(194, 77, 246, 0.2) !important;
    padding-left: 35px !important; /* Lekkie przesunięcie w prawo */
    color: var(--neon-cyan, #00f2ff) !important;
    text-shadow: 0 0 10px var(--neon-cyan, #00f2ff);
}

/* Styl dla AKTYWNEJ zakładki */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--neon-main, #c24df6) !important;
    color: #ffffff !important;
    box-shadow: 0 0 20px rgba(194, 77, 246, 0.6) !important;
}

/* Link "Wyloguj" - wyróżnienie */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #ff4757 !important; /* Czerwonawy */
    border-top: 2px solid rgba(255, 71, 87, 0.3);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: rgba(255, 71, 87, 0.2) !important;
    color: #ffffff !important;
    text-shadow: 0 0 10px #ff4757;
}


/* --- 3. TREŚĆ GŁÓWNA (KOKPIT) --- */

.woocommerce-MyAccount-content {
    background: rgba(255, 255, 255, 0.08) !important;
    padding: 35px !important;
    border-radius: 15px !important;
    border: 1px solid var(--neon-main, #c24df6);
    backdrop-filter: blur(10px);
    color: #ffffff !important;
}

/* Nagłówki w treści (np. "Twoje zamówienia") */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    font-family: var(--font-main, 'Montserrat', sans-serif);
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 800 !important;
    margin-bottom: 25px !important;
    font-size: 24px !important;
    text-shadow: 0 0 15px rgba(194, 77, 246, 0.5);
    border-bottom: 2px solid var(--neon-main, #c24df6);
    padding-bottom: 15px;
    display: inline-block;
}

/* Zwykły tekst i linki w treści - ZMIANA KOLORU NA CZYSTĄ BIEL */
.woocommerce-MyAccount-content p {
    color: #ffffff !important; /* Było #dddddd, jest jaśniej */
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.woocommerce-MyAccount-content a {
    color: var(--neon-cyan, #00f2ff) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--neon-cyan, #00f2ff);
    transition: all 0.3s ease;
}
.woocommerce-MyAccount-content a:hover {
    text-shadow: 0 0 10px var(--neon-cyan, #00f2ff);
    border-bottom-width: 2px;
}

/* --- 4. TABELE (np. ZAMÓWIENIA) --- */

.woocommerce-account table.shop_table {
    border: none !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.05) !important;
    margin-bottom: 30px !important;
}

.woocommerce-account table.shop_table thead th {
    background: var(--neon-main, #c24df6) !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    padding: 15px !important;
    border: none !important;
}

.woocommerce-account table.shop_table td {
    background: transparent !important;
    border-top: 1px solid rgba(194, 77, 246, 0.2) !important;
    padding: 15px !important;
    color: #ffffff !important;
    vertical-align: middle !important;
    font-weight: 500 !important; /* Lekkie pogrubienie tekstu w tabeli */
}

/* Przyciski w tabelach (np. "Zobacz") */
.woocommerce-account table.my_account_orders .button {
    background: transparent !important;
    border: 2px solid var(--neon-cyan, #00f2ff) !important;
    color: var(--neon-cyan, #00f2ff) !important;
    padding: 8px 15px !important;
    font-size: 13px !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}
.woocommerce-account table.my_account_orders .button:hover {
    background: var(--neon-cyan, #00f2ff) !important;
    color: var(--bg-darker, #0a0514) !important;
    box-shadow: 0 0 15px var(--neon-cyan, #00f2ff) !important;
}


/* --- 5. FORMULARZE I ADRESY --- */

/* Pola edycji danych */
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"],
.woocommerce-address-fields input,
.woocommerce-address-fields select {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 2px solid var(--neon-main, #c24df6) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 15px !important;
}

.woocommerce-EditAccountForm input:focus,
.woocommerce-address-fields input:focus {
    box-shadow: 0 0 15px rgba(194, 77, 246, 0.5) !important;
    border-color: var(--neon-cyan, #00f2ff) !important;
    outline: none;
}

/* Etykiety formularzy */
.woocommerce-account label {
    color: #ffffff !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

/* Boksy z adresami - POPRAWIONE */
.woocommerce-Address {
    /* ZMIANA: Ustawienie ciemnego tła dla całego boksu */
    background: var(--bg-darker, #0a0514) !important;
    padding: 25px;
    border-radius: 15px;
    border: 2px dashed var(--neon-main, #c24df6);
    /* Dodatkowy cień wewnętrzny dla głębi */
    box-shadow: inset 0 0 20px rgba(194, 77, 246, 0.1);
}

/* Nagłówki adresów (np. "ADRES ROZLICZENIOWY") */
.woocommerce-Address-title h3 {
    border-bottom: none !important;
    margin-bottom: 15px !important;
    font-size: 20px !important;
    /* ZMIANA: Kolor nagłówka na neonowy fiolet, żeby był widoczny na ciemnym tle */
    color: var(--neon-main, #c24df6) !important;
    text-transform: uppercase;
}

/* Przycisk "Edytuj" przy adresie */
.woocommerce-Address-title .edit {
    /* ZMIANA: Kolor linku na neonowy błękit, pasujący do reszty strony */
    color: var(--neon-cyan, #00f2ff) !important;
    font-size: 14px !important;
    /* ZMIANA: Kolor podkreślenia na neonowy błękit */
    border-bottom: 1px solid var(--neon-cyan, #00f2ff) !important;
    float: right;
    text-decoration: none !important;
}

/* Stylizacja samego tekstu adresu */
.woocommerce-Address address {
    color: #ffffff !important; /* Adres pozostaje biały */
    font-style: normal;
}

/* --- 6. PRZYCISKI GŁÓWNE --- */

.woocommerce-account .button[type="submit"],
.woocommerce-account .woocommerce-Button {
    background: linear-gradient(135deg, var(--neon-main, #c24df6) 0%, #8a2be2 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 15px 30px !important;
    border-radius: 30px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 5px 20px rgba(194, 77, 246, 0.4) !important;
    transition: all 0.3s ease !important;
}

.woocommerce-account .button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 30px rgba(194, 77, 246, 0.7) !important;
}


/* --- 7. WIADOMOŚCI SYSTEMOWE (ALERTY) --- */

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    background: rgba(15, 10, 30, 0.9) !important;
    color: #ffffff !important;
    border-top: 3px solid var(--neon-main, #c24df6) !important;
    padding: 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(194, 77, 246, 0.2) !important;
}

.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before {
    color: var(--neon-cyan, #00f2ff) !important;
}
.woocommerce-account .woocommerce-error::before {
    color: #ff4757 !important;
}


/* --- 8. RESPONSYWNOŚĆ (TELEFONY) --- */
@media (max-width: 768px) {
    .woocommerce-account .entry-content {
        padding: 20px !important; /* Mniejszy padding na telefonie */
    }

    /* Menu na górze na telefonie */
    .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px !important;
    }
    .woocommerce-MyAccount-navigation ul li {
        flex: 1 1 50%; /* Dwie kolumny linków */
        text-align: center;
        border-right: 1px solid rgba(194, 77, 246, 0.2);
    }
    .woocommerce-MyAccount-navigation ul li:nth-child(even) {
        border-right: none;
    }

    .woocommerce-MyAccount-content {
        padding: 25px !important;
    }
}

/* ============================================================ */
/* === STYLIZACJA NAGŁÓWKÓW KOLUMN (woocommerce-column__title) === */
/* ============================================================ */

.woocommerce-column__title {
    /* Ustawienie głównego koloru neonowego fioletu */
    color: var(--neon-main, #c24df6) !important;
    
    /* Ustawienie Twojej głównej czcionki */
    font-family: var(--font-main, 'Montserrat', sans-serif) !important;
    
    /* Wielkość i grubość czcionki */
    font-size: 22px !important;
    font-weight: 800 !important;
    
    /* Zamiana na wielkie litery i dodanie odstępu między nimi */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    
    /* Dodanie delikatnej neonowej poświaty */
    text-shadow: 0 0 12px rgba(194, 77, 246, 0.5) !important;
    
    /* Odstęp pod nagłówkiem */
    margin-bottom: 20px !important;
    
    /* Usunięcie ewentualnych domyślnych obramowań */
    border: none !important;
}

/* Nagłówki adresów (np. "ADRES ROZLICZENIOWY") - POPRAWKA WIDOCZNOŚCI */
.woocommerce-Address-title h2 {
    border-bottom: none !important;
    margin-bottom: 15px !important;
    font-size: 20px !important;
    /* TU JEST KLUCZOWA ZMIANA: Kolor na neonowy fiolet, żeby odznaczał się od tła */
    color: var(--neon-main, #c24df6) !important;
    text-transform: uppercase;
    font-weight: 800 !important;
}
.woocommerce-column__title {
    border-bottom: none !important;
    margin-bottom: 15px !important;
    font-size: 20px !important;
    /* TU JEST KLUCZOWA ZMIANA: Kolor na neonowy fiolet, żeby odznaczał się od tła */
    color: var(--neon-main, #c24df6) !important;
    text-transform: uppercase;
    font-weight: 800 !important;
}

/* ============================================================ */
/* === OSTATECZNA POPRAWKA ZAKŁADKI "PUNKTY" (CZYTELNOŚĆ) === */
/* ============================================================ */

/* --- 1. GŁÓWNY KONTENER Z ZASADAMI (To jasne pudełko) --- */
/* Celujemy w ten element, który ma teraz jasne tło i białą poświatę */
.woocommerce-MyAccount-content .ywpar-ways-to-gain-points-section,
.woocommerce-MyAccount-content div[style*="box-shadow"][style*="#fff"] {
    /* Zmieniamy tło na ciemne */
    background-color: var(--bg-darker, #0a0514) !important;
    /* Zmieniamy ramkę na solidny neonowy fiolet */
    border: 2px solid var(--neon-main, #c24df6) !important;
    /* Zmieniamy poświatę na fioletową */
    box-shadow: 0 0 25px rgba(194, 77, 246, 0.3), inset 0 0 10px rgba(194, 77, 246, 0.1) !important;
    border-radius: 15px !important;
    padding: 30px !important;
    margin-top: 20px;
}

/* --- 2. NAGŁÓWKI W ŚRODKU (np. "JAK ZDOBYWAĆ PUNKTY?") --- */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    /* Zmieniamy kolor na neonowy błękit dla kontrastu */
    color: var(--neon-cyan, #00f2ff) !important;
    text-shadow: 0 0 15px rgba(0, 242, 255, 0.8) !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    border-bottom: 2px solid var(--neon-cyan, #00f2ff) !important; /* Błękitna linia pod spodem */
    padding-bottom: 15px !important;
    background: none !important; /* Upewniamy się, że nie ma tła */
}

/* --- 3. TEKST ZASAD (Lista punktowana) --- */
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content ul li {
    /* Czysta biel, teraz będzie widoczna na ciemnym tle */
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    font-weight: 500 !important;
}

/* Dodajemy neonowe kropki do listy */
.woocommerce-MyAccount-content ul li {
    list-style-type: none !important;
    position: relative;
    padding-left: 25px !important;
}
.woocommerce-MyAccount-content ul li::before {
    content: "•";
    color: var(--neon-cyan, #00f2ff) !important; /* Błękitna kropka */
    font-size: 24px;
    position: absolute;
    left: 0;
    top: -5px;
}

/* --- 4. LINK "VIEW POINT LOG" --- */
#ywpar-point-log-link,
.woocommerce-MyAccount-content a {
    color: var(--neon-cyan, #00f2ff) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--neon-cyan, #00f2ff);
    font-weight: 700 !important;
}