/*
 Theme Name:   GeneratePerf
 Theme URI:    https://generatepress.com/premium/?ref=4657
 Description:  GeneratePress child theme optimized for web performance and SEO. Includes advanced functionalities that does not impact loading times and improve website architecture.
 Author:       Agence Web Performance
 Author URI:   https://agencewebperformance.fr/
 Template:     generatepress
 Text Domain:  generateperf
 Version:      1.7.3
*/
/* ------------------------
Optimisations de la performance
------------------------ */
img[width][height] {
  content-visibility: auto;
}

.site-footer {
  content-visibility: auto;
  contain-intrinsic-size: 400px;
}

@media(min-width: 768px) {
  .site-footer {
    contain-intrinsic-size: 300px;
  }
}

.site-content ins {
  display: block;
  height: 280px;
  width: 100%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.site-content .product ins{
  height: auto;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
}

/* ------------------------
Utilisé par GeneratePerf
------------------------ */
html {
  -webkit-tap-highlight-color: transparent;
}

body.overlayed {
  overflow: hidden;
  height: 100%;
}

@media(min-width: 769px){
  .one-container.right-sidebar .site-main, .one-container.both-right .site-main {
    margin-right: 40px;
  }
}

svg.icon {
  vertical-align: top;
}

.entry-content p a[target="_blank"]::after,
.entry-content li a[target="_blank"]::after {
  display: inline-block;
  margin-left: .25em;
  width: .75em;
  height: .75em;
  vertical-align: -.125em;
  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" fill="%231B42D1"/></svg>');
}

[data-goto]:hover,
.gb-query-loop-item {
  cursor: pointer;
}

[data-goto]:not(.button):not(.gb-button):hover {
  text-decoration: underline;
}

.o50 {
  opacity: 50%;
}

.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  max-width: 100%;
  z-index: 99999;
  height: 5px;
}

p[role="doc-subtitle"] {
  margin-top: 1em;
}

.featured-image + .caption {
  text-align: right;
  opacity: .75;
  margin-top: -1.5em;
}

button, input, textarea {
  border-radius: var(--border-radius) !important;
}

/* ------------------------
Style global
------------------------ */

body.woocommerce .generate-columns-container  {
  margin-left: 0 !important;
}

.svg-circles .gb-icon svg {
  border: 2.5px solid var(--base-3);
  border-radius: 2em;
}

.cat-card svg {
  transition: transform .1s ease-in-out;
}

.cat-card:hover svg {
  transform: scale(1.1);
}

.avwp-av button.yes {
	background: var(--accent) !important;
}
.avwp-av button.yes:hover {
	background: var(--global-color-13) !important;
}

button{
	font-family:'Rowdies', sans-serif;
	font-weight:700;	
}


