/*
Theme Name: Velcorex Revel
Theme URI: 
Author: studiowa.fr
Author URI: https://www.studiowa.fr
Description: Thème développé sur-mesure pour Velcorex Revel par studiowa.fr
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: velcorex-revel
Tags: 
*/

@font-face {
    font-family: 'Titillium Web';
    src: url('../velcorex-revel/assets/fonts/TitilliumWeb-Bold.eot');
    src: url('../velcorex-revel/assets/fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
        url('../velcorex-revel/assets/fonts/TitilliumWeb-Bold.woff2') format('woff2'),
        url('../velcorex-revel/assets/fonts/TitilliumWeb-Bold.woff') format('woff'),
        url('../velcorex-revel/assets/fonts/TitilliumWeb-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../velcorex-revel/assets/fonts/TitilliumWeb-Regular.eot');
    src: url('../velcorex-revel/assets/fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
        url('../velcorex-revel/assets/fonts/TitilliumWeb-Regular.woff2') format('woff2'),
        url('../velcorex-revel/assets/fonts/TitilliumWeb-Regular.woff') format('woff'),
        url('../velcorex-revel/assets/fonts/TitilliumWeb-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html {
scroll-behavior: smooth;
}

.wp-theme-twentytwentyfive :where(.wp-site-blocks :focus) {
outline-style: none;
outline-width: 0px;
}

.wp-block-product-specifications-item p {
margin: 0;
}
.wc-block-review-list {
padding: 0;
}
.woocommerce .wp-block-woocommerce-product-image-gallery {
max-width:100%;
}

.wp-block-template-part {
margin: 0;
}

.wp-block-product-specifications-item-attribute_pa_grammage,
.wc-block-product-filter-chips__items .term-velours #taxonomy\/product_cat-velours, 
.wc-block-product-filter-chips__items #taxonomy\/product_cat-autres-tissus {
display:none;
}

.link-ext {
margin-right:5px;
}

.link-ext a::after {
  position: absolute;
  display: inline-block;
  content: '➔';
  color: red;
  font-size: .77em;
  line-height: 0;
  margin-left: -3px;
  position: absolute;
  top: 0px;
  opacity: 0;
  transform: rotate(-45deg);
  transition: all 250ms ease-in-out;
}

.link-ext:hover > a::after {
	top: -3px;
	margin-left: 1px;
	opacity:1;
}

.wp-block-product-specifications-item__label {
width: 80px;
}

/*-- BOUTON COULEURS --*/

[id^="attribute_pa_couleur"], [id*="attribute_pa_couleur"],
[id^="couleur"], [id*="couleur"] {
aspect-ratio: 1 / 1;
font-size: 0;
width: 40px;
border-color: #BBB;
}

[id^="attribute_pa_couleur"] .wc-block-product-filter-chips__item[aria-checked="true"],
[id*="attribute_pa_couleur"] .wc-block-product-filter-chips__item[aria-checked="true"] {
background:initial;
}

#attribute_pa_couleur-blanc, #attribute\/couleur-blanc {
background: #ffffff;
color: #ffffff;
}

#attribute_pa_couleur-beige, #attribute\/couleur-beige {
background: #e3d4af;
color: #e3d4af;
}

#attribute_pa_couleur-bleu, #attribute\/couleur-bleu {
background: rgb(7, 7, 181);
color: rgb(7, 7, 181);
}

#attribute_pa_couleur-brun, #attribute\/couleur-brun {
background: rgb(62, 36, 12);
color: rgb(62, 36, 12);
}

#attribute_pa_couleur-orange, #attribute\/couleur-orange {
background: orange;
color: orange;
}

#attribute_pa_couleur-rose, #attribute\/couleur-rose {
background: rgb(242, 174, 187);
color: rgb(242, 174, 187);
}

#attribute_pa_couleur-violet, #attribute\/couleur-violet {
background: rgb(178, 62, 196);
color: rgb(178, 62, 196);
}

#attribute_pa_couleur-gris, #attribute\/couleur-gris {
background: #CCC;
color: #CCC;
}

#attribute_pa_couleur-jaune, #attribute\/couleur-jaune {
background: rgb(255, 183, 0);
color: rgb(255, 183, 0);
}

#attribute_pa_couleur-rouge, #attribute\/couleur-rouge {
background: rgb(181, 7, 7);
color: rgb(181, 7, 7);
}

#attribute_pa_couleur-noir, #attribute\/couleur-noir {
background: #000000;
color: #000000;
}

#attribute_pa_couleur-vert, #attribute\/couleur-vert {
background: rgb(0, 159, 8);
color: rgb(0, 159, 8);
}


.wp-block-product-specifications-item-attribute_pa_matieres,
.wp-block-product-specifications-item-attribute_pa_couleur,
.wp-block-product-specifications-item-attribute_coloris {
display: none;
}


/* WPCF7 */

