/**
 * Theme Name: Rise of Kiosko
 * Template: kiosko
 * Author: Łukasz Szozda
 * Author URI: https://www.luknij-design.pl/
 * Description: Szablon War Camp ma wszystko co potrzebne na początek...
 * Version: 1.0.0
 * Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/*--------------------------------------------------------------
>>> SPIS TREŚCI:
----------------------------------------------------------------
# Ogólne
# Baza
	- Kolory
        - Typografia
# Komponenty
	- Nagłówek
	- Moduły
	- Stopka
	- BBQ
# Strony
# Kategorie
	- Podkategorie
	- Kategorie Woo
# Produkty
# Wpisy
# Moduły
	- Slider 12
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Ogólne
--------------------------------------------------------------*/
html{
	scroll-behavior: smooth; }
.hide{
	display: none; }
:root p a {
	color: var(--light-green); }
:root p a:hover {
	color: var(--dark-green); }
	
/*--------------------------------------------------------------
# Baza
--------------------------------------------------------------*/
.container{}
.ld-w{
	max-width: 1400px; 
	margin: 0 auto; }
@media (min-width: 1921px){
	.ld-w{
	max-width: 1600px; }
}
/* Kolory ++++++++++++*/

:root{
	--text-color-light: #f3eff5;
	--light-gray: #455551;
	--dark-gray: #222927;
	--light-green: #72b01d;
	--dark-green: #3f7d20;
	--base-gray: #455551;
	}

/* Typografia ++++++++++++*/

:root a{
	text-decoration: none; }

h1, h2, h3, h4, h5, h6, p{
	color: var(--dark-gray); }

p{
	line-height: 1;
	color: var(--light-gray); }

/*--------------------------------------------------------------
# Komponenty
--------------------------------------------------------------*/

/* Nagłówek ++++++++++*/

/* Logo */
.logo svg{
	max-width: 170px;
	height: auto; }

/* Przycisk slidera */
.caption .ms-custom-button{
	background: red }

/* Przyciski */
:root :where(.wp-element-button, .wp-block-button__link){
	background: var(--dark-green); }
:root :where(.wp-element-button, .wp-block-button__link):hover{
	background: var(--light-green); }

.woocommerce.wp-block-breadcrumbs a{
	color: var(--dark-green);
	text-decoration: none; }

.woocommerce.wp-block-breadcrumbs a:hover{
	color: var(--light-green); }

:root :where(.wp-block-query-pagination a:where(:not(.wp-element-button))),
:root :where(.wp-block-query-pagination){
	color: var(--light-gray); }

/* Menu */
#top-header .header-intro svg{
	max-height: 70px;
	width: 100%;
	max-width: 124px; }
#top-header .header-intro{
	display: grid;
	grid-template-columns: repeat(6, 1fr); 
	grid-template-areas: 
		"logo logo logo account account account"
		"topN search search search search search"; 
	gap: 0; }
@media (min-width: 420px){
	#top-header .header-intro{
		grid-template-areas: 
			"logo logo logo logo account account"
			"topN search search search search search"; }
}
@media (min-width: 600px){
	#top-header .header-intro{
		grid-template-columns: repeat(4, 1fr); 
		grid-template-areas: 
			"logo search search account"
			"topN topN topN topN"; }
}
@media (min-width: 768px){
	#top-header .header-intro{
		grid-template-columns: repeat(7, 1fr); 
		grid-template-areas: 
			"logo . search search search account account"
			"topN topN topN topN topN topN topN"; }
}
@media (min-width: 1024px){
	#top-header .header-intro{
		grid-template-columns: repeat(8, 1fr); 
		grid-template-areas: 
			"logo . search search search search account account"
			"topN topN topN topN topN topN topN topN "; }
}
.logotyp{
	grid-area: logo; }
.searcher{
	grid-area: search; }
.account-basket{
	grid-area: account; 
	display: flex;
	justify-content: flex-end;}
.top-navigation{
	height: 50px;
	grid-area: topN; }
.has-modal-open.is-menu-open .top-navigation{
	height: inherit; }
.searcher label{
	display: none; }

/* Menu */

/* Widok mobilny poprawka  */
@media (max-width: 599px){
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{
		padding: 6px 10px; }
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
		padding-top: 0 !important; }
}

/* Ogólne */
:root ul.top-navigation li a{
	padding: 6px 10px; }

/* Obecny */
:root ul.top-navigation > li.current-menu-item > a,
:root ul.top-navigation > li.current-menu-ancestor a{
	background: var(--dark-green); }

