/*
|--------------------------------------------------------------------------
| Reset
|--------------------------------------------------------------------------
*/

#kasia-menu,
#kasia-menu *{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

#kasia-menu{

    position:fixed;

    top:0;
    left:0;
    right:0;

    width:100%;

    display:flex;
    justify-content:center;

    background:#fff;

    z-index:99;

    border-bottom:1px solid rgba(0,0,0,.06);

    box-shadow:0 10px 35px rgba(0,0,0,.08);

}

/*
|--------------------------------------------------------------------------
| Container
|--------------------------------------------------------------------------
*/

.km-container{

    width:100%;

    max-width:1320px;

    height:110px;

    margin:0 auto;

    padding:0 25px;

    display:flex;

    align-items:center;

}



/*
|--------------------------------------------------------------------------
| Logo
|--------------------------------------------------------------------------
*/

.km-logo{

    display:flex;

    align-items:center;

    text-decoration:none;

}

.km-logo img{

    display:block;

    width:155px;

    height:auto;

}

.km-logo-text{

    font-size:32px;

    font-weight:700;

    color:#222;

}



/*
|--------------------------------------------------------------------------
| Menu
|--------------------------------------------------------------------------
*/

.km-nav{

    display:flex;

    align-items:center;

}

.km-menu{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:36px;

    list-style:none;

}

.km-menu-item{

    position:relative;

}

.km-menu-item a{

    color:#222;

    text-decoration:none;

    font-size:15px;

    font-weight:500;

    letter-spacing:.05em;

    text-transform:uppercase;

    transition:.25s;

}

.km-menu-item a:hover{

    color:#C7A15A;

}

.km-menu-item.current a{

    color:#C7A15A;

}

/*
|--------------------------------------------------------------------------
| Telefon
|--------------------------------------------------------------------------
*/

.km-phone{
    display:flex;
    align-items:center;
    gap:12px;
	text-decoration:none !important;
    color:#222;
    font-size:16px;
    font-weight:600;
    white-space:nowrap;
    transition:.25s;
}

.km-phone i{
    color:#B08A4A;
    font-size:15px;
    transform:rotate(100deg);
}

.km-phone span{
    color:#222;
    transition:.25s;
}

.km-phone:hover span{
    color:#B08A4A;
}

/*
|--------------------------------------------------------------------------
| Language Switcher
|--------------------------------------------------------------------------
*/

.km-language{

    display:flex;

    align-items:center;

    gap:8px;

}

.km-language a{

    color:#222;

    text-decoration:none;

    font-size:13px;

    transition:.25s;

}

.km-language a:hover{

    color:#C7A15A;

}

/*
|--------------------------------------------------------------------------
| Hamburger
|--------------------------------------------------------------------------
*/

.km-toggle{

    width:48px;

    height:48px;

    background:none;

    border:none;

    display:none;

    cursor:pointer;

    position:relative;

    padding:0;

}

.km-toggle span{

    position:absolute;

    left:10px;

    width:28px;

    height:2px;

    background:#222;

    transition:.30s;

}

.km-toggle span:nth-child(1){

    top:15px;

}

.km-toggle span:nth-child(2){

    top:23px;

}

.km-toggle span:nth-child(3){

    top:31px;

}

/*
|--------------------------------------------------------------------------
| Mobile Menu
|--------------------------------------------------------------------------
*/

.km-mobile{

	position:fixed;
    inset:0;
    width:100%;
    height:100vh;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:10001;

}

.km-mobile.active{

    opacity:1;
    visibility:visible;

}

.km-mobile-close{
    position:absolute;
    top:30px;
    left:50%;
    transform:translateX(-50%);
    border:0;
    background:none;
    cursor:pointer;
    color:#C7A15A;
    font-size:42px;
    line-height:1;
    font-weight:300;
}

.km-mobile-footer{
    position:absolute;
    left:0;
    right:0;
    bottom:35px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
}

.km-mobile-footer img{
    width:180px;
    height:auto;
}

.km-mobile-footer .km-phone{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
}

.km-mobile-footer .km-phone span{
    color:#222;
    font-size:18px;
    font-weight:500;
}

.km-mobile-footer .km-phone i{
    color:#C7A15A;
}

/*
|--------------------------------------------------------------------------
| Mobile Navigation
|--------------------------------------------------------------------------
*/

.km-mobile-nav{

    display:flex;

    justify-content:center;

    align-items:center;

}

.km-mobile-nav ul{
    list-style:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:35px;
	padding:0;
    margin:0;
    width:auto;
}

.km-mobile-nav a{

    color:#222;

    text-decoration:none;

    font-size:34px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.08em;

    transition:.25s;

}

.km-mobile-nav a:hover{

    color:#C7A15A;

    padding-left:10px;

}


