/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


/***************************/
/********** TYPOS **********/
/***************************/

/* outfit-100 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/outfit/outfit-v15-latin-100.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/outfit/outfit-v15-latin-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/outfit/outfit-v15-latin-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/outfit/outfit-v15-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/outfit/outfit-v15-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/outfit/outfit-v15-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/outfit/outfit-v15-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/outfit/outfit-v15-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* outfit-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/outfit/outfit-v15-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/********************************/
/********** VARIABLES ***********/
/********************************/

:root {
  --orange: #f18819;
  --dark4: #303133;
  --gris: #878787;
  --vert: #228B22;
  --vert-clair: rgba(34, 139, 34, .2);
}


/*****************************/
/********** GÉNÉRAL **********/
/*****************************/

/* Titre avec icône + */
.titre-icone-plus::before {
  content: '';
  background-image: url(https://www.equipplus.lawebkitchen.fr/wp-content/uploads/2025/01/favicon-equip-plus.png);
  background-size: 50px 50px;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}

/* Titre avec icône + vert */
.titre-icone-plus.titre-vert::before {
  background-image: url(https://www.equipplus.lawebkitchen.fr/wp-content/uploads/2025/02/favicon-equip-plus-vert.png);
}

.titre-icone-plus.titre-vert hr.separator-break.separator-accent {
  border-color: var(--vert) !important;
}

/* Reset position dernier éléments carrousel */
.carrousel-produits .t-entry-title {
  transform: translateY(0) !important;
}

/* Couleur titre adresse Icon Box (pages Acuueil et Nos agences) */
.icon-box-adresse {
  color: var(--dark4);
}

/* Grilles catégories et équipe */
.grille-categories .tmb-overlay-showed.tmb .t-entry-visual .t-entry-visual-overlay,
.grille-equipe .tmb-overlay-showed.tmb .t-entry-visual .t-entry-visual-overlay {
  opacity: .5;
}

.grille-categories .t-entry-title {
  text-shadow: 0px 0px 6px var(--orange);
}

.grille-equipe .tmb .t-entry .t-entry-meta span {
  font-size: 17px;
  font-weight: 400;
}

.grille-equipe .t-entry-excerpt {
  color: var(--orange) !important;
  font-size: 15px;
  font-weight: 600;
}

.grille-equipe .t-entry-visual {
  position: relative;
  overflow: visible;
}

.grille-equipe .t-entry-visual::after {
  content: '';
  background-image: url(https://www.equipplus.lawebkitchen.fr/wp-content/uploads/2025/01/favicon-equip-plus.png);
  background-size: 40px 40px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 15%;
  right: 15%;
  z-index: -999;
  transition: .25s ease-out;
  /*mix-blend-mode: color-dodge;*/
}

.grille-equipe .t-entry-visual:hover::after {
  /*background-size: 60px 60px;
  width: 60px;
  height: 60px;*/
  top: 0;
  right: 0;
}


/****************************/
/********** TITRES **********/
/****************************/

/* Taille des titres sur mobile */
@media (max-width: 569px) {

  h2:not([class*="fontsize-"]),
  .h2:not([class*="fontsize-"]) {
    font-size: 28px;
  }
}


/**************************/
/********** MENU **********/
/**************************/

/* Transparence background menu déroulant */
.submenu-dark .menu-horizontal .menu-smart ul {
  background-color: rgba(20, 22, 24, .9);
}

/* Bouton CTA en minuscules */
.bouton-cta {
  font-size: 16px !important;
  line-height: 20px;
  letter-spacing: 0.05em !important;
  padding: 18px 18px !important;
}

.bouton-depannage {
  font-size: 12px !important;
  padding: 9px 18px 27px !important;
  position: relative;
}

.bouton-depannage::after {
  font-size: 16px !important;
  content: '04 90 20 30 30';
  position: absolute;
  bottom: 9px;
  left: 50%;
  transform: translateX(-50%);
}

/*.bouton-cta {
  padding: 13.5px 18px !important;
}

#menu-item-2603 .menu-btn-table {
  position: relative;
}

#menu-item-2603 .menu-btn-table::before {
  content: 'Besoin d\'un dépannage ?';
  font-size: 12px;
  text-transform: uppercase;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}*/

/* Titres Mega Menu cliquable */
@media (min-width: 960px) {
  .menu-horizontal .menu-smart>.mega-menu .mega-menu-inner>li>a {
    pointer-events: auto;
    cursor: pointer;
    text-transform: uppercase;
  }
}

/* Marge entre les titres Mega Menu */
@media (min-width: 960px) and (max-width: 1399px) {

  #menu-item-1029,
  #menu-item-1036,
  #menu-item-1044 {
    ul+a {
      margin-top: 25px !important;
    }
  }
}

@media (min-width: 1400px) {

  #menu-item-1030,
  #menu-item-1033,
  #menu-item-1044 {
    ul+a {
      margin-top: 25px !important;
    }
  }
}

/* Menu petit bureau */
@media (min-width: 960px) and (max-width: 1199px) {

  #menu-item-94 {
    display: none;
  }

  .menu-smart>li>a {
    padding: 0px 7px !important;
  }

  .menu-smart i.fa-dropdown {
    display: none;
  }
}


/*****************************/
/********** ACCUEIL **********/
/*****************************/

/* Taille typo chiffres animés sur mobile */
@media (max-width: 569px) {
  .uncode-counter {
    font-size: 50px;
  }
}


/******************************/
/********** BOUTIQUE **********/
/******************************/

/* Couleur pastille catégorie */
.tmb-color-colored-ui,
.tmb .t-cat-over a.bordered-cat {
  color: var(--orange) !important;
}

/* Marque */
.t-entry-attribute-image__item {
  color: var(--orange);
  font-weight: 600;
  pointer-events: none;
}

