/*
Theme Name: Storefront by niebagatelni.pl
Description: Storefront by niebagatelni.pl
Theme Author: Artur Długosz
Author URL: https://niebagatelni.pl
Template: storefront
Version: 1.3.0
*/


html {
  scroll-behavior: smooth;
}


body{
	color: var(--font-color);
}

.absolute-anchor a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px; /* ukrywa tekst, jeśli jest */
  z-index: 10; /* nad innymi elementami */
}

.wp-block-group{
	position:relative;
}

.wauto,
.wauto  *
{	margin:0;
	width:auto;
}

.w400{	max-width:400px; margin: auto;	}
.w600{	max-width:600px; margin: auto;	}
.w800{	max-width:800px; margin: auto;	}
.w1000{	max-width:1000px; margin: auto;	}
.w1200{	max-width:1200px; margin: auto;	}

.w-full{
	width:100%;
}

.text-justify{
	text-align: justify;	
}


.force-hidden{
	display: none !important;
}


.col-full{
    max-width	: var(--container-max-width);
    margin-left	: auto;
    margin-right: auto;
	/*
    box-sizing	: content-box;
    width		: auto;
	*/
}



.wp-element-button{
	border: 1px solid #c0bcbc;
    border-radius: 4px;
    line-height: 1;
}

.hentry .entry-content a{
	text-decoration: none;
	border: none;
}


body{
	max-width: var(--body-max-width);
    margin: auto;
	font-family: var(----mainfont);
}


.adm--container,
body.blog article{
	max-width	: var(--container-max-width);
	margin		: auto;
	padding		: 2em;
	position	: relative;
}





a{
	color: var(--link);
}
a:active{
	color: var(--link-active);
}
a:hover{
	color: var(--link-hover);
}
a:focus{
	color: var(--link-focus);
}




.wp-block-button__link,
.wp-block-button__link:not(.has-text-color){
	color	: var(--button-color);
}


.wp-block-button__link,
.wp-block-button__link:not(.has-background){
	background-color: var(--button-bgcolor);
	border-color	: var(--button-color);
}


.wp-block-button__link:hover,
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:not(.has-text-color):hover, 
.wp-block-button__link:not(.has-text-color):focus, 
.wp-block-button__link:not(.has-text-color):active{
	color			: var(--button-color-hover);
}



.wp-block-button__link:hover,
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:not(.has-background):hover,
.wp-block-button__link:not(.has-background):focus,
.wp-block-button__link:not(.has-background):active{
	background-color: var(--button-bgcolor-hover);
	border-color	: var(--button-color-hover);	
}


/*  ----------------  HEADER  ----------------   */


header .col-full{
	max-width	: var(--fullwidth-max-width);
	width		: 95%;
	margin-left	: auto;
	margin-right: auto;
}


#masthead.site-header{
	background-color	: var(--site-header-bgcolor);
	color				: var(--site-header-color);
   -webkit-box-shadow	: 0 0 7px rgba(0, 0, 0, 0.6) !important;
    box-shadow			: 0 0 7px rgba(0, 0, 0, 0.6) !important;
	border-bottom		: none;
}


.site-branding .site-title {
	color: var(--site-header-title-color);
}
.site-branding .site-title a{
	color: var(--site-header-title-link);
}

.site-branding .site-title a:hover{
	color: var(--site-header-title-link-hover);

}

.site-branding .site-description, .site-description{
	color: var(--site-header-subtitle-color);
}


.main-navigation ul.menu, .main-navigation ul.nav-menu{
	display: inline-block;
}

/*  ----------------  MENU  ----------------   */




.main-navigation,
.main-navigation ul.menu ul.sub-menu{
	text-align		: center;
	color			: var(--main-nav--link);
	background-color: var(--main-nav--bgcolor);
}

.main-navigation ul.menu ul.sub-menu{
    box-shadow: 0px 1px 3px #9d9d9d;
	padding-top		: 10px;
	padding-bottom	: 20px; 
}

.main-navigation ul, 
.secondary-navigation ul{
	text-align:left;
	padding-left: 5px;
}


.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a{
	padding: 1rem;
	color: var(--main-nav--link);
}
		
		
.main-navigation ul.menu ul.sub-menu li a,
.main-navigation ul.menu ul.sub-menu li a{
	max-width	: 100%;
	width		: 350px;
	color		: var(--main-nav--link);
}

.main-navigation ul.menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:hover{
	color: var(--main-nav--link-hover);
}

.main-navigation ul.menu > li > a:focus,
.main-navigation ul.nav-menu > li > a:focus,
.main-navigation ul.menu ul.sub-menu li a:focus,
.main-navigation ul.menu ul.sub-menu li a:focus{
	outline: none !important;
}


.site-header ul.menu li.current-menu-item > a{
	color: var(--main-nav--link-active);
}


.handheld-navigation .dropdown-toggle,
button.menu-toggle,
button.menu-toggle:hover{
	color: inherit;
	border-color: inherit;
	float:unset;
	outline: none;
}

button.menu-toggle:after, 
button.menu-toggle:before, 
button.menu-toggle span:before{
	color			: var(--main-nav--togglebtn-color);
	border-color	: var(--main-nav--togglebtn-bgcolor);
	background-color: var(--main-nav--togglebtn-bgcolor);
}


nav #menu-item-694{
	    font-weight: 600;
}



/* mobilne */

