@media (max-width: 600px) {
    .center-btn {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
        text-align: center;
    }
}
/* Wyśrodkowanie przycisku przez klasę center-btn */
.center-btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
/* Syne Mono dla nagłówków */
h1, h2, h3, h4 {
    font-family: 'Syne Mono', monospace !important;
}

/* Globalny font dla całej strony i WooCommerce */
body,
.edgtf-content,
.woocommerce,
.woocommerce-page,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.woocommerce .price,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-family: 'Syne Mono', monospace !important;
}

/* Overworld product list typography override */
.edgtf-pl-text-wrapper,
.edgtf-pl-text-wrapper .edgtf-product-list-title,
.edgtf-pl-text-wrapper .edgtf-product-list-title a,
.edgtf-pl-text-wrapper .price,
.edgtf-pl-text-wrapper .woocommerce-Price-amount,
.edgtf-pl-text-wrapper .woocommerce-Price-currencySymbol {
    font-family: 'Syne Mono', monospace !important;
}

/* Zielony glow dla listy produktow w sklepie */
.edgtf-pl-text-wrapper .edgtf-product-list-title a,
.edgtf-pl-text-wrapper .price {
    text-shadow: 0 0 6px rgba(0, 210, 120, 0.6), 0 0 14px rgba(0, 210, 120, 0.35) !important;
}

/* Ceny na czerwono w listach produktow */
.edgtf-pl-text-wrapper .price,
.edgtf-pl-text-wrapper .woocommerce-Price-amount,
.edgtf-pl-text-wrapper .woocommerce-Price-currencySymbol {
    color: #ff3b3b !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45) !important;
}

/* Font dla przyciskow motywu */
.edgtf-btn,
.edgtf-btn .edgtf-btn-text,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-family: 'Syne Mono', monospace !important;
}

/* Rozmiar tekstu na stronie koszyka (bez przyciskow) */
.woocommerce-cart .edgtf-content {
    font-size: 19px !important;
}

.woocommerce-cart .edgtf-content *:not(.button):not(.edgtf-btn):not(.edgtf-btn-text) {
    font-size: 19px !important;
}

/* Opis produktu: 19px */
.woocommerce div.product .woocommerce-Tabs-panel--description,
.woocommerce div.product .woocommerce-Tabs-panel--description * {
    font-size: 19px !important;
}

/* Moje konto: 19px */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content * {
    font-size: 19px !important;
}

/*
 Theme Name:   Overworld Child
 Theme URI:    https://astrobyte.pl
 Description:  Motyw potomny Overworld z poprawkami CSS dla WooCommerce
 Author:       AstroByte
 Author URI:   https://astrobyte.pl
 Template:     overworld
 Version:      1.0.0
*/

/* ==========================================================================
   Poprawka pozycjonowania przycisku "Zobacz koszyk" w WooCommerce
   ========================================================================== */

/* Kontener komunikatu po dodaniu do koszyka */
.woocommerce-message,
.woocommerce-info {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
    font-family: 'Syne Mono', monospace !important;
}

/* Przycisk "Zobacz koszyk" - poprawne pozycjonowanie */
.woocommerce-message .button.wc-forward,
.woocommerce-info .button.wc-forward {
    position: relative !important;
    display: inline-block !important;
    margin-left: auto !important;
    white-space: nowrap !important;
    align-self: center !important;
    font-family: 'Syne Mono', monospace !important;
    transform: scale(0.8);
    transform-origin: right center;
}

/* Dodatkowe style dla pojedynczego produktu */
div.product .woocommerce-message .button.wc-forward {
    margin-top: 0 !important;
}

/* Poprawka dla komunikatu AJAX po dodaniu do koszyka */
.woocommerce-notices-wrapper .woocommerce-message {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
    position: relative !important;
    margin-left: 20px !important;
    flex-shrink: 0 !important;
}

