/*
 Theme Name:   Storefront Child
 Description:  Philimpex Shop Theme
 Author:       Anita Bachmann
 Author URI:   https://anitabachmann.ch
 Template:     storefront
 Version:      1.0
 Text Domain:  storefront-child
*/

/* noticia-text-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noticia Text';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/storefront-child/fonts/noticia-text-regular.woff') format('woff'); 
}

/* pt-sans-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/storefront-child/fonts/pt-sans-regular.woff') format('woff'); 
}

/*----- fonts -----*/
:root {
  --headings-font: "Noticia Text", serif;
  --menu-font: "Noticia Text", serif;
  --footer-font: "PT Sans", sans-serif;
  --body-font: "PT Sans", sans-serif;
  --h1-font-size: 1.5em;
  --h2-font-size: 1.3em;
  --h3-font-size: 1.2em;
  --wp--preset--font-size--small: 18px;
}
/*----- colors -----*/
:root {
  --body-color: #121212;
  --grey-dark: #bcbcbc;
  --grey-light: #ebebeb;
  --blue-dark: #0a75b2;
  --blue-light: #7fccf7;
	--background-color2: #990000;
  --red-dark: #990000;
  --red-light: #fff0f0;
}

body {
  	font-family: var(--body-font);
	font-size: 20px;
	color: var(--body-color);
}

/*Test Logo */
@media (min-width: 768px) {
  .site-header .site-branding img {
    max-width: 275px;
  }
}
.site-header .custom-logo-link {
	display: flex;
}
/*.custom-logo:after, */
/*.site-header .custom-logo-link:after {
	content: "Philimpex";
	font-family: var(--menu-font);
	font-size: 35px;
	color: #121212;
	margin-top: 50px;
  	margin-left: 10px;
}*/


/*--------------------------*/
/*----- site header -----*/
/*--------------------------*/
.home .site-header {
  margin-bottom: 2em!important;
}

/*--------------------------*/
/*----- top navigation -----*/
/*--------------------------*/
@media (min-width: 768px) {
 .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: 50%;
  }
  .secondary-navigation, .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    /*width: 65%!important;*/
	  width: 45%!important;
  }
  .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    float: right;
    margin-right: 0;
  }
}
.site-header-cart .cart-contents .count {
	white-space: nowrap;
}

/*------------------------------*/
/*----- primary navigation -----*/
/*------------------------------*/
.primary-navigation {
	font-family: var(--menu-font);
	font-size: 28px;
	line-height: 1;
}
@media (min-width: 768px) {
	.main-navigation ul.menu, .main-navigation ul.nav-menu {
    	margin-left: 0;
  	}
	.site-header-cart .cart-contents {
    	padding: 0.5em 0.8em;
  	}
  	.main-navigation ul li.current-menu-item {
    	background-color: #0a75b2;
  	}
  	.main-navigation ul li.current-menu-item:not(:hover), .site-header ul.menu li.current-menu-item:not(:hover) > a {
		color: #fff!important;		
	}
  	.main-navigation ul li:hover {
    	background-color: rgba(127,204,247, 0.6);
  	}	
	
	.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
  	color: #4bb6f3;
	}	
  	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    	padding: 0.5em 0.8em;
  	}	
}

/*----------------------------------*/
/*----- navigation - cart info -----*/
/*----------------------------------*/
@media (min-width: 768px) {
  .site-header-cart .cart-contents::after {
	content: "";
	background-image: url("../../uploads/images-design/philimpex-cart.svg");
    background-repeat: no-repeat;
	background-size: 35px;
    background-position: 0 0;
    height: 35px;
    width: 35px;
  }
}
/*----------------------*/
/*----- breadcrumb -----*/
/*----------------------*/
@media (min-width: 768px) {
  .storefront-breadcrumb {
   	margin: 0;
  }
}
.woocommerce-breadcrumb a:first-of-type::before {
	content: "";
}