/* Icône écologique */
.ecoresponsable-overlay {
  position: absolute;
  top: 30px;
  right: 20px;
  width: 40px;
  height: 40px;
  z-index: 10;
}

.ecoresponsable-overlay img {
  width: 100%;
  height: auto;
}


/*****************************/
/********** FILTRES **********/
/*****************************/

/* Catégories principales en majuscules */
#filtre-categorie .term-filters-list>.term-filter>label {
  text-transform: uppercase;
}

/* Équipements écologiques */
#filtre-ecoresponsable .widget-title,
#filtre-ecoresponsable .term-filter a,
#filtre-ecoresponsable .swatch {
  color: var(--vert) !important;
  border-color: var(--vert-clair) !important;
}

#filtre-ecoresponsable .widget-title::after {
  content: '';
  background-image: url(https://www.equipplus.lawebkitchen.fr/wp-content/uploads/2025/02/equip-plus-equipement-ecologique.png);
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -20px;
  margin-left: 2px;
}


/**********************************/
/********** PAGE PRODUIT **********/
/**********************************/

/* Fil d'ariane */
#fil-ariane-produit {
  font-weight: 500;
  text-transform: uppercase !important;
}

#fil-ariane-produit li a {
  color: var(--dark4);
}

#fil-ariane-produit li a:hover {
  color: var(--orange);
}

/* Largeur label Custom Fields */
.detail-container .detail-label {
  min-width: 176px;
}

.detail-container .detail-value {
  color: var(--dark4);
}

.shop_attributes th {
  min-width: 185px;
}

/* Attributs */
.shop_attributes {
  margin: 0;
}

.shop_attributes th {
  line-height: 1;
}

/* Attribut marque */
#marque-page-produit .shop_attributes {
  margin-bottom: 9px;
}

#marque-page-produit tr:not(.woocommerce-product-attributes-item--attribute_pa_marque),
#marque-page-produit tr th {
  display: none;
}

#marque-page-produit tr td p a {
  color: var(--orange);
  font-size: 21px;
  font-weight: 600;
}

/* Tonnage */
#tonnage-page-produit {
  margin-top: 0;
}

#tonnage-page-produit tr:not(.woocommerce-product-attributes-item--attribute_pa_tonnage) {
  display: none;
}

/* Équipements (sauf marque et tonnage) */
#equipements-page-produit tr.woocommerce-product-attributes-item--attribute_pa_marque,
#equipements-page-produit tr.woocommerce-product-attributes-item--attribute_pa_tonnage {
  display: none;
}

/* Alignement haut attributs */
.shop_attributes th {
  vertical-align: top;
}

@media (max-width: 959px) {
  .shop_attributes th {
    line-height: 1.75;
    padding: 0;
  }
}

/* Marge bouton devis selon écran */
@media (min-width: 570px) {
  .bouton-fiche-technique {
    margin-right: 18px;
  }
}

@media (max-width: 569px) {
  .bouton-fiche-technique {
    margin-bottom: 9px;
  }
}


/***************************/
/********** NOS + **********/
/***************************/

/* Espace insécable point d'interrogation texte icône dépannage */
.icone-depannage .icon-box-heading .h3::after {
  content: ' ?';
}


/********************************/
/********** FORMULAIRE **********/
/********************************/

/* Style titre formulaire */
.titre-formulaire {
  color: var(--orange) !important;
  text-transform: uppercase;
}

@media (min-width: 570px) {
  .titre-formulaire:first-of-type {
    margin-bottom: 20px;
  }
}

@media (max-width: 569px) {
  .titre-formulaire:not(:first-of-type) {
    margin-top: 50px;
  }
}

/* Formulaire de contact - Checkbox block */
span.wpcf7-list-item {
  display: block;
}

/* Formulaire de contact - Responsive */
@media (min-width: 570px) {
  .container-formulaire {
    display: table;
    /*table-layout: fixed;*/
    width: 100%;
  }

  .champ-formulaire {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 0px 9px 0px 9px;
  }

  .container-formulaire .champ-formulaire:first-child {
    padding-left: 0px;
  }
}

@media (max-width: 569px) {
  .wpcf7-inline-field {
    display: inline-block !important;
    width: 100% !important;
    padding: 0px !important;
  }

  form .wpcf7-inline-wrapper:nth-child(2) p {
    margin-top: 18px;
  }

  .wpcf7-inline-wrapper+.wpcf7-inline-wrapper {
    margin-top: 0px;
  }
}


/****************************/
/********** FOOTER **********/
/****************************/

/* Responsive section avec slogan sur petit bureau */
@media (min-width: 960px) and (max-width: 1440px) {
  #section-avec-slogan .slogan-footer {
    width: 66.66666667%;
  }

  #section-avec-slogan .espace-vide-footer {
    width: 33.33333333%;
  }

  #section-avec-slogan .menu-footer {
    width: 33.33333333%;
    padding-top: 36px;
  }

  #section-avec-slogan .cols-md-responsive {
    display: flex;
    flex-wrap: wrap;
  }
}

/* Padding copyright */
footer .footer-center {
  padding-top: 72px;
  padding-bottom: 72px;
}

/* Signature La Web Kitchen */
.site-info .separateur-copyright {
  padding: 5px;
}

@media (min-width: 768px) {
  .site-info br {
    display: none;
  }
}

@media (max-width: 767px) {
  .site-info .separateur-copyright {
    display: none;
  }
}


/*****************************************/
/********** CRÉATION DE PRODUIT **********/
/*****************************************/

/* Tableau */
#tableau-custom-fields th,
#tableau-custom-fields td {
  vertical-align: top;
  line-height: 1.75;
}

#tableau-custom-fields th[scope="row"] {
  color: green;
}