/* Responsywność dla urządzeń mobilnych */
@media only screen and (max-width: 768px) {
    .woocommerce-message,
    .woocommerce-info {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    .woocommerce-message .button.wc-forward,
    .woocommerce-info .button.wc-forward {
        margin-left: 0 !important;
        margin-top: 10px !important;
        width: auto !important;
    }
}

/* ==========================================================================
   Odstęp między kontrolkami ilości a przyciskiem "Dodaj do koszyka"
   ========================================================================== */

/* Odstęp od kontrolek ilości (quantity) */
div.product form.cart .quantity {
    margin-bottom: 20px !important;
}

/* Dopasowanie rozmiaru inputa quantity */
div.product form.cart .quantity input qty {
    height: auto !important;
    padding: 10px 15px !important;
}

/* Alternatywnie - odstęp nad przyciskiem */
div.product form.cart button.single_add_to_cart_button {
    margin-top: 20px !important;
    padding: 10px 30px !important;
    height: auto !important;
    line-height: 1.4 !important;
    font-size: 15px !important;
}

/* Układ flexbox dla lepszego zarządzania odstępami */
div.product form.cart {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* Zachowanie oryginalnego układu dla wewnętrznych elementów */
div.product form.cart > * {
    width: 100% !important;
}

/* Ukryj tytuly widgetow w stopce (footer top/bottom) */
.edgtf-page-footer .edgtf-widget-title-holder,
.edgtf-page-footer .edgtf-widget-title {
    display: none !important;
}

/* Wyrównanie i odstępy dla ikon social w treści strony */
.wp-block-social-links {
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-social-links.aligncenter,
.wp-block-social-links.is-content-justification-right {
    justify-content: center !important;
}

.wp-block-social-links li {
    list-style: none !important;
    margin: 0 8px !important;
}

/* Podswietlenie ikon social po najechaniu */
.wp-block-social-links .wp-social-link a {
    border-radius: 50% !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.wp-block-social-links .wp-social-link a:hover {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3), 0 0 12px rgba(114, 40, 226, 0.6) !important;
    transform: translateY(-1px);
}

/* Responsywność dla większych ekranów - układ poziomy */
@media only screen and (min-width: 769px) {
    div.product form.cart {
        flex-direction: row !important;
        align-items: center !important;
        gap: 20px !important;
    }
    
    div.product form.cart .quantity {
        margin-bottom: 0 !important;
        flex: 0 0 auto !important;
        width: auto !important;
    }
    
    div.product form.cart button.single_add_to_cart_button {
        margin-top: 0 !important;
        flex: 1 !important;
    }
}

/* ==========================================================================
   Gamingowe obramowanie dla obrazków produktu
   ========================================================================== */

/* Główny obrazek produktu */
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    border: 2px solid transparent !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #6b54b6, #fd3147, #00d4ff) border-box !important;
    box-shadow: 0 0 20px rgba(107, 84, 182, 0.4),
                0 0 40px rgba(253, 49, 71, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* Efekt hover na głównym obrazku - tylko na tym konkretnym obrazku */
.woocommerce div.product div.images .woocommerce-product-gallery__image:hover img {
    transform: scale(1.02) !important;
    box-shadow: 0 0 30px rgba(107, 84, 182, 0.6),
                0 0 60px rgba(253, 49, 71, 0.4),
                0 0 80px rgba(0, 212, 255, 0.3) !important;
    border-width: 3px !important;
}

/* Kontenery miniaturek - odstępy */
.woocommerce div.product div.images .flex-control-thumbs li {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

/* Miniaturki produktu */
.woocommerce div.product div.images .flex-control-thumbs li img {
    border: 2px solid transparent !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, #6b54b6, #fd3147) border-box !important;
    box-shadow: 0 0 15px rgba(107, 84, 182, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Aktywna miniaturka */
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li:hover img {
    border-width: 3px !important;
    background: linear-gradient(135deg, #00d4ff, #6b54b6, #fd3147) border-box !important;
    box-shadow: 0 0 25px rgba(0, 212, 255, 0.6),
                0 0 40px rgba(107, 84, 182, 0.4) !important;
    transform: scale(1.05) !important;
}

/* Animacja pulsowania dla obramowania */
@keyframes gaming-pulse {
    0%, 100% {
        box-shadow: 0 0 20px rgba(107, 84, 182, 0.4),
                    0 0 40px rgba(253, 49, 71, 0.2);
    }
    50% {
        box-shadow: 0 0 30px rgba(107, 84, 182, 0.6),
                    0 0 60px rgba(253, 49, 71, 0.4),
                    0 0 80px rgba(0, 212, 255, 0.2);
    }
}

/* Animacja wyłączona - zapobiega konflikcie z hover */
/* .woocommerce div.product div.images .woocommerce-product-gallery__image img {
    animation: gaming-pulse 3s ease-in-out infinite !important;
} */

/* Obrazki produktów w archiwum/sklepie */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    border: 2px solid transparent !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, #6b54b6, #fd3147) border-box !important;
    box-shadow: 0 0 15px rgba(107, 84, 182, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Hover na obrazkach w archiwum */
.woocommerce ul.products li.product a:hover img,
.woocommerce-page ul.products li.product a:hover img {
    transform: scale(1.05) !important;
    border-width: 3px !important;
    box-shadow: 0 0 25px rgba(107, 84, 182, 0.5),
                0 0 45px rgba(253, 49, 71, 0.3),
                0 0 65px rgba(0, 212, 255, 0.2) !important;
}

/* ==========================================================================
   PrettyPhoto Lightbox - gamingowa nawigacja i style
   ========================================================================== */

/* TÅ‚o overlay - ciemniejsze */
.pp_overlay {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

/* Ukryj białe tła kontenerów lightboxa */
body .pp_pic_holder .pp_content_container,
body .pp_pic_holder .pp_content {
    background: transparent !important;
}

/* pp_details - usunięcie białego paska */
body .pp_pic_holder .pp_details {
    background: transparent !important;
    position: relative !important;
    height: 0 !important;
    overflow: visible !important;
}

/* Dolna nawigacja - okrągły banner */
body .pp_pic_holder .pp_details .pp_nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    padding: 15px 30px !important;
    background: rgba(26, 26, 46, 0.95) !important;
    position: fixed !important;
    bottom: 30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-radius: 50px !important;
    width: auto !important;
    backdrop-filter: blur(15px) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8),
                0 0 20px rgba(107, 84, 182, 0.3) !important;
    border: 2px solid rgba(107, 84, 182, 0.4) !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
}

/* Wszystkie elementy w dolnej nawigacji powinny być klikalne */
body .pp_pic_holder .pp_details .pp_nav * {
    pointer-events: auto !important;
}

/* Ukryj przycisk zamknij całkowicie - można zamknąć klikając poza obraz */
body .pp_pic_holder a.pp_close {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Licznik stron (1/4) - na środku */
body .pp_pic_holder .pp_details .pp_nav .currentTextHolder {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-shadow: 0 0 10px rgba(107, 84, 182, 0.6),
                 0 2px 4px rgba(0, 0, 0, 0.8) !important;
    background: transparent !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    border: 2px solid rgba(107, 84, 182, 0.5) !important;
    backdrop-filter: blur(10px) !important;
    letter-spacing: 2px !important;
    line-height: 1.2 !important;
    order: 2 !important;
}

/* Strzałka w lewo - w dolnej nawigacji */
body .pp_pic_holder a.pp_arrow_previous {
    order: 1 !important;
    font-size: 0 !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border-radius: 50% !important;
    border: 2px solid rgba(107, 84, 182, 0.5) !important;
    box-shadow: 0 0 10px rgba(107, 84, 182, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Strzałka w prawo - w dolnej nawigacji */
body .pp_pic_holder a.pp_arrow_next {
    order: 3 !important;
    margin: 0 !important;
    font-size: 0 !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border-radius: 50% !important;
    border: 2px solid rgba(107, 84, 182, 0.5) !important;
    box-shadow: 0 0 10px rgba(107, 84, 182, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Ikony strzałek - większe i bardziej widoczne */
body .pp_pic_holder a.pp_arrow_previous:after,
body .pp_pic_holder a.pp_arrow_next:after {
    font-size: 24px !important;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6)) !important;
    color: #fff !important;
}

/* Hover na strzałkach dolnej nawigacji */
body .pp_pic_holder a.pp_arrow_previous:hover,
body .pp_pic_holder a.pp_arrow_next:hover {
    transform: scale(1.15) !important;
    color: #fff !important;
    border-color: rgba(107, 84, 182, 0.8) !important;
    box-shadow: 0 0 15px rgba(107, 84, 182, 0.6),
                0 0 30px rgba(107, 84, 182, 0.3) !important;
}

/* Hover na liczniku */
body .pp_pic_holder .pp_details .pp_nav .currentTextHolder:hover {
    border-color: rgba(107, 84, 182, 0.8) !important;
    box-shadow: 0 0 15px rgba(107, 84, 182, 0.4) !important;
}

/* Strzałki na bokach obrazka - większe i bardziej widoczne */
body .pp_pic_holder a.pp_next,
body .pp_pic_holder a.pp_previous {
    width: 70px !important;
    height: 70px !important;
    font-size: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(26, 26, 46, 0.85) !important;
    border-radius: 50% !important;
    border: 3px solid transparent !important;
    box-shadow: 0 0 25px rgba(107, 84, 182, 0.8),
                0 0 50px rgba(253, 49, 71, 0.5),
                0 4px 12px rgba(0, 0, 0, 0.7) !important;
    opacity: 1 !important;
    transition: all 0.3s ease !important;
    text-indent: 0 !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

body .pp_pic_holder a.pp_previous {
    left: 30px !important;
    background: linear-gradient(rgba(26, 26, 46, 0.9), rgba(26, 26, 46, 0.9)) padding-box,
                linear-gradient(135deg, #6b54b6, #fd3147) border-box !important;
}

body .pp_pic_holder a.pp_next {
    right: 30px !important;
    background: linear-gradient(rgba(26, 26, 46, 0.9), rgba(26, 26, 46, 0.9)) padding-box,
                linear-gradient(135deg, #00d4ff, #6b54b6) border-box !important;
}

/* Hover na bocznych strzałkach */
body .pp_pic_holder a.pp_next:hover,
body .pp_pic_holder a.pp_previous:hover {
    transform: translateY(-50%) scale(1.15) !important;
    border-width: 4px !important;
    box-shadow: 0 0 40px rgba(107, 84, 182, 0.9),
                0 0 70px rgba(253, 49, 71, 0.7),
                0 0 100px rgba(0, 212, 255, 0.5),
                0 4px 20px rgba(0, 0, 0, 0.8) !important;
    color: #fff !important;
}

/* Ukryj przycisk expand/powiększenia (biały/czerwony przycisk) */
body .pp_pic_holder a.pp_expand,
body .pp_pic_holder a.pp_contract,
body .pp_pic_holder .pp_expand,
body .pp_pic_holder .pp_contract {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Ukryj również pseudo-elementy expand/contract */
body .pp_pic_holder a.pp_expand:after,
body .pp_pic_holder a.pp_expand:before,
body .pp_pic_holder a.pp_contract:after,
body .pp_pic_holder a.pp_contract:before {
    display: none !important;
    content: none !important;
}

/* Ukryj przyciski social share jeśli istnieją */
body .pp_pic_holder .pp_social,
body .pp_pic_holder .twitter,
body .pp_pic_holder .facebook {
    display: none !important;
}

/* Poprawka dla strzałek bocznych - zapewnij AJAX działanie */
body .pp_pic_holder a.pp_next,
body .pp_pic_holder a.pp_previous {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 20000 !important;
}

/* Ikony strzałek bocznych - wyraźniejsze */
body .pp_pic_holder a.pp_previous:before {
    content: "\f3d2" !important;
    font-family: 'Ionicons' !important;
    font-size: 50px !important;
    color: #fff !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.9) !important;
    line-height: 1 !important;
}

body .pp_pic_holder a.pp_next:before {
    content: "\f3d3" !important;
    font-family: 'Ionicons' !important;
    font-size: 50px !important;
    color: #fff !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.9) !important;
    line-height: 1 !important;
}

/* Opcjonalnie - jeśli dolne strzałki powodują problem, ukryj je */
/*
body .pp_pic_holder a.pp_arrow_previous,
body .pp_pic_holder a.pp_arrow_next {
    display: none !important;
}
*/

/* =====================================================================
   WooCommerce Moje konto - lepsza widocznosc i separatory
   ===================================================================== */

/* Kontener nawigacji po lewej */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background: rgba(20, 18, 32, 0.75) !important;
    border: 1px solid rgba(107, 84, 182, 0.35) !important;
    border-radius: 14px !important;
    padding: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45),
                0 0 20px rgba(107, 84, 182, 0.25) !important;
    backdrop-filter: blur(10px) !important;
    overflow: hidden !important;
}

/* Lista linkow w Moje konto */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Pojedynczy element menu - linie i cien */
.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-bottom: 8px !important;
}

/* Separator inset from both sides */
.woocommerce-account .woocommerce-MyAccount-navigation li:after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 3px !important;
    height: 1px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 1px 0 rgba(107, 84, 182, 0.25) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: 0 !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child:after {
    content: none !important;
}

/* Remove any stray pseudo-element lines */
.woocommerce-account .woocommerce-MyAccount-navigation ul:before,
.woocommerce-account .woocommerce-MyAccount-navigation ul:after,
.woocommerce-account .woocommerce-MyAccount-navigation li:before,
.woocommerce-account .woocommerce-MyAccount-navigation a:before,
.woocommerce-account .woocommerce-MyAccount-navigation a:after {
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Linki - wiekszy kontrast i efekt karty */
.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block !important;
    padding: 14px 16px !important;
    color: #f0f2ff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
    letter-spacing: 0.5px !important;
    border-radius: 10px !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
    border-right: 0 !important;
    border-left: 0 !important;
    outline: none !important;
    background-clip: padding-box !important;
    margin-bottom: 6px !important;
}

/* Hover i aktywne - wyrazne podbicie */
/* Hover - tylko delikatny zoom bez podswietlenia tla */
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    transform: scale(1.015) !important;
    color: #ffffff !important;
}

/* Aktywne menu - subtelne wyroznienie */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 0 8px rgba(0, 210, 120, 0.6),
                 0 0 14px rgba(0, 210, 120, 0.35) !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Tresc po prawej - delikatne podbicie czytelnosci */
.woocommerce-account .woocommerce-MyAccount-content {
    background: rgba(20, 18, 32, 0.6) !important;
    border: 1px solid rgba(107, 84, 182, 0.25) !important;
    border-radius: 14px !important;
    padding: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35),
                0 0 18px rgba(0, 210, 120, 0.25) !important;
    border-color: rgba(0, 210, 120, 0.25) !important;
}

/* Wieksza czytelnosc danych konta (+2px) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row label,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Input,
.woocommerce-account .woocommerce-MyAccount-content .form-row input,
.woocommerce-account .woocommerce-MyAccount-content .form-row select,
.woocommerce-account .woocommerce-MyAccount-content .form-row textarea,
.woocommerce-account .woocommerce-MyAccount-content fieldset legend,
.woocommerce-account .woocommerce-MyAccount-content #account_display_name_description {
    font-size: calc(1em + 2px) !important;
}

/* Wymuszenie rozmiaru etykiet w edycji konta */
.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row label {
    font-size: calc(100% + 2px) !important;
}

/* Links in My Account content - clearer click targets */
.woocommerce-account .woocommerce-MyAccount-content a {
    color: #7ef7b9 !important;
    text-shadow: 0 0 10px rgba(0, 210, 120, 0.5) !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(0, 210, 120, 0.5) !important;
    text-underline-offset: 3px !important;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
    color: #b7ffd9 !important;
    text-shadow: 0 0 16px rgba(0, 210, 120, 0.7) !important;
}

/* Uklad obok siebie z przerwa */
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-MyAccount {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 28px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    flex: 0 0 280px !important;
    max-width: 280px !important;
    clear: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    clear: none !important;
    width: auto !important;
}

@media only screen and (max-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
        gap: 18px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        max-width: 100% !important;
    }
}

/* =====================================================================
   WooCommerce Moje konto - gaming/mikrofonowe tlo
   ===================================================================== */

html.woocommerce-account,
body.woocommerce-account,
body.woocommerce-account .edgtf-wrapper,
body.woocommerce-account .edgtf-wrapper-inner,
body.woocommerce-account .edgtf-content {
    position: relative !important;
    background: radial-gradient(1200px 600px at 20% -10%, rgba(0, 212, 255, 0.18), transparent 60%),
                radial-gradient(900px 500px at 85% 10%, rgba(107, 84, 182, 0.22), transparent 55%),
                radial-gradient(700px 400px at 30% 80%, rgba(0, 210, 120, 0.14), transparent 55%),
                linear-gradient(180deg, rgba(14, 10, 24, 0.98) 0%, rgba(12, 8, 20, 0.98) 100%) !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
}

/* Subtelny wzor "siatki" + pierscienie jak membrana mikrofonu */
body.woocommerce-account:before,
body.woocommerce-account .edgtf-wrapper:before,
body.woocommerce-account .edgtf-content:before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background-image:
        radial-gradient(circle at 12% 18%, rgba(0, 212, 255, 0.18) 0 3px, transparent 4px 48px),
        radial-gradient(circle at 22% 70%, rgba(0, 210, 120, 0.16) 0 3px, transparent 4px 54px),
        radial-gradient(circle at 35% 30%, rgba(107, 84, 182, 0.18) 0 3px, transparent 4px 60px),
        radial-gradient(circle at 55% 15%, rgba(0, 212, 255, 0.16) 0 3px, transparent 4px 66px),
        radial-gradient(circle at 68% 55%, rgba(0, 210, 120, 0.14) 0 3px, transparent 4px 70px),
        radial-gradient(circle at 82% 28%, rgba(107, 84, 182, 0.16) 0 3px, transparent 4px 74px),
        radial-gradient(circle at 90% 78%, rgba(0, 212, 255, 0.14) 0 3px, transparent 4px 80px),
        radial-gradient(circle at 45% 75%, rgba(0, 210, 120, 0.14) 0 3px, transparent 4px 86px),
        radial-gradient(circle at 70% 88%, rgba(107, 84, 182, 0.14) 0 3px, transparent 4px 96px);
    opacity: 0.75 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    animation: ring-fall 20s linear infinite !important;
}


@keyframes ring-fall {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0.8;
    }
    50% {
        transform: translate3d(0, 20px, 0);
        opacity: 0.65;
    }
    100% {
        transform: translate3d(0, 60px, 0);
        opacity: 0.75;
    }
}

.woocommerce-account .edgtf-content-inner,
.woocommerce-account .edgtf-container,
.woocommerce-account .edgtf-container-inner {
    position: relative !important;
    z-index: 1 !important;
}

/* Usuniecie niepotrzebnych pionowych kresek z pseudo-elementow */
.woocommerce-account .woocommerce-MyAccount-navigation:before,
.woocommerce-account .woocommerce-MyAccount-navigation:after,
.woocommerce-account .woocommerce-MyAccount-content:before,
.woocommerce-account .woocommerce-MyAccount-content:after {
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Menu text size like h4 (temporary) */
.edgtf-main-menu .item_text {
    font-family: 'Syne Mono', monospace !important;
    font-style: normal;
    font-size: 1.2em !important;
    line-height: 1.2 !important;
    color: #f2f6ff !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6) !important;
}

.edgtf-mobile-nav a span,
.edgtf-mobile-nav h6 span {
    font-family: 'MojaCzcionka';
    src: url('./MojaCzcionka.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-size: 1.05em !important;
    line-height: 1.2 !important;
    color: #f2f6ff !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6) !important;
}

/* Glow like earlier menu styles */
.edgtf-main-menu > ul > li > a:hover .item_text,
.edgtf-main-menu > ul > li.edgtf-active-item > a .item_text,
.edgtf-main-menu > ul > li.current-menu-item > a .item_text,
.edgtf-main-menu > ul > li.current_page_item > a .item_text {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(0, 210, 120, 0.6),
                 0 0 14px rgba(0, 210, 120, 0.35) !important;
}

.edgtf-mobile-nav .current-menu-item > a span,
.edgtf-mobile-nav .current_page_item > a span,
.edgtf-mobile-nav a:hover span,
.edgtf-mobile-nav a:focus span {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(0, 210, 120, 0.6),
                 0 0 14px rgba(0, 210, 120, 0.35) !important;
}




/* ==========================================================================
   POPRAWA CZYTELNOŒCI CHECKOUT (ZAMÓWIENIE) - GLOBALNIE
   ========================================================================== */

/* 1. ETYKIETY PÓL (Imiê, Nazwisko, Ulica, Telefon itp.) */
.woocommerce-checkout form .form-row label,
.woocommerce-checkout .woocommerce-billing-fields label,
.woocommerce-checkout .woocommerce-shipping-fields label,
.woocommerce-checkout .woocommerce-additional-fields label {
    font-size: 16px !important;       /* WyraŸnie wiêksza czcionka */
    color: #ffffff !important;        /* Czysty bia³y kolor */
    font-weight: 600 !important;      /* Lekkie pogrubienie */
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.4) !important; /* Efekt œwiecenia/podœwietlenia */
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
    display: block !important;
    opacity: 1 !important;            /* Upewnij siê, ¿e nie s¹ przezroczyste */
}

/* Wymagana gwiazdka (*) */
.woocommerce-checkout .required {
    color: #ffcc00 !important;        /* Z³oty kolor */
    text-decoration: none !important;
    font-size: 18px !important;
    border: none !important;
}

/* 2. POLA DO WPISYWANIA (INPUTY) */
.woocommerce-checkout input[type='text'],
.woocommerce-checkout input[type='email'],
.woocommerce-checkout input[type='tel'],
.woocommerce-checkout input[type='password'],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    font-size: 16px !important;
    color: #fff !important;           /* Bia³y tekst wpisywany */
    background-color: rgba(255, 255, 255, 0.05) !important; /* Lekko jasne t³o */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 12px !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: #854cff !important; /* Fioletowe obramowanie przy pisaniu */
    box-shadow: 0 0 15px rgba(133, 76, 255, 0.3) !important;
}

/* 3. NAG£ÓWKI SEKCJI (Dane p³atnoœci, Wysy³ka) */
.woocommerce-checkout h3 {
    font-size: 24px !important;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    text-shadow: 0 0 15px rgba(133, 76, 255, 0.6) !important; /* Fioletowa poœwiata globalna */
    border-left: 5px solid #854cff !important;
    padding-left: 15px !important;
}

/* 4. TABELA PODSUMOWANIA ZAMÓWIENIA */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    font-size: 16px !important;
    color: #ddd !important;
    padding: 15px !important;
}

.woocommerce-checkout-review-order-table .product-name {
    font-weight: 600 !important;
    color: #fff !important;
}

.woocommerce-checkout-review-order-table tfoot th {
    color: #ffffff !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.3) !important;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    font-size: 20px !important;
    color: #ffcc00 !important; /* Z³oty kolor ceny koñcowej */
    text-shadow: 0 0 10px rgba(255, 204, 0, 0.4) !important;
}


/* ==========================================================================
   POPRAWA CZYTELNOŒCI CHECKOUT - SUPER DU¯E (18px)
   ========================================================================== */

/* 1. MEGA DU¯E ETYKIETY PÓL */
.woocommerce-checkout form .form-row label,
.woocommerce-checkout .woocommerce-billing-fields label,
.woocommerce-checkout .woocommerce-shipping-fields label,
.woocommerce-checkout .woocommerce-additional-fields label {
    font-size: 18px !important;       /* 18px */
    color: #ffffff !important;
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.5) !important; /* Mocniejsze œwiecenie */
    margin-bottom: 12px !important;
    font-weight: 700 !important;
}

/* 2. DU¯E POLA DO WPISYWANIA */
.woocommerce-checkout input[type='text'],
.woocommerce-checkout input[type='email'],
.woocommerce-checkout input[type='tel'],
.woocommerce-checkout input[type='password'],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    font-size: 18px !important;       /* 18px */
    padding: 15px !important;
    height: auto !important;
}

/* 3. DU¯E NAG£ÓWKI */
.woocommerce-checkout h3 {
    font-size: 28px !important;       /* 28px */
    text-shadow: 0 0 25px rgba(133, 76, 255, 0.8) !important;
    margin-top: 40px !important;
}

/* 4. DU¯A TABELA */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    font-size: 18px !important;
    padding: 20px !important;
}

.woocommerce-checkout-review-order-table .order-total .amount {
    font-size: 26px !important;
    text-shadow: 0 0 20px rgba(255, 204, 0, 0.6) !important;
}

/* Placeholder (tekst podpowiedzi w polu) te¿ wiêkszy i jasny */
.woocommerce-checkout ::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 16px !important;
}

 
/* FIX MOBILE CHECKOUT CUTOFF */
@media screen and (max-width: 768px) {
    .woocommerce-checkout .woocommerce-checkout-review-order-table, .woocommerce-checkout table.shop_table { table-layout: fixed !important; width: 100% !important; word-wrap: break-word !important; word-break: break-word !important; }
    .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td, .woocommerce-checkout table.shop_table th, .woocommerce-checkout table.shop_table td { font-size: 14px !important; padding: 5px !important; word-break: break-word !important; white-space: normal !important; }
    .woocommerce-checkout-review-order-table .product-name { width: 55% !important; max-width: 55vw !important; overflow-wrap: break-word !important; }
    .woocommerce-checkout-review-order-table .product-total, .woocommerce-checkout-review-order-table tfoot th, .woocommerce-checkout-review-order-table tfoot td { width: auto !important; text-align: right !important; }
    .woocommerce-checkout-review-order-table .order-total .amount { font-size: 18px !important; }
    #shipping_method { padding-left: 0 !important; margin-left: 0 !important; }
    #shipping_method li { white-space: normal !important; word-break: break-word !important; padding: 5px 0 !important; flex-wrap: wrap !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; }
    #shipping_method li label { white-space: normal !important; font-size: 12px !important; }
    .woocommerce-checkout { max-width: 100vw !important; overflow-x: hidden !important; }
}