:root ul.top-navigation > li.current-menu-ancestor ul > li.current-menu-item > a{
	background: #482; }

/* Najechanie */
:root ul.top-navigation li:hover > a,
:root ul.top-navigation > li.current-menu-ancestor ul > li.current-menu-item:hover > a{
	background: var(--light-green); }

@media (min-width: 600px){
	:root ul.top-navigation ul.wp-block-navigation-submenu{
		border: 0;}
	:root ul.top-navigation ul.wp-block-navigation-submenu li a{
		background: var(--base-gray); }
	/* Najechanie */
	:root ul.top-navigation ul.wp-block-navigation-submenu li:hover a{
		background: var(--light-green); }

	/* Fix */
	.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container{
		left: 0; }
}
/*   */


.wp-block-woocommerce-customer-account .label,
.wc-block-mini-cart__amount{
	display: none; }
@media (min-width: 768px){
	.wp-block-woocommerce-customer-account .label,
	.wc-block-mini-cart__amount{
		display: inherit; }
}

/* Moduły ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Główna treść */

#shop{
	border-bottom: 3px solid var(--dark-green); }

/* Polecane kategorie */

.wp-block-columns.polecane-kategorie{
	display: grid;
	grid-template-columns: 1fr; }

@media (min-width: 640px){
	.wp-block-columns.polecane-kategorie{
		display: grid;
		grid-template-columns: 1fr 1fr; }
}

@media (min-width: 1200px){
	.wp-block-columns.polecane-kategorie{
		display: grid;
		grid-template-columns: repeat(4, 1fr); }
}

.wc-block-featured-category.has-background-dim .background-dim__overlay::before{
	opacity: 0.3; }

/* Opis produktu */

.ld-two-col{
	display: grid;
	grid-template-columns: 1fr; 
	gap: 2rem;}
.ld-two-col p,
.ld-two-col li,
.ld-two-col a{
	font-size: var(--wp--preset--font-size--medium);
}
.ld-two-col p,
.ld-two-col li{
	color: var(--light-gray)}

@media (min-width: 1024px){
	.ld-two-col{
		display: grid;
		grid-template-columns: 1fr 1fr; }
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.wc-tab{
	font-size: 1.2rem;}

.woocommerce-Tabs-panel .ld-two-col h2:first-of-type{
	display: block; }

/* Stopka ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* menu lista */

footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
	color: var(--light-green); }
footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover{
	color: var(--dark-green); }

footer.wp-block-template-part p,
footer.wp-block-template-part a{
	text-decoration: none; }

.footer-main p{
	margin-bottom: 1rem; }

/* BBQ ++++++++++++*/
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
	background: var(--light-gray); }
/*
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-content{
	color: #26667f; }

header .wp-block-navigation__responsive-container{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 4rem;
	top: 0; 
	z-index: 99999; 
	transition: 5s; }
	/*
header .wp-block-navigation__responsive-container ul{
	display: flex; 
	flex-direction: column; }
header .wp-block-navigation__responsive-container ul a{
	color: #26667f !important; }
header .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){
	background-color: #fff !important;
	color: #000 !important; }
	*/
.hideMenu{
	transform: translateX(-100%);
}
.showMenu{
	transform: translateX(0); }

@keyframes overlay-menu__fade-in-animation{
	0% { 
		opacity: 0.5; 
		transform: translateY(0);
       		transform: translateX(-100%); }
	100% { 
		opacity: 1;
		transform: translateX(0); }
}

/* Paginacja ++++++++++++*/

.page-numbers,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next{
	padding: 0.4rem; }

span.page-numbers.current:hover,
a.page-numbers:hover,
a.wp-block-query-pagination-previous:hover,
a.wp-block-query-pagination-next:hover{
	border-radius: 0.25rem;
	text-decoration: none;
	color: var(--text-color-light);
	background: var(--light-green); }

span.page-numbers.current:hover{
	cursor: pointer; }

span.page-numbers.current{
	border-radius: 0.25rem;
	color: var(--text-color-light); 
	background: var(--dark-green); }

/*--------------------------------------------------------------
# Strony
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Kategorie
--------------------------------------------------------------*/

/* Podkategorie ++++++++++++*/ 
.prod-categories{
	padding: 1rem;
	border: 1px solid var(--light-green); }

.prod-categories .wc-block-product-categories-list--depth-1{
	padding-left: 0.5rem; }

