/*.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
    content: "";
}   
 */

 #eut-footer-area a {
     color: #dbdbdb !important;
 }

@media (max-width: 768px) {

    .dtwpb-woocommerce-products .woocommerce ul.products {
    
        grid-template-columns: 1fr !important;

    }

}

@media (min-width: 769px) and (max-width: 1080px) {

    .dtwpb-woocommerce-products .woocommerce ul.products {
    
        grid-template-columns: 1fr 1fr !important;

    }

}


.product-thumbnail:before,
.product-name:before {
    display: none;
}

.add_to_cart_button, 
.add_to_cart_button:hover {
    transition: all 0.75s ease !important;
}

.add_to_cart_button.negative {
    background: #fff;
    color:black;
    font-weight:bold;
    transition: all 0.75s ease !important;
}

.przymierzalnia-btn, 
.przymierzalnia-btn:hover {
    border-radius: 2rem;
    line-height: 2rem;
    border: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-weight: bold;
    padding: 0.75rem 1.5rem 0.5rem 1.5rem;
    background: #fff;
    cursor: default;
}

.eut-cart-button-wrapper {
    padding-left: 20px;
}

.my-account-wrapper {
    float:right;
}

.my-account-wrapper a {
    margin-left: 10px;
}

/* REMOVED old color rules - now handled globally in section 1c */

/* ========================================================================
   FIX: GLOBAL - Replace ALL red (#FA4949) with beige (#d1b297)
   ======================================================================== */

/* 1. Linia pod aktywnymi elementami menu - WSZYSTKIE WARIANTY HEADERA */
#eut-header.eut-default #eut-main-menu > ul > li > a span.eut-item:after,
#eut-header.eut-light #eut-main-menu > ul > li > a span.eut-item:after,
#eut-header.eut-dark #eut-main-menu > ul > li > a span.eut-item:after,
#eut-header.eut-header-sticky #eut-main-menu > ul > li > a span.eut-item:after {
    background-color: #d1b297 !important;
}

/* 1a. DEFAULT i DARK headery - ciemniejszy kolor tekstu menu (#111111 zamiast #757575)
   NIE nadpisujemy eut-light (jasny tekst na ciemnym tle) */
#eut-header.eut-default #eut-main-menu > ul > li > a,
#eut-header.eut-dark #eut-main-menu > ul > li > a,
#eut-header.eut-header-sticky #eut-main-menu > ul > li > a,
#eut-header.eut-default .eut-menu-options a,
#eut-header.eut-dark .eut-menu-options a,
#eut-header.eut-header-sticky .eut-menu-options a,
#eut-header.eut-default .eut-logo.eut-logo-text a,
#eut-header.eut-dark .eut-logo.eut-logo-text a,
#eut-header.eut-header-sticky .eut-logo.eut-logo-text a,
#eut-header.eut-default .eut-responsive-menu-text,
#eut-header.eut-dark .eut-responsive-menu-text,
#eut-header.eut-header-sticky .eut-responsive-menu-text {
    color: #111111 !important;
}

/* 1b. Wszystkie elementy używające primary color */
.eut-color-primary-1,
.eut-color-primary-1:before,
.eut-color-primary-1:after {
    color: #d1b297 !important;
}

/* 1c. Ikony w headerze - DEFAULT i DARK (#111111 base, #d1b297 hover)
   NIE nadpisujemy eut-light (jasne ikony na ciemnym tle) */
#eut-header.eut-default .eut-menu-options a,
#eut-header.eut-dark .eut-menu-options a,
#eut-header.eut-header-sticky .eut-menu-options a,
#eut-header.eut-default .eut-menu-options a i,
#eut-header.eut-dark .eut-menu-options a i,
#eut-header.eut-header-sticky .eut-menu-options a i,
#eut-header.eut-default .eut-menu-options a svg,
#eut-header.eut-dark .eut-menu-options a svg,
#eut-header.eut-header-sticky .eut-menu-options a svg,
#eut-header.eut-default .eut-menu-options a path,
#eut-header.eut-dark .eut-menu-options a path,
#eut-header.eut-header-sticky .eut-menu-options a path,
#eut-header.eut-default .eut-menu-options .fa,
#eut-header.eut-dark .eut-menu-options .fa,
#eut-header.eut-header-sticky .eut-menu-options .fa,
#eut-header.eut-default .my-account-wrapper a,
#eut-header.eut-dark .my-account-wrapper a,
#eut-header.eut-header-sticky .my-account-wrapper a,
#eut-header.eut-default .likes-switch,
#eut-header.eut-dark .likes-switch,
#eut-header.eut-header-sticky .likes-switch,
#eut-header.eut-default .eut-cart-button-wrapper a,
#eut-header.eut-dark .eut-cart-button-wrapper a,
#eut-header.eut-header-sticky .eut-cart-button-wrapper a {
    color: #111111 !important;
    fill: #111111 !important;
}

