
/*aktywny element*/

.main-navigation .menu-item.current-menu-item>a {
    color: #696969;
}

/*menu desktop*/
@media (min-width: 922px) {
    .ast-main-header-wrap a,
    .ast-main-header-wrap .menu-link,
    .ast-main-header-wrap .ast-menu-toggle,
    .ast-main-header-wrap .site-navigation a {
        font-size: 12px;
			font-weight:400;
    }
	
.sub-menu li {background-color:#F6F5F2;padding-left:10px;padding-right:10px;
	border:none!important;}

.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {box-shadow:none}
.ast-desktop .sub-menu a {font-size: 12px!important;}
.ast-icon.icon-arrow svg {fill:none;width:0px;}

}

.main-header-menu .sub-menu  {
    display:inline-flex;
        border-top:0px!important;
        background-color:#F6F5F2;
        justify-content:strt;
        white-space:nowrap;
        top:80px!important;
        	
    }

 

/* @media (min-width: 922px){
    .main-header-menu .sub-menu
    {height:80px;}
.ast-hfb-header .ast-addon-cart-wrap {margin-right:20px;margin-bottom:3px;}

.ast-site-header-cart .ast-addon-cart-wrap .ast-icon {
   display: none; 
}

.ast-site-header-cart .ast-addon-cart-wrap {margin-top:-1px}
.ast-site-header-cart .ast-addon-cart-wrap::before {
    content: "Koszyk "; 
	color: #212121;
}
}
.ast-site-header-cart i.astra-icon:after
{align-items: center;
    background: #212121;
    border: none;
    border-radius: 1em;
    box-shadow: none;
    color: #fff;
    display: flex;
    justify-content: center;
    line-height: 1;
    min-height: 17px;
    min-width: 17px;
    padding: 0 .4em;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    white-space: nowrap;
    font-weight:300;
    }

.ast-header-account .ast-header-account-link .ahfb-svg-iconset {
    display: none !important; 
}

.ast-header-account .ast-header-account-link {
    color: inherit; 
}

.ast-header-account .ast-header-account-link::before {
    content: "Konto";
    margin-right: 5px; 
}

/* menu mobilne */

@media (max-width:921px) {
    .bigger-menu a {
        font-size: 21px!important; line-height:210%;font-weight:500;
    }
    
    .first-smaller-menu {margin-top:30px;}
        
    .smaller-menu a  {
        font-size: 18px; 
		line-height: 180%!important;
    }
    
    .sub-menu .menu-item .menu-link  {
            font-size: 15px!important;line-height: 240%!important;font-weight:300; opacity:0.7;
        }
        .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
            background-color: transparent;}

    .contact-menu {font-size: 15px; padding-left:20px; font-weight: 500; margin-top:40px; bottom:20px;background-color: transparent!important;}
	
	.menu-item a:hover,
	.menu-item a:active {background-color: transparent!important; }
	.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item>.menu-link {background-color:transparent;}
	
	
	.icon-arrow:first-of-type svg {fill:none;margin-left:-10px!important}

    .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle {background-color:transparent;}
	.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link {background-color:transparent;}
	.ast-builder-menu-mobile .main-navigation .menu-item:hover > .menu-link {background-color:transparent;}
	
/* Ukryj istniejące ikony SVG */
.ast-icon.icon-arrow svg {
  display: none;
}

/* Plusy tylko dla rodziców */
.menu-item-has-children > .menu-link .ast-icon.icon-arrow::before,
.menu-item-has-children > .ast-menu-toggle .ast-icon.icon-arrow::before {
  content: "+";
  font-size: 22px;
  color: #212121;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Pozycja ikony */
.menu-item-has-children > .menu-link .ast-icon.icon-arrow,
.menu-item-has-children > .ast-menu-toggle .ast-icon.icon-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 26px;
  height: 26px;
}

/* Minus, gdy menu otwarte */
.menu-item-has-children.ast-submenu-expanded > .menu-link .ast-icon.icon-arrow::before,
.menu-item-has-children.ast-submenu-expanded > .ast-menu-toggle .ast-icon.icon-arrow::before {
  content: "-";
  transform: translate(-50%, -50%) scale(1.1);
  transition: all 0.3s ease;
}

}