.prod-categories .wc-block-product-categories-list--depth-2{
	padding-left: 1rem; 
}
/* Kategorie Woo ++++++++++++*/

.prod-categories ul{
	margin: 0;
	padding: 0;
	font-size: 1rem;
	text-transform: uppercase; 
	list-style-type: none; }

.prod-categories a{
	text-decoration: none; }

.prod-categories a:hover{
	text-decoration: underline; }

/* Kategorie lewe menu */
.prod-categories .wc-block-product-categories-list-item a{
	color: var(--dark-green); }
.prod-categories .wc-block-product-categories-list-item a:hover{
	text-decoration: none;
	color: var(--light-green); }

/* Menu boczne - Kategorie ++++++++++++*/
.prod-categories{
}

/*--------------------------------------------------------------
# Produkty
--------------------------------------------------------------*/

.wc-block-components-product-image img{
	width: auto;
	max-height: 280px;
	min-height: 280px; 
	/*max-height: 200px;
	min-height: 200px;*/
	display: block;
	margin: auto; }

.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
	font-size: 1rem; }

/* Lista produktów */

/* Cena */
span.tax_value {
	font-size: 1rem; }

/* Tytuły */ 
.wp-block-woocommerce-product-collection h2 a,
.lista-produktow h3 a{
	color: var(--dark-green); }
.woocommerce .up-sells.upsells.products .product a.woocommerce-LoopProduct-link h2:hover,
.woocommerce .up-sells.upsells.products .product a.woocommerce-LoopProduct-link .price:hover{
	text-decoration: underline; }

/* Ceny */
.price-gro{
	font-size: 1rem; }
.product-template-default .price-net{
	font-size: 1rem; }
.product-template-default .price-gro{
	font-size: 1.4rem; }

.lista-produktow .wp-block-woocommerce-product-price{
	text-align: center; }

/* Produkty powiązane */
.powiazane-produkty{
	padding-top: 2rem;
	padding-bottom: 2rem; }
.powiazane-produkty h2{
	padding-bottom: 1rem; }

/*--------------------------------------------------------------
 * # Zamówienie 
--------------------------------------------------------------*/

.wc-block-product-categories-list-item a,
.woocommerce-privacy-policy-text a,
.wc-block-components-main a,
.wc-block-order-confirmation-totals__product a,
:root .wc-block-order-confirmation-create-account-description a,
:root #create-account a,
.woocommerce-LostPassword a{
	text-decoration: none;
	color: var(--dark-green); }
.wc-block-product-categories-list-item a:hover,
.woocommerce-LostPassword a:hover,
.woocommerce-privacy-policy-text a:hover,
:root #create-account a:hover,
.wc-block-order-confirmation-create-account-description a:hover,
.wc-block-order-confirmation-totals__product a:hover,
.wc-block-order-confirmation-create-account-form a:hover,
.wc-block-components-main a:hover,
/* potwierdzenie założenia konta*/
.wp-block-woocommerce-order-confirmation-create-account a:hover{
	text-decoration: underline;
	color: var(--dark-gray);}