.wpcf7-text, .wpcf7-file, textarea {
width: 100%;
}

.wp-theme-twentytwentyfive .wpcf7-list-item {
display: inline-block;
margin: 0;
}

.wp-theme-twentytwentyfive .wpcf7-form-control {
padding: 10px;

margin-top: 7px;
}

.btn-wcf7-submit [type="submit"] {
border: initial;
border-radius: 50px;
padding: 0;
border: 0;
color: white;
}

.btn-wcf7-submit {
background-color: var(--secondary);
color: white;
margin: auto;
padding: 0 14px;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}

.wpcf7-spinner {
margin: 0 0 0 10px;
display: none;
visibility: visible;
}
.submitting .wpcf7-spinner {
display: inline-block;
}

.wpcf7-radio .wpcf7-list-item {
margin-right: 10px;
}

.wpcf7-not-valid-tip {
font-size: 12px;
color: var(--secondary);
}


/* WOO ACCOUNT */

.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}

.woocommerce-account-custom-menu ul {
padding: 0;
list-style: none;
}

.woocommerce-account-custom-menu ul li {
list-style: none;
padding: 1em 0;
}

@media only screen and (max-width: 768px) {
.woocommerce-account-custom-menu ul li {
padding: .35em 0;
}
}

.woocommerce-MyAccount-content .woocommerce-button.wp-element-button {
padding: 6px;
margin: 5px !important;
font-size: 1rem;
}


/* Version mobile */

@media (min-width: 1110px) {
.hide-desktop {
display: none !important;
}
}

@media (max-width: 1109px) {
.hide-mobile {
display: none !important;
}
}



/* ========================================
   WPCF7
======================================== */

/* Conteneur du formulaire */
.contact-form {
	--form-color: #000000;
	--form-muted: #77716a;
	--form-border: #d9d4cd;
	--form-background: #FFFFFF;
	--form-accent: #000000;

	max-width: 720px;
	color: var(--form-color);
}

/* Champs */
.contact-form .form-field {
	margin-bottom: 24px;
}

.contact-form label {
	display: block;
	margin-bottom: 8px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}

/* Inputs, liste et message */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form select,
.contact-form textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 14px 16px;

	border: 1px solid var(--form-border);
	border-radius: 4px;
	outline: none;

	background-color: var(--form-background);
	color: var(--form-color);

	font-family: inherit;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;

	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		box-shadow 0.2s ease;
}

.contact-form textarea {
	min-height: 180px;
	resize: vertical;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
	color: var(--form-muted);
	opacity: 1;
}

/* Focus */
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
	border-color: var(--form-accent);
	background-color: #fff;
	box-shadow: 0 0 0 3px rgba(120, 102, 83, 0.14);
}

/* Bouton */
.contact-form input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 50px;
	padding: 13px 28px;

	border: 1px solid var(--form-accent);
	border-radius: 4px;
	cursor: pointer;

	background-color: var(--form-accent);
	color: #fff;

	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.02em;

	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}

.contact-form input[type="submit"]:hover {
	background-color: transparent;
	color: var(--form-accent);
}

.contact-form input[type="submit"]:active {
	transform: translateY(1px);
}

/* Mention des champs obligatoires */
.contact-form .form-required {
	margin: 14px 0 0;
	color: var(--form-muted);
	font-size: 13px;
}

/* Messages et erreurs Contact Form 7 */
.contact-form .wpcf7-not-valid-tip {
	margin-top: 6px;
	color: #a13e36;
	font-size: 13px;
}

.contact-form .wpcf7-not-valid {
	border-color: #a13e36 !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 24px 0 0;
	padding: 14px 16px;
	border-width: 1px;
	border-radius: 4px;
	font-size: 14px;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #70806a;
	background-color: #f0f4ee;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #b28b55;
	background-color: #faf5ec;
}

/* Mobile */
@media (max-width: 600px) {
	.contact-form input[type="submit"] {
		width: 100%;
	}
}

.product_cat-accessoires .sold-meter {
	display: none;
}


/* --- Tarteaucitron --- */

.wp-child-theme-velcorex-revel #tarteaucitronRoot button {
  border-radius: 0;
}

.wp-child-theme-velcorex-revel #tarteaucitronRoot div#tarteaucitron {
  left: 0;
  right: 0;
  margin: auto;
  top: 50% !important;
  transform: translateY(-50%);
}

.wp-child-theme-velcorex-revel div#tarteaucitronServices {
  box-shadow: 0 40px 60px rgba(0,0,0,.5);
  border-radius: 12px 0px 12px 12px;
}

.wp-child-theme-velcorex-revel #tarteaucitronRoot .tarteaucitronH1 {
  color: #444;
  margin: 40px 0 8px;
}

.wp-child-theme-velcorex-revel #tarteaucitronRoot button#tarteaucitronBack {
  background: rgba(0,0,0,.2);
}