/* 1c-hover. Ikony w headerze - hover (DEFAULT i DARK) */
#eut-header.eut-default .eut-menu-options a:hover,
#eut-header.eut-dark .eut-menu-options a:hover,
#eut-header.eut-header-sticky .eut-menu-options a:hover,
#eut-header.eut-default .eut-menu-options a:hover i,
#eut-header.eut-dark .eut-menu-options a:hover i,
#eut-header.eut-header-sticky .eut-menu-options a:hover i,
#eut-header.eut-default .eut-menu-options a:hover svg,
#eut-header.eut-dark .eut-menu-options a:hover svg,
#eut-header.eut-header-sticky .eut-menu-options a:hover svg,
#eut-header.eut-default .eut-menu-options a:hover path,
#eut-header.eut-dark .eut-menu-options a:hover path,
#eut-header.eut-header-sticky .eut-menu-options a:hover path,
#eut-header.eut-default .my-account-wrapper a:hover,
#eut-header.eut-dark .my-account-wrapper a:hover,
#eut-header.eut-header-sticky .my-account-wrapper a:hover,
#eut-header.eut-default .likes-switch:hover,
#eut-header.eut-dark .likes-switch:hover,
#eut-header.eut-header-sticky .likes-switch:hover,
#eut-header.eut-default .eut-cart-button-wrapper a:hover,
#eut-header.eut-dark .eut-cart-button-wrapper a:hover,
#eut-header.eut-header-sticky .eut-cart-button-wrapper a:hover {
    color: #d1b297 !important;
    fill: #d1b297 !important;
}

/* 1d. Primary button i aktywne elementy - USUNIĘTO TŁO, zostaje tylko linia */
/* Aktywne elementy menu pokazują tylko podkreślnik (span.eut-item:after) - BEZ TŁA */
#eut-header #eut-main-menu > ul > li.primary-button > a,
#eut-header #eut-main-menu > ul > li.current-menu-item > a,
#eut-header #eut-main-menu > ul > li.current-menu-parent > a,
#eut-header #eut-main-menu > ul > li.active > a {
    background-color: transparent !important;
    border-color: transparent !important;
}

/* 2. Licznik produktów w koszyku - podwójna specyficzność */
#eut-header .eut-cart-button .eut-purchased-items,
#eut-header .eut-menu-options .eut-cart-button .eut-purchased-items,
.eut-cart-button .eut-purchased-items {
    background-color: #d1b297 !important;
    color: #ffffff !important;
}

/* 3. Primary button w menu - USUNIĘTO TŁO, zostaje tylko linia podkreślnika */
#eut-header #eut-main-menu > ul > li.primary-button > a span {
    background-color: transparent !important;
}

/* 4. Footer linki hover */
#eut-footer-area .widget li a:hover,
#eut-footer-area a:hover {
    color: #d1b297 !important;
}

#eut-footer-bar #eut-second-menu li a:hover,
#eut-footer-bar .eut-social li a:hover,
#eut-footer-bar a:hover {
    color: #d1b297 !important;
}

/* 5. Top bar hover (jeśli jest używany) */
#eut-top-bar a:hover {
    color: #d1b297 !important;
}

/* ========================================================================
   FIX: KOSZYK - Pokaż obrazki produktów (były ukryte przez smallscreen.css)
   ======================================================================== */

/* Przywróć wyświetlanie kolumny z obrazkami w koszyku */
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
    display: table-cell !important;
}