/* Koszyk */
.wc-block-mini-cart__badge{
	color: #fff !important; }
/* Struktura */
.ld-woo-cart{
	display: grid;
	grid-template-columns: 1fr;
	grid-templates-areas: 
		"cart-list"
		"cart-sum"; 
	gap: 1rem; }
@media (min-width: 1024px){
	.ld-woo-cart{
		grid-template-columns: repeat(4, 1fr);
		grid-template-areas: 
			"cart-list cart-list cart-list cart-sum";}
}
.woocommerce-cart-form{
	grid-area: cart-list; }
.cart-collaterals{
	grid-area: cart-sum; }
/* Nagłówki */
.woocommerce-cart-form__contents .shop_table tr{
	display: grid;
	grid-template-columns: repeat(4, 1fr); }
.cart > th.product-remove,
.cart > th.product-thumbnail{
	display: none !important; }
.cart thead{
	border-bottom: 1px solid #cbcbcb;}

.shop_table .cart-subtotal th,
.shop_table .cart-subtotal td,
.shop_table .custom-shipping th,
.shop_table .custom-shipping td,
.shop_table .cart-net-total th,
.shop_table .cart-net-total td,
.shop_table .cart-tax-total th,
.shop_table .cart-tax-total td{
	padding: 0 !important; }
.shop_table .order-total th,
.shop_table .order-total td{
	font-size: 1.2rem !important;}
.shop_table .custom-shipping{
	border-bottom: 1px solid #cbcbcb; }	
.cart_totals td{
	text-align: right; }

/* Podsumowanie */
.cart-collaterals{
	background: #f4f4f4; }
.woocommerce-page .cart-collaterals{
	padding: 1rem;
	box-sizing: border-box;}

/* Schowanie kosztów zakupu w koszyku */
.woocommerce-cart .woocommerce-shipping-totals,
.tax_label,
.includes_tax{
    display: none !important;
}
/* koszyk block woo
.woocommerce-cart .woocommerce{
	display: grid; 
	grid-template-columns: 1fr; 
	grid-template-rows: auto;
	grid-template-areas: 
		"cart-list"
		"cart-sum"; }
.woocommerce-cart-form{
	grid-area: cart-list; }
.cart-collaterals{
	grid-area: cart-sum; }
*/
.woocommerce-cart.woocommerce-page main,
.woocommerce-cart main .woocommerce{
	max-width: 1600px; }
.woocommerce-page .woocommerce .cart-collaterals{
	margin-top: 0; }
@media (min-width: 1024px){
	.woocommerce-cart .woocommerce{
		grid-template-columns: 1fr; 
		grid-template-areas: 
			"cart-list cart-sum"; }
	.woocommerce .cart-collaterals .cart_totals, 
	.woocommerce-page .cart-collaterals .cart_totals{
		width: inherit; 
		right: inherit; }
}
/* Ceny */
#updateCartBtn{
	display: none; }

/* Szybki koszyk */
.wc-block-mini-cart__footer-actions a{
	text-decoration: none; }
.wc-block-mini-cart__footer-actions a:hover{
	color: var(--text-color-light); }
.wc-block-mini-cart__badge{
	background: var(--light-green) !important; }
.wc-block-mini-cart__amount{
	padding-left: 0.2rem; }
/*--------------------------------------------------------------
 * # Konto
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Wpisy
--------------------------------------------------------------*/

/* Blog ++++++++++++++++*/
.wpis-blogowy{
	display: grid;
	grid-template-columns: repeat(3, 1fr); 
	gap: 2rem; }
.wpis-blogowy li{
	margin: 0; }

/* Szukaj ++++++++++++++*/
.wpisy-szukaj img{
	width: 100%;
	max-width: 273px; }
.wpis-content > figure{
	flex: 1; }
.wpis-content > div{
	flex: 3; }

/*--------------------------------------------------------------
# Moduły
--------------------------------------------------------------*/

/* Slider 12 ++++++++++++*/
.slider12-wrapp{
	margin: 0; }
.inner-slider12{
	margin: 0 auto; }
.metaslider.ms-theme-databold .flexslider .caption-wrap .caption{
	left: 80px; }
/* Slider button */
#metaslider-id-627 .flexslider .caption-wrap a{
	color: var(--text-color-light); }
.metaslider.ms-theme-databold .flexslider .caption-wrap .caption a{ 
	background: var(--dark-green);
	opacity: 1; }
.metaslider.ms-theme-databold .flexslider .caption-wrap .caption a:hover, 
.metaslider.ms-theme-databold .flexslider .caption-wrap .caption a:focus{
	background: var(--light-green); 
	opacity: 1; }
/* next / prev btn */
.metaslider .flexslider .flex-next,
.metaslider .flexslider .flex-prev{
	background: var(--dark-green);}
.metaslider .flexslider,
.metaslider .flexslider .flex-next,
.metaslider .flexslider .flex-prev{
	opacity: 1; }
.metaslider .flexslider .flex-next{
	border-radius: 0.5rem 0 0 0.5rem; }
.metaslider .flexslider .flex-prev{
	border-radius: 0 0.5rem 0.5rem 0; }

/* Meta Slider  */ 
.caption{
	border-radius: 25px; }
/* Lista kategorii dla Woo  */
.woo-cat-menu {
    font-size: 15px;
}

.woo-cat-menu__list,
.woo-cat-menu__sub {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woo-cat-menu__item {
    margin-bottom: 8px;
}

.woo-cat-menu__link {
    display: block;
    text-decoration: none;
}

.woo-cat-menu__item.is-active > .woo-cat-menu__link {
    font-weight: 700;
}

.woo-cat-menu__item.is-parent-active > .woo-cat-menu__link {
    color: var(--wp--preset--color--primary);
}
.woo-cat-menu__sub {
    display: none;
}

.woo-cat-menu__item.is-open > .woo-cat-menu__sub {
    display: block;
}