/*-------------------------------------*/
/*----- categories list (sidebar) -----*/
/*-------------------------------------*/
@media (min-width: 768px) {
  .left-sidebar .widget-area {
	  margin-top: -20px; /* Korrektur */
	}
}
.widget-area .widget a {
	font-size: 1em;
/*  	font-weight: normal;*/
	letter-spacing: 0.03em;
  	text-decoration: none;
}
.wpb_category_n_menu_accordion > ul > li > ul a {
	font-weight: normal!important;
}
.wc-block-product-categories-list--depth-0 > li {
	margin-bottom: 10px;
	padding: 15px;
}
.wpb_wmca_accordion_wrapper_theme_dark ul ul li a {
	padding: 5px 15px 10px;
}
.wpb_wmca_accordion_wrapper_theme_dark ul > li li a {
  color: #f5f5f5 !important;
}
.wpb_wmca_accordion_wrapper_theme_dark > ul > li > a {
  background: none;
  color: var(--body-color)!important;
}

/*.wc-block-product-categories-list--depth-0 > li:nth-child(1),
.wpb_category_n_menu_accordion_list > li:nth-child(1),
.wpb_category_n_menu_accordion_list > li:nth-child(1) > ul {
	background-color: #d9f0fd;
}
.wc-block-product-categories-list--depth-0 > li:nth-child(2),
.wpb_category_n_menu_accordion_list > li:nth-child(2),
.wpb_category_n_menu_accordion_list > li:nth-child(2) > ul {
	background-color: #ebebeb;
}
.wc-block-product-categories-list--depth-0 > li:nth-child(3),
.wpb_category_n_menu_accordion_list > li:nth-child(3),
.wpb_category_n_menu_accordion_list > li:nth-child(3) > ul {
	background-color: #8cc9ec;
}
.wc-block-product-categories-list--depth-0 > li:nth-child(4),
.wpb_category_n_menu_accordion_list > li:nth-child(4),
.wpb_category_n_menu_accordion_list > li:nth-child(4) > ul {
	background-color: #f0f8ff;
}
.wc-block-product-categories-list--depth-0 > li:nth-child(5),
.wpb_category_n_menu_accordion_list > li:nth-child(5),
.wpb_category_n_menu_accordion_list > li:nth-child(5) > ul {
	background-color: #d9f0fd;
}
.wc-block-product-categories-list--depth-0 > li:nth-child(6),
.wpb_category_n_menu_accordion_list > li:nth-child(6),
.wpb_category_n_menu_accordion_list > li:nth-child(6) > ul {
	background-color: #ebebeb;
}
.wc-block-product-categories-list--depth-0 > li:nth-child(7),
.wpb_category_n_menu_accordion_list > li:nth-child(7),
.wpb_category_n_menu_accordion_list > li:nth-child(7) > ul {
	background-color: #8cc9ec;
}*/
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.current-cat > a {
	background-color: var(--grey-dark);
	color: var(--grey-light)!important;
}
/*.wpb_wmca_accordion_wrapper_theme_dark > ul > li.wpb-wmca-current-cat-parent > a,*/
.wpb_wmca_accordion_wrapper_theme_dark > ul > li > a:hover {
	background-color: var(--background-color2); /*(--grey-dark);*/	
	color: var(--grey-light)!important;
}

/* Aufklappbare Kategorien alle mit grauem Hintergrund */
.wpb_category_n_menu_accordion_list > li,
.wpb_category_n_menu_accordion_list > li > ul {
	background-color: var(--grey-light)!important;
}
.wpb_category_n_menu_accordion > ul > li {
	border-bottom: 5px solid #fff;
}
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.wpb-wmca-current-cat-parent > a:not(:hover) {
	background-color: transparent;
}
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.wpb-submenu-indicator-minus:not(.current-cat) > a,
.wpb_wmca_accordion_wrapper_theme_dark > ul ul {
  background-color:transparent;
}
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.wpb-submenu-indicator-minus > a:hover {
  background-color: var(--background-color2); /*(--grey-dark);*/	
}
.wpb_wmca_accordion_wrapper_theme_dark ul > li li a:not(:hover) {
  color: var(--body-color) !important;
}
.wpb_wmca_accordion_wrapper_theme_dark > ul > li:not(:last-child) > a {
  border-bottom: none!important;
}
.wpb_wmca_accordion_wrapper_theme_dark > ul > li li > a:hover {
	border-color: var(--background-color2)!important;
	color: var(--background-color2)!important;
}
.wpb_wmca_accordion_wrapper_theme_dark > ul > li li.current-cat > a {
	border-color: var(--grey-dark);
}

