/*
Theme Name: eneton-lukaszonek
Theme URI: 
Author: Eneton
Author URI: 
Description: schody-lukaszonek.pl childtheme for twentytwentyfive
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: eneton-lukaszonek
Tags: 
*/


/* Twenty Twenty-Five — breakpoint menu: 1400px */

/* Poniżej 1400px — hamburger */
@media (max-width: 1399px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none !important;
    }

    /* img.custom-logo {width: 250px!important;} */


    

}

/* Od 1400px — pełne menu */
@media (min-width: 1400px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default) {
        display: block !important;
        width: auto !important;
    }
}

/* =========================================================
   NOWOCZESNE MENU - Twenty Twenty-Five
   ========================================================= */


@media (min-width: 1400px) {

    .mainmenu-eon {
        display: flex;
        align-items: center;
        gap: 6px;
        margin: 0;
        padding: 0;
    }

    /* Pojedynczy element menu */
    .mainmenu-eon .wp-block-navigation-item {
        margin: 0;
    }

    /* Link */
    .mainmenu-eon .wp-block-navigation-item__content {
        position: relative;
        display: inline-flex;
        align-items: center;
        padding: 10px;
        color: #222;
        text-decoration: none;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.01em;
        border-radius: 6px;
        transition:
            color 0.25s ease,
            background-color 0.25s ease;
    }

    /* Efekt hover */
    .mainmenu-eon .wp-block-navigation-item__content:hover {
        color: #8a6a45;
        background: rgba(138, 106, 69, 0.07);
    }

    /* Podkreślenie pojawiające się od środka */
    .mainmenu-eon .wp-block-navigation-item__content::after {
        content: "";
        position: absolute;
        left: 13px;
        right: 13px;
        bottom: 5px;
        height: 2px;
        background: #8a6a45;
        border-radius: 2px;
        transform: scaleX(0);
        transform-origin: center;
        transition: transform 0.25s ease;
    }

    .mainmenu-eon .wp-block-navigation-item__content:hover::after {
        transform: scaleX(1);
    }

    /* Aktywna strona */
    .mainmenu-eon .current-menu-item > .wp-block-navigation-item__content,
    .mainmenu-eon .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
        color: #8a6a45;
        font-weight: 600;
    }

    /* Podkreślenie aktywnej strony */
    .mainmenu-eon .current-menu-item > .wp-block-navigation-item__content::after,
    .mainmenu-eon .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after {
        transform: scaleX(1);
    }

}



@media (max-width: 1399px) {

    .wp-block-navigation a[aria-current="page"] {
        text-decoration: underline !important;
        text-decoration-thickness: 2px !important;
        text-underline-offset: 5px !important;
    }

    .mainmenu-eon ul li { margin-top: 1em; }
}




/* menu-oferta-stopka */

ul.menu-oferta-stopka  li { border-bottom: 1px solid #686868; width: 100%;}
ul.menu-oferta-stopka  li a { text-decoration: none;}
ul.menu-oferta-stopka  li a :hover { color:#fbb900;}



/* style ze starej skórki */


.width-50 { width: 80%; margin: 0 auto;}


.vp-portfolio__filter-wrap { margin-bottom: 50px;}

.vp-filter__style-default .vp-filter__item.vp-filter__item-active {
--vp-filter-default--items__background-color: #957c3a;
--vp-filter-default--items-hover__background-color: #222222;
}

.vp-filter__style-default .vp-filter__item a { text-decoration: none!important;}
.vp-portfolio__items-style-fade .vp-portfolio__item-overlay { background-color: rgba(0, 0, 0, 0.4);}


h1.eon-title { font-size: 40px; padding: 20px; background-color: #000; opacity: 0.7;   text-transform: uppercase;}


div.cofnij { margin-top: 80px;}
a.cofnij { background-color: #222; color: #fff; padding: 20px 40px; }

div.wp-block-visual-portfolio { margin-top: 80px;}


.main-navigation li.current_page_item { background-color: #957c3a;}
.main-navigation li.current_page_item a.menu-link { color: #fff!important; text-decoration: none;}
.main-navigation li a.menu-link :hover { text-decoration: none!important;}

.wp-block-cover-eon { margin-top: 0!important;}


.single-stoly li.menu-item-20 { background-color: #957c3a!important;}
.single-stoly li.menu-item-20 a.menu-link{ color:#fff!important;}


.single-schody li.menu-item-21 { background-color: #957c3a!important;}
.single-schody li.menu-item-21 a.menu-link{ color:#fff!important;}

.eon-link a { border-bottom: 1px solid #fff; color: #fff; text-decoration: none!important; padding: 10px 30px;}
.eon-link a:hover { background-color: #fff; color: #957c3a; }


h2.vp-portfolio__item-meta-title {font-size: 1rem!important;}


.eon-product-title {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding: 1em 2em;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}


.vp-filter__style-default {

    font-size: small;
   
}




/* ==========================================
   Wymuszona responsywność slidera Eon
   ========================================== */


/* Nadpisujemy wysokość kontenerów Swipera i slajdów */
.slider-eon,
.slider-eon .swiper,
.slider-eon .swiper-slide,
.slider-eon .wp-block-cover {
    min-height: 612px !important;
}

/* Tablet (poniżej 1024px) */
@media screen and (max-width: 1399px) {
    .slider-eon,
    .slider-eon .swiper,
    .slider-eon .swiper-slide,
    .slider-eon .wp-block-cover {
        min-height: 400px !important;
    }
}

/* Mniejszy tablet / Duży smartfon (poniżej 768px) */
@media screen and (max-width: 768px) {
    .slider-eon,
    .slider-eon .swiper,
    .slider-eon .swiper-slide,
    .slider-eon .wp-block-cover {
        min-height: 280px !important;
    }
}

/* Smartfon (poniżej 480px) */
@media screen and (max-width: 480px) {
    .slider-eon,
    .slider-eon .swiper,
    .slider-eon .swiper-slide,
    .slider-eon .wp-block-cover {
        min-height: 200px !important;
    }
}

/* Zapewnienie, że obrazek poprawnie wypełnia nową wysokość */
.slider-eon .wp-block-cover__image-background {
    height: 100% !important;
    object-fit: cover !important;
}








/* Wymuszenie podkreślenia aktywnego elementu w menu WordPressa */
.wp-block-navigation__responsive-container.is-menu-open  .mainmenu-eon .current-menu-item .wp-block-navigation-item__label,
.wp-block-navigation__responsive-container.is-menu-open  .mainmenu-eon [aria-current="page"] .wp-block-navigation-item__label {
    text-decoration: underline !important;
    text-underline-offset: 6px !important;

}





.logo-mobile-scale img.custom-logo {
width: clamp(200px, 20vw, 350px) !important;
height: auto !important;
}