/* Upewnij się że obrazki są widoczne */
.woocommerce #content table.cart .product-thumbnail img,
.woocommerce table.cart .product-thumbnail img,
.woocommerce-page #content table.cart .product-thumbnail img,
.woocommerce-page table.cart .product-thumbnail img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* Na małych ekranach (mobile) ukryj obrazki - tak jak było zamierzone */
@media (max-width: 768px) {
    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: none !important;
    }
}

/* ========================================================================
   WOOCOMMERCE NOTIFICATIONS - Maksymalnie zaokrąglone w stylu YOUL
   ======================================================================== */

/* Kontener powiadomień */
.woocommerce-notices-wrapper {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Bazowy styl wszystkich powiadomień - maksymalne zaokrąglenie */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    padding: 20px 35px !important;
    margin: 0 0 25px 0 !important;
    border-radius: 35px !important;
    line-height: 1.6 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    list-style: none !important;
    position: relative !important;
    text-align: left !important;
    animation: fadeInNotice 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* Ukryj domyślne ikony WooCommerce */
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before {
    display: none !important;
}

/* UKRYJ WSZYSTKIE IKONY/SVG/OBRAZKI W KOMUNIKATACH */
.woocommerce .woocommerce-message svg,
.woocommerce .woocommerce-error svg,
.woocommerce .woocommerce-info svg,
.woocommerce-message svg,
.woocommerce-error svg,
.woocommerce-info svg,
.woocommerce .woocommerce-message img,
.woocommerce .woocommerce-error img,
.woocommerce .woocommerce-info img,
.woocommerce-message img,
.woocommerce-error img,
.woocommerce-info img {
    display: none !important;
}

/* SUCCESS/MESSAGE - białe tło, beżowa ramka Youl */
.woocommerce .woocommerce-message,
.woocommerce-message {
    background-color: #ffffff !important;
    color: #111111 !important;
    border: 2px solid #d1b297 !important;
}

/* ERROR - ciemne tło, wysokim kontrast */
.woocommerce .woocommerce-error,
.woocommerce-error {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 2px solid #111111 !important;
}

/* INFO - jasne tło, subtelna ramka */
.woocommerce .woocommerce-info,
.woocommerce-info {
    background-color: #f9f9f9 !important;
    color: #111111 !important;
    border: 2px solid #e8e8e8 !important;
}

/* Linki w SUCCESS i INFO - beżowy kolor Youl */
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-info a {
    color: #d1b297 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: opacity 0.2s ease !important;
    border-bottom: 1px solid #d1b297 !important;
}

/* Linki w ERROR - białe */
.woocommerce .woocommerce-error a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: opacity 0.2s ease !important;
    border-bottom: 1px solid #ffffff !important;
}

/* Hover na linkach */
.woocommerce .woocommerce-message a:hover,
.woocommerce .woocommerce-error a:hover,
.woocommerce .woocommerce-info a:hover {
    opacity: 0.7 !important;
}

