/*
Theme Name: Qlovis
Description: Theme enfant de GeneratePress
Author: QLOVIS
Author URI: https://qlovis.fr/
Template: generatepress
Version: 0.1.0
*/

.post-3 .inside-article,
.post-30 .inside-article,
.post-1051 .inside-article {
    padding-top: 0px;
}
.page-id-3 .site-main,
.page-id-30 .site-main,
.page-id-1051 .site-main{
	margin-top:0px;
}

.page-id-3 .page-hero,
.page-id-30 .page-hero,
.page-id-1051 .page-hero {
	padding-bottom:64px;
}


.hero-women {
	margin-top:64px !important;
	min-height: 400px;
	background-size: cover;
	background-repeat: no-repeat;
	margin:0 -40px 0 -40px;
}

.hero-men {
	margin-top:64px !important;
	min-height: 400px;
	background-size: cover;
	background-repeat: no-repeat;
	margin:0 -40px 0 -40px;
}

@media (min-width: 769px) {
	.hero-women,
	.hero-men{
		min-height: 500px;
	}
}

@media (min-width: 1440px) {
	.hero-women,
	.hero-men{
		min-height: 600px;
	}
}

.navigation-branding img, .site-logo.mobile-header-logo img {
	max-height: 70px;
}
.mobile-header-navigation .site-logo.mobile-header-logo img {
	max-height: 70px;
}

.slideout-navigation .inside-navigation #block-7 {
	width:100%;
	text-align:center;
}

.slideout-navigation .inside-navigation{
	padding: 0px 12px 0px 12px !important;
}

.collecButton {
	margin-top:40px;
	display:flex;
	gap:15px;
	justify-content:center;
	flex-wrap:wrap;
}

.mainButton {
	padding: 12px 20px;
	background-color: var(--contrast);
	color: var(--base-3);
}
.mainButton:hover {
	color: var(--base-3);
}

.secondaryButton {
	padding: 12px 20px;
	font-weight:500;
	background-color: var(--nude);
    color: var(--base-3);
	display: inline-flex;
	align-items: center;
	column-gap: 0.5em;
}
.secondaryButton:hover {
	background-color: var(--accent);
    color: var(--base-3);
}

    

.archive .woocommerce-loop-product__title {
	text-align:center;
}

#tab-additional_information > table.shop_attributes th,
#tab-additional_information > table.shop_attributes td{
	text-align:left;
	padding:15px !important;
	}

@media (min-width: 425px) {
		#tab-additional_information > table.shop_attributes th,
	#tab-additional_information > table.shop_attributes td{
		white-space: nowrap;
	}
}

.mt-n100 {
	margin-top: -80px;
}

.navigation-branding img, .site-logo.mobile-header-logo img {
	width: 230px !important;
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	transform:translate3d(0, 0, 0) !important;
}

.home.separate-containers .inside-article,
.term-collection-femme.separate-containers .inside-article,
.term-collection-homme.separate-containers .inside-article{
	padding:0px 40px 40px 40px !important;
}

.home.separate-containers .site-main,
.term-collection-femme.separate-containers .site-main,
.term-collection-homme.separate-containers .site-main{
    margin: 0px 40px 40px 40px;
}
.page-hero {
  position: relative;
  z-index: 1;
}

.page-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  pointer-events: none;
  z-index: -1;
}

.home .hero-page .inside-page-hero.grid-container.grid-parent{
	max-width:650px;
}

.hero-page .inside-category-hero{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}

.slogan{
	color:var(--accent);
}

/* Footer */

.footerBG::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  pointer-events: none;
  z-index: -1;
}

/*-- Navigation --*/

.main-navigation {
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
}

/*--- Off Canvas Panel ---*/
/* Off Canvas Panel Widget styling */
.slideout-widget.woocommerce ul li {
	line-height: 2em;
	display: grid;
	grid-template-columns: 0 90% 10%;
}

.slideout-navigation .slideout-widget ul.product-categories li {
	grid-template-columns: 90% 10%;
}

.slideout-widget:not(:first-of-type) {
	border-top: 1px solid #ccc;
	padding-top: 2em;
}

.slideout-widget ul li{
	line-height: 1.8em;
}

/*=== WOOCOMMERCE ===*/
/*--- SINGLE PRODUCT ---*/

/* Breadcrumn and post meta styling */
.product_meta>span,
.woocommerce-breadcrumb {
	text-transform: uppercase;
	font-size: 12px !important;
	font-weight: 500;
}

.woocommerce div.product div.summary .woocommerce-breadcrumb {
	margin-bottom: 40px;
}

/*--- SHOP AND ARCHIVE ---*/

.woocommerce-ordering:after {
	right: 25px;
	top: 8px;
}