.wpb-submenu-indicator,
.wpb_wmca_accordion_wrapper_theme_dark li > a:hover > span.wpb-submenu-indicator{
	color: transparent;
}
.wpb-submenu-indicator:after {
	content: "\2BC6";
	color: #121212;
	font-size: 16px;
}
.wpb_category_n_menu_accordion_list > li > a:hover > .wpb-submenu-indicator:after,
.wpb_category_n_menu_accordion_list > li.current-cat > a > .wpb-submenu-indicator:after {
	color: #fff;
}
.cat-item-have-child.wpb-submenu-indicator-minus > a > .wpb-submenu-indicator:after {
	content: "\1F861"; /*"\2BC5";*/
}
.wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a > span.wpb-submenu-indicator {
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  transform: none;
}

.wpb_category_n_menu_accordion ul li .wpb-wmca-cat-count {
	display: inline-block;
  	position: relative;
	top: 0;
	right: 0;
  	text-align: left;
	font-size: 15px;
	color: inherit;
  	background: transparent;
}
.wpb_category_n_menu_accordion ul ul li .wpb-wmca-cat-count {
  top: 0;
}
.wpb_category_n_menu_accordion ul li .wpb-wmca-cat-count:before {
	content: "\00a0\00a0(";
}
.wpb_category_n_menu_accordion ul li .wpb-wmca-cat-count:after {
	content: ")";
}

/* sidebar category list TEST */
/*.wc-block-product-categories-list--depth-1:before {
	position: absolute;
	content: "\2BC6";
	margin-left: 80%;
}
.wc-block-product-categories-list--depth-1:after {
	position: absolute;
	content: "\2BC6";
}*/


/*-----------------------------*/
/*----- shop (front) page -----*/
/*-----------------------------*/
.home .storefront-sorting {
	display: none!important;
}
li.product-category {
/*	width: 100% !important;
  	margin-bottom: 5px !important;
	text-align: left!important;*/
  	margin-bottom: 15px !important;
}
li.product-category:last-of-type {
  	margin-bottom: 50px !important;
}
li.product-category img {
	display:none!important;
}
li.product-category h2 {
	font-size: 23px!important;
	font-weight: bold!important;
}


/*---------------------------*/
/*----- product sorting -----*/
/*---------------------------*/
@media (min-width: 1281px) {
  .storefront-sorting:nth-of-type(1) {
	display: grid;
	/*grid-template-columns: 1fr 120px;*/
	  grid-template-columns: 1fr 1fr 120px;
  }
}
.storefront-sorting .woocommerce-notices-wrapper {
	grid-column-start: 1;
  	grid-column-end: 3;	
}
.storefront-sorting .woocommerce-notices-wrapper + div {
	grid-column-start: 1;
  	grid-column-end: 1;	
}
.storefront-sorting .wc-block-components-checkbox {
  margin-top: 0.3em;
}
.storefront-sorting .woocommerce-ordering {
	grid-column-start: 2;
  	grid-column-end: 2;
	text-align: right;
	font-size: .875em;
}
.storefront-sorting .woocommerce-result-count {
	grid-column-start: 3;
  	grid-column-end: 3;	
	font-size: .875em;
}