/* Przyciski/linki akcji - "Cofnij?" itp. */
.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-message a.restore-item,
.woocommerce .woocommerce-error a.button,
.woocommerce .woocommerce-info a.button {
    display: inline-block !important;
    margin-left: auto !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid currentColor !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: inherit !important;
    text-transform: none !important;
    letter-spacing: 0.01em !important;
    transition: opacity 0.2s ease !important;
    line-height: inherit !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

.woocommerce .woocommerce-message a.button:hover,
.woocommerce .woocommerce-message a.restore-item:hover,
.woocommerce .woocommerce-error a.button:hover,
.woocommerce .woocommerce-info a.button:hover {
    opacity: 0.7 !important;
    background-color: transparent !important;
}

/* Animacja fade in */
@keyframes fadeInNotice {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsywność - Tablet */
@media (max-width: 768px) {
    .woocommerce .woocommerce-message,
    .woocommerce .woocommerce-error,
    .woocommerce .woocommerce-info {
        padding: 18px 28px !important;
        border-radius: 30px !important;
        font-size: 14px !important;
    }

}

/* Responsywność - Mobile */
@media (max-width: 480px) {
    .woocommerce-notices-wrapper {
        padding: 0 10px;
    }

    .woocommerce .woocommerce-message,
    .woocommerce .woocommerce-error,
    .woocommerce .woocommerce-info {
        padding: 16px 24px !important;
        border-radius: 25px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .woocommerce .woocommerce-message a.button,
    .woocommerce .woocommerce-message a.restore-item,
    .woocommerce .woocommerce-error a.button,
    .woocommerce .woocommerce-info a.button {
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-top: 8px !important;
        text-align: left !important;
    }
}

/* ========================================================================
   CART_TOTALS PADDING - CORRECTED v2.9.0
   ======================================================================== */

.cart_totals {
    width: 100% !important;
    max-width: 100% !important;
}

.cart_totals table {
    width: 100% !important;
}

.cart_totals table th,
.cart_totals table td {
    padding: 25px 10px !important;
    display: table-cell !important;
    vertical-align: middle !important;
    line-height: 1.8 !important;
}

.cart_totals .order-total th,
.cart_totals .order-total td {
    padding: 30px 10px !important;
    font-weight: bold !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    border-collapse: separate !important;
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
    border-left: none !important;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 20px 0 !important;
}

.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
    display: table-cell !important;
}

/* ========================================================================
   CART TABLE - ULTRA AGGRESSIVE BORDER REMOVAL v3.8.0
   ======================================================================== */

/* MEGA AGGRESSIVE - Usunięcie WSZYSTKICH borderów z sekcji kuponu */
.woocommerce-cart .shop_table td.actions,
.woocommerce-cart table.cart td.actions,
body.woocommerce-cart .shop_table td.actions,
body.woocommerce-cart table.cart td.actions,
html body.woocommerce-cart .shop_table td.actions,
html body.woocommerce-cart table.cart td.actions,
table.shop_table td.actions,
.shop_table td.actions,
td.actions {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Usunięcie borderów z wiersza zawierającego td.actions */
.woocommerce-cart .shop_table tr:has(td.actions),
body.woocommerce-cart .shop_table tr:has(td.actions),
html body.woocommerce-cart .shop_table tr:has(td.actions),
.woocommerce-cart table.cart tr:has(td.actions),
body.woocommerce-cart table.cart tr:has(td.actions),
table.shop_table tr:has(td.actions) {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    outline: none !important;
}

/* Usunięcie ALL borderów z ostatniego wiersza */
.woocommerce-cart .shop_table tbody tr:last-child,
.woocommerce-cart .shop_table tbody tr:last-child td,
.woocommerce-cart table.cart tbody tr:last-child,
.woocommerce-cart table.cart tbody tr:last-child td {
    border: 0 !important;
    border-bottom: 0 !important;
}

/* MEGA ZAOKRĄGLONE wiersze produktów w koszyku */
.woocommerce-page table.cart tbody tr.cart_item,
.woocommerce table.cart tbody tr.cart_item,
body.woocommerce-cart table.cart tbody tr.cart_item,
html body.woocommerce-cart table.cart tbody tr.cart_item {
    border-radius: 50px !important;
}

/* MEGA ZAOKRĄGLONE kontenery podsumowania */
body .cart-collaterals,
body .cart-totals-wrapper,
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart-totals-wrapper,
html body.woocommerce-cart .cart-collaterals,
html body.woocommerce-cart .cart-totals-wrapper {
    border-radius: 50px !important;
}

/* ========================================================================
   MOBILE - WYŁĄCZENIE STICKY dla podsumowania
   ======================================================================== */

@media (max-width: 768px) {
    /* WYŁĄCZENIE STICKY na mobile */
    body .cart-collaterals,
    body .cart_totals,
    body .cart-totals-wrapper,
    .woocommerce-cart .cart-collaterals,
    .woocommerce-cart .cart_totals,
    html body.woocommerce-cart .cart-collaterals,
    html body.woocommerce-cart .cart_totals {
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        z-index: auto !important;
    }

    /* Ukryj duplikat "Łącznie" TH na mobile (już jest w data-title) */
    html body.woocommerce-cart .cart_totals tr.order-total th,
    body .cart_totals tr.order-total th,
    .cart_totals tr.order-total th {
        display: none !important;
    }
}