/* Position Filter breadcrumb results and ordering */
.woo-filter-toggle,
.woocommerce.archive .wc-columns-container .woocommerce-breadcrumb {
	margin-right: 20px;
	float: left;
	font-size: 1rem !important;
	font-weight: 300;
	line-height: 20px;
}

.woocommerce-breadcrumb>a{
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

.woo-filter-toggle a {
	color: #000;
}

.main-navigation ul li.slideout-toggle {
	display: none !important;
}

.woocommerce .woocommerce-result-count {
	float: right;
	margin-right: 20px;
}

.woocommerce-ordering select {
	text-transform: uppercase;
	max-width: 200px;
	font-weight: 300;
	border: 0;
}

.woo-filter-toggle a:before {
	padding-right: 2px;
	position: relative;
	top: 1px;
}

/* Woo category nav */

.woo-cat-nav {
	list-style-type: none;
	margin-left: 0;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 80px;
}

.woo-cat-nav li {
	padding: 5px 0;
	margin: 0 10px;
	border-bottom: 1px solid #ccc;
	font-size: 0.95em;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.woocommerce .woocommerce-result-count {
		display: none;
	}

	#wc-column-container .product {
		margin-bottom: 2em;
	}

	.woo-cat-nav {
		margin-bottom: 40px;
	}

	h1.woocommerce-products-header__title,
	.term-description {
		text-align: center;
	}

	.woo-cat-nav {
		justify-content: center;
	}
	
	.woocommerce ul.products li.product a.button {
		margin-right: unset !important;
		padding: 10px 0;
	}
}

/* Shop Product Styling */

/* Reduce Grid Gap */
.wc-columns-container .products,
.woocommerce .related ul.products,
.woocommerce .up-sells ul.products {
	grid-gap: 20px;
}

/* Remove add to cart styling */
.woocommerce ul.products li.product a.button {
	padding: 5px 0;
	color: inherit;
	background-color: #ffffff;
	text-transform: uppercase;
}

/* Transform add to cart and pricing on hover */
@media (min-width: 769px) {
	.woocommerce ul.products li.product a.button {
		transform: translateY(0);
		width: 100%;
		opacity: 0;
		transition: all 0.4s;
	}

	.woocommerce ul.products li.product:hover a.button,
	.woocommerce ul.products li.product:hover .price {
		transform: translateY(calc(-100% - 10px));
		opacity: 1;
	}

	.woocommerce ul.products li.product .price {
		opacity: 1;
		transition: all 0.4s;
	}

	.woocommerce ul.products li.product:hover .price {
		opacity: 0;
		transform: translateY(calc(-100% - 10px));
	}
}

/* Woocommerce Tabs */

.woocommerce-tabs h2 {
	display: none;
}

@media (min-width: 769px) {
	.slideout-navigation .main-nav {
		display: none;
	}
}

/* Category Shortcode Hover effect */
.product-category .wc-product-image .inside-wc-product-image {
	overflow: hidden;
}

.product-category .wc-product-image img {

	transition: all 0.3s;
}

.product-category .wc-product-image:hover img {
	transform: scale(1.1);
	transition: all 0.3s;
}

ul.wc-block-product-template.wc-block-product-template {
	margin: 0;
}

.woocommerce-product-details__short-description {
	display:flex;
	flex-direction:row;
	gap:10px;
	flex-wrap:wrap
}

.woovr-variations.woovr-variations-default {
	display:flex;
	gap:10px;
}
.woovr-variations .woovr-variation {
	border:1px solid #ccc !important;
	margin:0px !important;
	gap:10px !important;
	padding:0 5px 0 0 !important;
}

.woovr-variations .woovr-variation .woovr-variation-selector{
	display:none;
}

.woovr-variation-name label{
	font-weight:400;
	font-size:0.9rem;
}

.woovr-variation.woovr-variation-radio.woovr-variation-active {
	background-color:#000;
	border:1px solid #000;
	color:var(--base-3);
}

.woovr-variation.woovr-variation-radio.woovr-variation-active:hover {
    background-color: #000;
    border: 1px solid #000;
    color: var(--base-3);
}

.summary.entry-summary .product_meta,
.woocommerce-tabs.wc-tabs-wrapper{
	display:none;
}

/* home boutons suivant precedent */
.wc-block-next-previous-buttons__button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.wc-block-next-previous-buttons__icon path {
    transform-box: fill-box;
    transform-origin: center;
    transform: scale(0.7);
}

@media (min-width: 992px) {
    .is-product-collection-layout-carousel > .wc-block-product {
        min-width: 20%;
    }
}
.is-product-collection-layout-carousel .wc-block-product {
    max-width: 264px;
}