.wp-child-theme-velcorex-revel #tarteaucitronRoot #tarteaucitronAlertBig {
  max-width: 360px;
  padding: 2em;
  right: 2em;
  left: auto;
  border-radius: 7px;
  background: white;
  color: black;
  bottom: 2em;
  opacity: 0;
  transition: all 300ms ease-in-out;
}

.wp-child-theme-velcorex-revel #tarteaucitronRoot.tarteaucitronBeforeVisible #tarteaucitronAlertBig {
  bottom: 2em;
  opacity: 1;
}

.wp-child-theme-velcorex-revel .tarteaucitron-modal-open {overflow: auto;}

.wp-child-theme-velcorex-revel #tarteaucitronAlertBig #tarteaucitronPrivacyUrl, 
.wp-child-theme-velcorex-revel #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog, 
.wp-child-theme-velcorex-revel #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, 
.wp-child-theme-velcorex-revel #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  color: #444;
  margin-bottom: 1.5em;
}

.wp-child-theme-velcorex-revel .tarteaucitronCheck, 
.wp-child-theme-velcorex-revel .tarteaucitronCross, 
.wp-child-theme-velcorex-revel .tarteaucitronPlus {
  display: none;
}

.wp-child-theme-velcorex-revel #tarteaucitronRoot .tarteaucitronDeny,
.wp-child-theme-velcorex-revel #tarteaucitronAlertBig #tarteaucitronCloseAlert, 
.wp-child-theme-velcorex-revel #tarteaucitronAlertBig 
.wp-child-theme-velcorex-revel #tarteaucitronPersonalize, 
.wp-child-theme-velcorex-revel #tarteaucitronAlertBig #tarteaucitronPersonalize2, 
.wp-child-theme-velcorex-revel .tarteaucitronCTAButton, 
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronPrivacyUrl, 
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronPrivacyUrlDialog, 
.wp-child-theme-velcorex-revel #tarteaucitronRoot .tarteaucitronDeny, 
.wp-child-theme-velcorex-revel #tarteaucitronRoot .tarteaucitronAllow {
  background: transparent;
  color: black;
  margin: 0;
  padding: 0 .5em;
  border-radius: 0;
}

.wp-child-theme-velcorex-revel #tarteaucitronRoot .tarteaucitronAllow {
  font-weight: bold;
}

.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronLine,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover,
.wp-child-theme-velcorex-revel #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronInfo,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  background: white;
  border: 0;
  color: #444;
  font-size: 16px;
  text-align: center;
}

.wp-child-theme-velcorex-revel #tarteaucitron .tarteaucitronBorder {
  border-top: 1px solid #DDD;
  border-color: #DDD!important;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}

.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected, 
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, 
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, 
.wp-child-theme-velcorex-revel .tac_activate .tarteaucitronAllow {
  border-radius: 100px;
  background-color: transparent;
  color: black;
}

.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
.wp-child-theme-velcorex-revel .tac_activate .tarteaucitronAllow,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
  border:2px solid #f26e09;
  background: transparent;
}

 

.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected, 
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronAsk .tarteaucitronAllow {
  border:2px solid black;
}

.wp-child-theme-velcorex-revel #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  background: white;
  border-top: 1px solid #DDD;
}

.wp-child-theme-velcorex-revel #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronInfo,
.wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  padding: 5px 15px;
}

.wp-child-theme-velcorex-revel #tarteaucitron .tarteaucitronH3 {
  font-size: 16px;
}

@media screen and (max-width: 480px) {

  .wp-child-theme-velcorex-revel #tarteaucitronRoot #tarteaucitronAlertBig {
    max-width: 90vw;
    padding: 5vw;
    right: 0;
    left: 0;
    bottom: 0;
    width: 90vw;
    text-align: center;
  }
  .wp-child-theme-velcorex-revel #tarteaucitronRoot.tarteaucitronBeforeVisible #tarteaucitronAlertBig {
    bottom: 0;
  }
  .wp-child-theme-velcorex-revel #tarteaucitronRoot .tarteaucitronDeny, .wp-child-theme-velcorex-revel #tarteaucitronAlertBig #tarteaucitronCloseAlert, .wp-child-theme-velcorex-revel #tarteaucitronAlertBig .wp-child-theme-velcorex-revel #tarteaucitronPersonalize, .wp-child-theme-velcorex-revel #tarteaucitronAlertBig #tarteaucitronPersonalize2, .wp-child-theme-velcorex-revel .tarteaucitronCTAButton, .wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronPrivacyUrl, .wp-child-theme-velcorex-revel #tarteaucitron #tarteaucitronPrivacyUrlDialog, .wp-child-theme-velcorex-revel #tarteaucitronRoot .tarteaucitronDeny, .wp-child-theme-velcorex-revel #tarteaucitronRoot .tarteaucitronAllow {
    padding: .5em;
  }

}