/*--------------------------*/
/*----- product filter -----*/
/*--------------------------*/
  #secondary .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
  	width: auto;
  	display: inline-block;
	padding-right: 30px;
}
#secondary .widget {
	margin: 0 0 20px;
}
#secondary .wp-block-heading {
	margin-bottom: 0;
}
  #secondary .widget-area div > .wp-block-woocommerce-filter-wrapper:nth-of-type(1) {
	margin-top: 30px;
}
  #secondary .wc-block-active-filters__list-item-type {
	display: none!important;
}
  #secondary .wc-block-active-filters .wc-block-active-filters__list li {
	display: inline-block;
	margin-top: 0;
	margin-right: 10px !important;
}
#secondary .wc-blocks-filter-wrapper h3 {
	font-size: .875em;
	color: #121212;
}
#primary .wc-blocks-filter-wrapper  h3 {
	display: none;
}
  #secondary .wc-block-active-filters .wc-block-active-filters__clear-all {
	margin-top: 0!important;
}
  #secondary .wc-block-attribute-filter-list .wc-block-components-checkbox {
	margin-top: 0;
}

#primary .wc-block-attribute-filter-list > li {
	display: inline-block;
}
#primary .wc-block-components-checkbox-list li {
	margin-right: 5px;
}
#primary .wc-block-attribute-filter__actions {
	display: none;
}


/* form fields */
#primary .wc-block-components-checkbox__input {
	margin-right: 0.5em;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
	border-radius: 0!important;
}
select {
	border-radius: 0!important;
	border: 1px solid var(--body-color);
	background-color: #fff;
	font-family: var(--body-font);
}


/*----------------------------------------------*/
/*----- product categories listing (cards) -----*/
/*----------------------------------------------*/
ul.products li.product-category h2 {
/*ul.products li.product .woocommerce-loop-category__title {*/
	font-size: 20px;
}
@media (min-width: 768px) and (max-width: 1790px) {
	ul.products li.product img {
	/*max-height: 210px;*/
		max-height: 12vw;
		width: auto;
	}
}
@media (min-width: 1791px) {
	ul.products li.product img {
		max-height: 210px;
		width: auto;
	}
}



/*----------------------------*/
/*----- products listing -----*/
/*----------------------------*/
#main > .storefront-sorting:nth-of-type(2) {
	margin-bottom: 0;
}
#main > .storefront-sorting:nth-of-type(2) .woocommerce-ordering {
	display: none;
}
.home .wp-block-woocommerce-filter-wrapper {
	display: none;
}
.wp-block-post-title :where(a) {
	font-family: var(--headings-font);
  font-size: 1rem;;
}

@media (min-width: 457px) {
	ul.products,
	ul.wc-block-product-template {
/*		display: grid;
  		grid-template-columns: 1fr 1fr 1fr;
  		grid-auto-rows: 1fr;
  		grid-gap: 1.5rem;
  		justify-items: center;
  		margin: 0;
  		padding: 0;*/
		display: grid;
  		grid-template-columns: repeat(auto-fill,minmax(16rem,1fr));
  		grid-gap: 1rem;
	}
	.site-main ul.products li.product,
	.wc-block-product-template li.product {
    	width: 100%!important;
    	margin-right: 0!important;
		margin-bottom: 25px !important;
		/*padding-bottom: 15px;*/
		display: flex;
  		flex-flow: column nowrap;
	}
	ul.products li.product .woocommerce-LoopProduct-link,
	.wc-block-product-template li.wc-block-product {
		display: flex;
  		flex-flow: column nowrap;
		height: 100%;
	}
	ul.products::before, ul.products::after,
	ul.wc-block-product-template::before, ul.wc-block-product-template::after {
		display: block;
		content: inherit;
	}
/*	ul.products li.product .woocommerce-loop-product__title {
		align-self: center;
		margin-top: auto;			
	}*/
	ul.products li.product .price,
	li.wc-block-product .wp-block-woocommerce-product-price {
		align-self: center;
		margin-top: auto;		
	}
	li.product .onsale {
		position: absolute;
  		background-color: #fff;
	}
	.add_to_cart_button {
/*		position: absolute;
		bottom: -50px;
		left: 0;
    	right: 0;
    	margin-inline: auto;
    	width: fit-content;*/
		align-self: center;
		margin-top: auto;
	}
}