/*
|--------------------------------------------------------------------------
| Overlay
|--------------------------------------------------------------------------
*/

.km-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.30s;

    z-index:10000;

}

.km-overlay.active{

    opacity:1;

    visibility:visible;

}

/*
|--------------------------------------------------------------------------
| Body Lock
|--------------------------------------------------------------------------
*/

body.km-menu-open{

    overflow:hidden;

}

/*
|--------------------------------------------------------------------------
| Mobile Animation
|--------------------------------------------------------------------------
*/

.km-mobile-nav li{

    opacity:0;

    transform:translateX(30px);

    transition:.35s;

}

.km-mobile.active .km-mobile-nav li{

    opacity:1;

    transform:translateX(0);

}

.km-mobile.active .km-mobile-nav li:nth-child(1){transition-delay:.05s;}
.km-mobile.active .km-mobile-nav li:nth-child(2){transition-delay:.10s;}
.km-mobile.active .km-mobile-nav li:nth-child(3){transition-delay:.15s;}
.km-mobile.active .km-mobile-nav li:nth-child(4){transition-delay:.20s;}
.km-mobile.active .km-mobile-nav li:nth-child(5){transition-delay:.25s;}
.km-mobile.active .km-mobile-nav li:nth-child(6){transition-delay:.30s;}
.km-mobile.active .km-mobile-nav li:nth-child(7){transition-delay:.35s;}
.km-mobile.active .km-mobile-nav li:nth-child(8){transition-delay:.40s;}
.km-mobile.active .km-mobile-nav li:nth-child(9){transition-delay:.45s;}
.km-mobile.active .km-mobile-nav li:nth-child(10){transition-delay:.50s;}

/*
|--------------------------------------------------------------------------
| Scrollbar
|--------------------------------------------------------------------------
*/

.km-mobile::-webkit-scrollbar{

    width:6px;

}

.km-mobile::-webkit-scrollbar-thumb{

    background:#d4d4d4;

    border-radius:10px;

}

.km-mobile::-webkit-scrollbar-track{

    background:transparent;

}

/* Admin Bar */

.admin-bar #kasia-menu{

    top:32px;

}

@media(max-width:782px){

    .admin-bar #kasia-menu{

        top:46px;

    }

}

.km-logo{

    flex:0 0 220px;

    display:flex;

    align-items:center;

    justify-content:flex-start;

}

.km-nav{

    flex:1 1 auto;

    display:flex;

    justify-content:center;

}

.km-actions{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:22px;

    margin-left:auto;

}

body{
    padding-top:110px;
}

.km-social{
    color:#B08A4A;
    text-decoration:none;
}

.km-social i{
    color:#B08A4A;
    font-size:18px;
    transition:.25s;
}

.km-social:hover{
    text-decoration:none;
}

.km-social:hover i{

    color:#d3aa5a;

}

/* Wyłączenie podkreślenia linków w menu */
#kasia-menu .km-menu-item a,
#kasia-menu .km-menu-item a:hover,
#kasia-menu .km-menu-item a:focus,
#kasia-menu .km-menu-item a:active{

    text-decoration: none !important;

}

.km-mobile-contact,
.km-mobile-socials,
.km-mobile .km-language{

    display:none;

}

@media (max-width:1024px){

    .km-container{

        height:72px;

        padding:0 24px;

    }

    body{

        padding-top:72px;

    }

    .km-logo{

        flex:auto;
		transform:translateX(12px);

    }

    .km-logo img{

        width:104px;

        height:auto;

    }

.km-actions{

    width:auto;
    margin-left:auto;
    padding-right:15px;
    justify-content:flex-end;

}

    .km-nav,
    .km-phone,
    .km-socials,
    .km-language{

        display:none;

    }

    .km-toggle{

        display:block;
        width:42px;
        height:42px;
		transform:translateX(-12px);
		position:relative;
		z-index:10002;

    }

    .km-toggle span{
        width:22px;
        height:2px;
        left:10px;
        background:#C7A15A;

    }

    .km-toggle span:nth-child(1){
        top:13px;

    }

    .km-toggle span:nth-child(2){
        top:20px;

    }

    .km-toggle span:nth-child(3){
        top:27px;

    }
}
.km-toggle.active{
    position:fixed;
    top:15px;
    right:24px;
    z-index:10002;
}
body.km-menu-open #kasia-menu{

    display:none;

}

.km-socials{
    display:flex;
    align-items:center;
    gap:14px;
    margin-left:28px;
}

/* Telefon - wyłączenie podkreślenia */

#kasia-menu .km-phone,
#kasia-menu .km-phone:hover,
#kasia-menu .km-phone:focus,
#kasia-menu .km-phone:active{

    text-decoration:none !important;

}

#kasia-menu .km-phone span,
#kasia-menu .km-phone i{

    text-decoration:none !important;

}