/*Koszyk*/
@media (max-width:921px){
/*  .ast-site-header-cart {background-image: url("https://studiolarum.com/wp-content/uploads/2024/11/bag.svg")!important; background-repeat:no-repeat; background-size:30px;}
	.icon-bag {visibility:hidden!important;}
}

.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg,
.ahfb-svg-iconset svg {fill: transparent!important;}

/*menu*/
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {background-image: url("https://tulladesign.com/wp-content/uploads/2024/11/menu.svg")!important; background-repeat:no-repeat; background-size:30px; }

/*close*/
.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg, .astra-cart-drawer .astra-cart-drawer-close 
{background-image: url("https://studiolarum.com/wp-content/uploads/2024/11/close.svg")!important; background-repeat:no-repeat;background-size:30px;}
*/
.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg
{background-size:110%;background-position:50% 50%;}

.astra-cart-drawer .astra-cart-drawer-close  {background-position:50% 50%; }

@media (max-width:921px) {
    .ast-mobile-header-content {
        height: 100vh; 
        background-color: #F6F5F2!important; 
        display: flex;
        flex-direction: column;
        z-index: 9999;
        overflow-y: hidden!important; 
        padding-top: 20px;
    }
   

    }

/*Toggle w menu*/
.ast-menu-toggle:focus,
.ast-menu-toggle:active,
.ast-nav-menu a:focus,
.ast-nav-menu a:active,
.ast-mobile-menu-buttons button,
.ast-mobile-menu-buttons button:focus,
.ast-mobile-menu-buttons button:active{
	outline-style:hidden!important;
    outline: none!important; 
    box-shadow: none; 
	background-color: transparent;
}

.menu-toggle,
.menu-toggle:focus,
.menu-toggle:active,
.ast-mobile-menu-trigger-minimal,
.ast-mobile-menu-trigger-minimal:focus,
.ast-mobile-menu-trigger-minimal:active {
    outline: none !important; 
    box-shadow: none !important; 
    background-color: transparent !important; 
}

button.menu-toggle,
button.menu-toggle:focus,
button.menu-toggle:active,
button.ast-mobile-menu-trigger-minimal,
button.ast-mobile-menu-trigger-minimal:focus,
button.ast-mobile-menu-trigger-minimal:active {
    outline: none !important; 
    box-shadow: none !important; 
    background-color: transparent !important; 
    border: none !important; 
}

button.menu-toggle::-moz-focus-inner,
button.ast-mobile-menu-trigger-minimal::-moz-focus-inner {
    border: 0; 
}

/* 
 Menu transparent & scroll 
*/


/*sticky header*/
.site-header {position:sticky; top: -31px;}
.main-header-bar-wrap {position:sticky!important;top:0px;}

/*Pierwszy element na wysokość menu*/
.full-height {margin-top:-80px;}


/* Above header */
.home .ast-above-header.ast-above-header-bar {background-color: #1a1a1a!important; }
.home .ast-above-header .ast-builder-html-element {color: #fff;}

.home .ast-site-header-cart .ast-addon-cart-wrap::before {color: white;}

/* Styl początkowy dla nagłówka */
.home .main-header-bar {
    background-color: rgba(233, 233, 233, 0); 
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px); 
    transition: background-color 0.3s ease, color 0.3s ease;
    border-bottom: 1px solid white!important;
}


.home .ast-site-header-cart .ast-addon-cart-wrap i.astra-icon:after {background-color:#fff; color: #000!important;}

/* Logo  */
.home .site-logo-img img {
    filter: brightness(0) invert(1); 
    transition: filter 0.3s ease;
}
 

/* Linki */
.home .main-header-bar a  {
    color: #ffffff!important; 
    transition: color 0.3s ease;
}
.home .sub-menu a {color: #000!important; }



/* After scroll */
.home .scrolled .main-header-bar, 
.scrolled .main-header-bar  {
    background-color: rgba(233, 233, 233, 0.3); 
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px); 
    border-bottom: 1px #212121 solid!important;
}

.home .scrolled .ast-site-header-cart .ast-addon-cart-wrap::before {color: #000;}

/* Logo  */
.home .scrolled .site-logo-img img {
    filter: none; 
}

/* Linki */
.home .scrolled a {
    color: #000000!important; 
}

/* Transparent Menu Mobile*/
@media (max-width: 921px){
    .home.ast-main-header-nav-open  {background-color: #e4e4e4;}
    
	.home .ast-site-header-cart i.astra-icon:after {background-color:transparent!important;}
	
	.home [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg,
	.home .ast-site-header-cart {filter: brightness(0) invert(1); 
    transition: filter 0.3s ease;}
	
    /* After scroll mobile */
	.home .scrolled [data-section="section-header-mobile-trigger"]  .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg ,
	.home .scrolled .ast-site-header-cart {filter: brightness(0) invert(0); 
    transition: filter 0.3s ease;}

     .home .ast-mobile-header-wrap.scrolled {
        background-color: #fff!important; 
            filter: none;
    }

    .home .ast-mobile-header-wrap.scrolled .site-logo-img img {
        filter: none!important; 
    }
}