/*--------------------*/
/*----- product  -----*/
/*--------------------*/
.product #tab-description table td {
	padding: 0;
}
.single-product div.product .summary {
	margin-bottom: 1.5em;
}
@media (min-width: 768px) {
  .woocommerce-tabs {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
}


/*----- ask a question -----*/
.ui-widget button {
	background-color: var(--blue-light)!important;
	border-color: var(--blue-light)!important;
	outline-color: var(--blue-light)!important;
  border-radius: 9999px;
  font-size: inherit;
  padding: 20px;
  line-height: 1;
}
.ui-widget {
  font-family: var(--body-font)!important;
}
.ui-dialog .ui-dialog-titlebar {
  background-color: var(--blue-dark)!important;
}
#enquiry a {
	font-weight: bold;
}
#enquiry-form input.contact-input, #enquiry-form .wdm-pef-form-row textarea {
	font-size: inherit!important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: var(--body-font)!important;
}
#enquiry-form .wdm-pef-form-row textarea {
  height: 100px!important;
}
.wdm-enquiry-action-btns {
  border-bottom: none!important;
}

/*-------------------*/
/*----- widgets -----*/
/*-------------------*/
.contact-section {
	border-top: 1px solid var(--grey-light);
	padding-top: 35px;
}

/*----------------*/
/*----- blog -----*/
/*----------------*/
.single-post .post-author {
	display: none;
}

/*-------------------------*/
/*----- text | titles -----*/
/*-------------------------*/
p {
  	font-family: var(--body-font);
	/*font-size: 22px;*/
}

h1, .alpha {
	font-family: var(--headings-font);
	font-size: var(--h1-font-size);
}
h2, .woocommerce-tabs .panel h2:first-of-type {
	font-family: var(--headings-font);
	font-size: var(--h2-font-size);
}
h3 {
	font-family: var(--headings-font);
	font-size: var(--h3-font-size);
}

.wp-block-button__link, .button, .added_to_cart, .wc-block-components-button {
  border-radius: 9999px;
  font-size: inherit;
  padding: 20px;
  line-height: 1;
}

/*---------------------------*/
/*----- Woocommerce  -----*/
/*---------------------------*/
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
	background-color: var(--blue-light);
	border-radius: 0;
}
.woocommerce-error {
	background-color: var(--red-dark);
}

.wc-block-components-notice-banner {
    color: inherit!important;
	border-radius: 0!important;
	border-left: .6180469716em solid rgba(0, 0, 0, .15) !important;
}

.wc-block-components-notice-banner.is-error {
  background-color: var(--red-light)!important;
  border-color: var(--red-dark)!important;
}

/*-------------------------------*/
/*------------ Blog  ------------*/
/*-------------------------------*/
.ptam-block-post-grid .ptam-block-post-grid-title {
  font-size: var(--h2-font-size);
}

/*--------------------------------*/
/*----- Complianz (Cookies)  -----*/
/*--------------------------------*/
@media (min-width: 1024px) {
 	.cmplz-cookiebanner {
    	margin: 0!important;
    	width: 100%!important;
	}
  	.cmplz-cookiebanner .cmplz-links.cmplz-documents {
    	grid-row-start: 4!important;
	}
}
.cmplz-cookiebanner .cmplz-message, .cmplz-message p {
	margin-bottom: 0!important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {	
	border-radius: 9999px!important;
}
	
	

/*---------------------------*/
/*----- design elements -----*/
/*---------------------------*/
.wp-block-separator {
  	width: 100%!important;
	border-bottom: 1px solid #ebebeb;
}
hr {
  background-color: #ebebeb;
}

/*------------------*/
/*----- footer -----*/
/*------------------*/
.site-footer {
  padding: 1.5em 0 1.5em;
}
@media (min-width: 768px) {
  .footer-widgets {
    padding-top: 1.5em;
/*    border-bottom: 1px solid rgba(0,0,0,.05);*/
  }
}
.footer-widgets .widget {
  margin: 0 0 2.1em;
}

.site-info {
  padding: 0;
}
/*.site-info a, .site-info br {
	display: none;
}*/
.storefront-handheld-footer-bar ul li.cart > a::before {
content: "";
  background-image: url("../../uploads/images-design/philimpex-cart.svg");
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: 38% 50%;
  height: 100%;
  width: 100%;
}