.elementor-kit-497{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-497 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Tryb ciemny – inwersja logo (Elementor Site Logo + Image Widget) */
@media (prefers-color-scheme: dark) {
    /* Elementor: .elementor-widget-theme-site-logo img */
    .custom-logo,
    .site-logo,
    .elementor-widget-theme-site-logo img,
    img[alt*="logo"] {
        filter: invert(1) brightness(2);
    }
}


/*Podkreślanie Menu*/

/* Reset wszystkich efektów */
.elementor-nav-menu--main .elementor-item,
.elementor-nav-menu--main .elementor-sub-item {
    text-decoration: none !important;
    background: transparent !important;
    box-shadow: none !important;
    position: relative;
    transition: color 0.3s ease;
}

/* Kreska — domyślnie niewidoczna */
.elementor-nav-menu--main .elementor-item::after,
.elementor-nav-menu--main .elementor-sub-item::after {
    content: "";
    position: absolute;
    left: 10px;
    bottom: 0px; /* odległość kreski od tekstu */
    width: calc(100% - 20px);
    height: 1px;
    background: #000; /* kolor kreski */
    opacity: 0; /* fade-out */
    transition: opacity 0.3s ease; /* fade */
}

/* Hover — fade koloru + fade kreski */
.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-sub-item:hover {
    color: #000 !important;
}

.elementor-nav-menu--main .elementor-item:hover::after,
.elementor-nav-menu--main .elementor-sub-item:hover::after {
    opacity: 1; /* fade-in */
}
/* Dodanie odstępu na samym dole całego podmenu */
.elementor-nav-menu--main .elementor-nav-menu--dropdown {
    padding-bottom: 12px !important;
}





/* Koszyk w sticky menu dolnym */
/* Usunięcie sztywnej wysokości i paddingu kontenera */
.elementor-kit-497 .elementor-menu-cart__wrapper .elementor-menu-cart__toggle {
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
    width: auto !important;
}

/* Usunięcie obramowania ikony */
.elementor-kit-497 .elementor-menu-cart__toggle .elementor-button {
    background: transparent !important;
    border: none !important;
    padding:5px 5px 5px 5px !important; /* Tutaj kontrolujesz wielkość pola klikalnego */
}

/* Wyrównanie ikony SVG w środku */
.elementor-kit-497 .elementor-menu-cart__toggle .elementor-button-icon {
    margin: 0 !important;
    line-height: 1 !important;
}

/* --- USTAWIENIA DLA KOMPUTERA (DESKTOP) --- */
@media (min-width: 768px) {
    .moje-stopka-menu .elementor-nav-menu .elementor-item {
        position: relative !important;
        padding-left: 0 !important;
        padding-right: 20px !important;
        display: inline-block !important;
        text-align: left !important;
    }

    .moje-stopka-menu .elementor-nav-menu .elementor-item:after {
        left: -5px !important; /* Twoje wydłużenie w lewo */
        right: 15px !important; /* Dopasowanie do padding-right */
        width: auto !important;
        transform: none !important;
    }
}

/* --- USTAWIENIA DLA TELEFONU I TABLETU (MOBILE) --- */
@media (max-width: 767px) {
    .moje-stopka-menu .elementor-nav-menu .elementor-item {
        position: relative !important;
        display: block !important; /* Zmiana na blok, aby linki były pod sobą */
        text-align: center !important; /* Centrowanie tekstu */
        padding: 10px 0 !important; /* Równe odstępy góra/dół */
    }

    .moje-stopka-menu .elementor-nav-menu .elementor-item:after {
        left: 50% !important; /* Start od środka */
        transform: translateX(-50%) !important; /* Przesunięcie o połowę własnej szerokości w lewo */
        width: 60% !important; /* Szerokość kreski na mobilkach (możesz zmienić %) */
        margin: 0 auto !important;
    }
}

/*USUNIECIE NIEBIESKIEGO TAPNIECIA NA KOMÓRKACH*?
/* Usuwa niebieskie podświetlenie przy dotknięciu na mobile */
* {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

/* Opcjonalnie: jeśli chcesz usunąć to tylko z akordeonu, zamiast gwiazdki wpisz klasę: */
.elementor-widget-accordion * {
    -webkit-tap-highlight-color: transparent !important;
}/* End custom CSS */