.main-navigation .menu{
	text-align: left;
}

@media (min-width: 768px) {
	.main-navigation div.menu:last-child,
	.main-navigation div.menu,
	.main-navigation .menu{
		display: none;	
	}
}

.handheld-navigation, 
.main-navigation div.menu>ul:not(#menu-glowne){
	position: absolute;
	width: 100%;
	left: 0;
	background: var(--mobile-nav--bgcolor);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.main-navigation div.menu:last-child{
	display: contents;
	
}
#site-navigation.toggled .menu,
.main-navigation div.menu{
	background-color: var(--mobile-nav--bgcolor);
}


#site-navigation.toggled .menu ul,
.main-navigation.toggled .menu ul{
	padding-top: 20px;
	padding-bottom: 20px;
}

.main-navigation div.menu a{
	color	: var(--mobile-nav--link);	
	padding	: 1em 10px;
}

.main-navigation div.menu a:hover{
	color: var(--mobile-nav--hover);	
}

.main-navigation div.menu a:active{
	color: var(--mobile-nav--active);	
}



/*  ----------------  CONTENT  ----------------   */

 
#main > *, 
.site-main > * 
{
	position		: relative;
	margin-left		: 1.4em;
	margin-right	: 1.4em;
	
}

body.home #content > .col-full,
body.home.site-content > .coll-full
{
	max-width	: var(--fullwidth-max-width);
	padding		: 0;
	margin		: auto;
}


/*
.home #main .entry-content > * {
	padding-top		: 10rem;
	padding-bottom	: 10rem;
	padding-left	: 2rem;
	padding-right	: 2rem;
	position		: relative;
}
*/

.home #main .entry-content .wp-block-image{
	padding:0;
    margin: 0;
}



.home #page #content #primary #main .hentry.type-page .entry-header{
	display:none;
}


.home  #main > *, 
.home .site-main > *{
	margin-left: auto;
	margin-right: auto;
}



.home .entry-content section{
	margin: 60px auto;
    width: auto;
}
.home .entry-content section > *{
    margin: auto 1.4em;
}

@media (max-width: 767px){
	.home .entry-content section{
		margin: 60px 1.4em;
		width: auto;
	}
}


.entry-content li{
	text-align: left;
}


/*  ----------------  FOOTER  ----------------   */



 
footer .col-full{
	max-width		: var(--fullwidth-max-width);
	width			: 95%;
	margin-left		: auto;
	margin-right	: auto;
}


footer.site-footer{
	margin-top			: 5em;
	box-shadow			: 0px -2px 10px black;
    margin-top			: 0;
	z-index				: 9;
	position			: relative;
	background-color	: var(--footer-bgcolor);
	color				: var(--footer-color);
}

.site-footer p,
.site-footer strong,
.site-footer b,
.site-footer ul,
.site-footer li,
.site-footer a{
	color: var(--footer-color);
}



.site-footer a,
.site-footer a:not(.button):not(.components-button){
	text-decoration	: none;
	color			: var(--footer--link);
}

.site-footer a:hover,
.site-footer a:not(.button):not(.components-button):hover{
	text-decoration: none;
	color: var(--footer--link-hover);
}

.site-footer a:focus,
.site-footer a:not(.button):not(.components-button):focus{
	text-decoration: none;
	color: var(--footer--link-active);
}

.site-footer .widget_nav_menu ul li{
	padding-left: 0;
	margin: auto;
	margin-bottom: 5px;
}


.widget_nav_menu ul li::before{
	display: none;
}


.storefront-handheld-footer-bar{
	background-color:	var(--footer-bgcolor);	
	color:				var(--footer-color);
}

.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button){
	color:	var(--footer-color);
}

footer.site-footer .wp-block-heading{
	font-weight	: bold;
	color 		: var(--footer-widget-head-color) !important;
}





/* układ */



footer.site-footer .widget{
	margin-bottom:1em;
}

.footer-widgets{
    padding-top		: 4em;
    border-bottom	: 1px solid rgba(0,0,0,.05);
    display			: flex;
    align-content	: flex-start;
    align-items		: flex-start;
    max-width		: 100%;
    margin			: auto;
    flex-direction	: row;
    flex-wrap		: wrap;
}

.footer-widgets.col-4 .block,
.footer-widgets.col-3 .block,
.footer-widgets.col-2 .block,
.footer-widgets .block{
	margin:0;
}

.footer-widgets .block:last-child{
	padding-bottom: 0;
}


@media (min-width: 1024px) {
	.footer-widgets.col-4 > .block {
		flex: 0 0 calc(23% - 1.5em);
		margin: 0 1%;
		display: grid;
		justify-content: center;
	}
}
@media (max-width: 1024px) and (min-width: 767px) {
	.footer-widgets.col-4 > .block {
		flex: 0 0 calc(44% - 1em);
		margin: 0 1%;
	}

	.footer-widgets{
		margin-left:15%;
	}

}
@media (max-width: 767px) {
	.footer-widgets.col-4 > .block {
		flex: 0 0 calc(98% - 1em);
		margin: 0 1%;
	}
	
	.footer-widgets{
		display: grid;
		justify-content: center;	
	}

	.footer-widgets .block{
		margin:0;
	}	
}




.wp-block-media-text.is-stacked-on-mobile{
	gap: 20px;
}

.woocommerce-breadcrumb{
	text-align: left;
}




.admProductsIds{
	display: none !important;
}