/* ------------------------
WooCommerce
------------------------ */

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce a.wp-element-button {
  color: var(--base-3);
  background-color: var(--global-color-11);
  border-radius: var(--border-radius);
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce a.wp-element-button:hover {
  color: var(--base-3);
  background-color: var(--global-color-13);
}

.single_add_to_cart_button {
  padding-top: .84em !important;
  padding-bottom: .84em !important;
}

button.wc-block-mini-cart__button {
  padding-left: 1em;
  padding-right: 1em;
}

button.wc-block-mini-cart__button:hover {
  opacity: 1;
}

.woocommerce-archive-wrapper .post-image {
  display: none;
}

.woocommerce-archive-wrapper .entry-content{
	margin-top:0;	
}

.wc-block-mini-cart {
  font-size: 15px;
}

.wc-block-mini-cart__button {
  background-color: transparent !important;
  /*color: var(--accent) !important;*/
}

.wc-block-mini-cart__button:hover {
  color: var(--global-color-13) !important;
  opacity: 1 !important;
}

.woocommerce-variation-price{
  margin:1em 0;
}
.woocommerce-variation-price .price{
  font-size:1.75em !important;
}
.woocommerce span.onsale{
  line-height: 2.9;
	background-color:var(--accent);
}

.woocommerce article.product span.onsale{
  font-size:1.3em;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{
	text-align:left;
}

.woocommerce-product-rating{
	margin:0 !important;	
}

.woocommerce .wc-block-grid__product{
	font-size:1em !important;	
}

.theme-twentytwenty .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product, .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product{
	font-size:1em !important;	
}

.wc-block-grid__product .wc-block-grid__product-title{
	color:var(--base) !important;	
}

.woocommerce .product_meta{
	padding-top:0;
}

.woocommerce div.product form.cart{
	margin-bottom:0.5em;	
}

.woocommerce .product .quantity{
	display:none !important;	
}

.woocommerce div.product form.cart .button{
	width:100%;
	text-transform:uppercase;
}

.woocommerce div.product .woocommerce-variation-description, .woocommerce div.product .woocommerce-variation-price{
	display:none;
}

.woocommerce-loop-product__title{
		font-family:'Rowdies', sans-serif;
	font-weight:300;
}

.woocommerce .product .price, .woocommerce .products .price{
	font-family:'Rowdies', sans-serif;
	font-weight:300 !important;
}

.woocommerce .product .summary p{
	margin-bottom:0.5em;	
}

.woocommerce .product .summary h1.product_title{
	font-family:'Rowdies', sans-serif;
	font-weight:700;
}

.variations .variations-list .value{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: none;
    justify-content: space-between;	
}
.variations .variation-item{
	display:block;
	position:relative;
	width:calc(50% - 8px);
	margin:15px 4px 0;
	height:auto;
	cursor:pointer;
}
.variations .variation-item.last{
	width:calc(100% - 2px);	
}
.variations .variation-item label{
	display:block;
	height:100%;
	border:solid var(--base) 1px;
}
.variations .variation-item input:disabled+label{
	opacity:.5;
}
.variations .variation-item .badge{
	position: absolute;
    font-size: 11px;
    line-height: 12px;
	text-transform:capitalize;
    color: var(--accent);
    background: var(--base);
    padding: 2px 6px;
    top: -1px;
    left: 50%;
    right: auto;
    transform: translate(-50%,-50%);
    z-index: 1;
    border: none;
    border-radius: 0;
}
.variations .variation-item input{
	appearance: none;
    -webkit-appearance: none;
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute;
}
.variations .variation-item .var-content{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: none;
    justify-content: space-between;	
	align-items: center;
	padding:5px;
}
.variations .variation-item .var-content .var-label{
	position:relative;
	width:50%;
	padding-left:10px;
	font-size:1.5em;
	font-family:'Rowdies', sans-serif;
	font-weight:700;
}
.variations .variation-item .var-content .var-label .var-price-weight{
	font-size: 0.5em;
    font-weight: 300;
    margin-left: 10px;
}
.variations .variation-item .var-content .var-price{
	position:relative;
	width:50%;
	padding-right:5px;
	text-align:right;
	font-size:1em;
	line-height:1.5em;
	font-family:'Rowdies', sans-serif;
	font-weight:400;
}

.variations .variation-item .var-content .eco-text{
	background: color-mix(in srgb, var(--accent) 60%, transparent);
	color: var(--base);
	font-size:.8em;
	padding:0 5px;
}
.variations .variation-item .var-content .eco-prix{
	font-size:.8em;
	opacity:.5;
}
.variations .variation-item input[type=radio]:checked+label{
	outline:solid 3px var(--accent);
	background: var(--base);
	color: var(--contrast);
}
.variations .variation-item input[type=radio]:checked+label .badge{
	background:	var(--accent);
	color: var(--base);
}
.variations .variation-item input[type=radio]:checked+label .eco-text{
	background: var(--accent);
}

/* ------------------------
Entête
------------------------ */

.site-branding-container {
  cursor: pointer;
}

.inside-header {
  justify-content: space-between;
}

.site-rassurance {
  flex: 0 0 auto;
}

@media (max-width: 768px) {
  .inside-header {
    row-gap: 1em;
  }
  .site-rassurance {
    order: 1;
    width: 100%;
  }
  .site-logo {
    order: 2;
  }
}

.footer-localisation .gb-button-text {
  text-align: left !important;
}

/*.site-rassurance .gb-button-text {
  color: var(--accent);
}*/

/* ------------------------
Contenus
------------------------ */

h1 img {
	border-radius: 50%;
}

.no-featured-image-padding .featured-image {
  margin-left: 0 !important;
}

@media(max-width: 768px) {
	h1{
		font-size:1.8em;	
	}
	
  .is-right-sidebar {
    margin-top: 40px;
  }
}

ol.wp-block-latest-comments {
  margin-left: 0;
}

.paging-navigation,
.text-center {
  text-align: center;
}

/* ------------------------
Pied de page
------------------------ */

.yoast-breadcrumbs,
.yoast-breadcrumbs a {
  color: #666666;
}

.yoast-breadcrumbs a:hover {
  text-decoration: underline;
}

.site-footer ul {
  list-style-type: none;
  margin-left: 0;
}
