/* ******************************** */
/* NE PAS MODIFIER */
/* ******************************** */
:focus{outline: none!important}
/* MATOMO */
.matomo-mesure-audience{display:none}


/* ******************************** */
/* A MODIFIER */
/* ******************************** */

/* COULEURS */
/* ******************************** */
/*
à mettre à jour et à utiliser dans ce fichier var(--e-global-color-xxxxxxxx)
Une fois les couleurs paramétrées dans Elementor, aller sur le site, inspecter le code et récupérer les éléments couleurs dans
.elementor-kit-6 {

--e-global-color-primary: #AF1116;
--e-global-color-secondary: #333333;
--e-global-color-text: #666666;
--e-global-color-accent: #D22036;
--e-global-color-a7184e6: #FFFFFF;
--e-global-color-2d085e7: #000000;
--e-global-color-af9fcba: #222222;
--e-global-color-e47e90b: #444444;
--e-global-color-14c85d8: #414042;
--e-global-color-80f1f65: #F7E7E7;
*/

.elementor-kit-6 {
  --rouge: var(--e-global-color-primary);
  --gris333: var(--e-global-color-secondary);
  --text: var(--e-global-color-text);
  --blanc: var(--e-global-color-a7184e6);
  --noir: var(--e-global-color-2d085e7);
  --gris222: var(--e-global-color-af9fcba);
  --gris444: var(--e-global-color-e47e90b);
  --gris414042: var(--e-global-color-14c85d8);
  --beige: var(--e-global-color-80f1f65);
}


/* LISTES A PUCES */
/* ==================*/
/* changement de couleur des puces : ="%23000000  par ="%23CODEHEXA */

/* Pour ajout de nouvelle puce
 1- à partir d'un svg (https://www.svgrepo.com/) ou enregistré depuis AI -
    l'encoder pour une utilisation dans CSS    https://yoksel.github.io/url-encoder/
    Coller le code du SVG dans "Insert SVG:"
    Cliquer sur Single dans "External quotes: single /double"
    Récupérer le code dans "Ready for CSS:" sans background-image:

2- ci-dessous coller dans une variable

3- Mettre à jour background-image: var(--puce) ci-dessous dans dans .elementor-widget-text-editor li:before

*/
.elementor-kit-6{
  /* check */
  --puce-li: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3Csvg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="check"%3E%3Cpath id="Vector" d="M6 12L10.2426 16.2426L18.727 7.75732" stroke="%23666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/svg%3E');
  /* square */
  /*
  --puce-li:url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3Csvg fill="%23000000" viewBox="0 0 50 50" version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" overflow="inherit"%3E%3Cpath d="M1 1h48v48h-48z"/%3E%3C/svg%3E');
  */
  /* circle */
  /*
  --puce-li:url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E %3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Ctitle%3Ecircle%3C/title%3E%3Ccircle cx="12" cy="12" r="6" fill-rule="evenodd" fill="%23000000" /%3E%3C/svg%3E');
  */
  /* chevron */
  /*
  --puce-li:url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E %3Csvg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10 17L15 12L10 7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="%23000000" /%3E%3C/svg%3E');
  */
}

/* liste à puces par défaut de l'éditeur html on coupe les puces par défaut */
.elementor-widget-text-editor ul, .elementor-widget-text-editor li{list-style:none;}
/* indentation de la liste à puce*/
.elementor-widget-text-editor ul{padding-inline-start: 1.5rem;margin-bottom: 10px;margin-top: -8px;}
/* indentation au retour à la ligne sous la puce   -  valeur = padding-right + font-size */
.elementor-widget-text-editor li{text-indent: 0px; margin-left: 0px;}
/* .elementor-widget-text-editor li{text-indent: -18px; margin-left: 18px;} */
.elementor-widget-text-editor li{position:relative;}
.elementor-widget-text-editor li:before{content: "";position: absolute;left: -23px;top: 5px;width: 18px;height: 18px;background-repeat: no-repeat;background-image: var(--puce-li)}


/* ==================*/
/* FORMULAIRES  */
/* ==================*/

/* FORMULAIRES : champs */
/* ==================*/
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea  {color: var(--e-global-color-text)!important;padding: 10px!important;background-color: #fff!important;border: 1px solid var(--e-global-color-text)!important;border-radius: 0px!important;}
.wpcf7-form [type=submit]{color: var(--e-global-color-text);border: 2px solid var(--e-global-color-text)!important;border-radius: 0px;}
.wpcf7-form  [type=submit]:hover, .wpcf7-form [type="submit"]:focus, .wpcf7-form  button:focus, .wpcf7-form  button:hover {color: var(--e-global-color-primary);background-color: var(--e-global-color-text);text-decoration: none;}

/* FORMULAIRES : Messages après envoi + Champ non valide */
/* ==================*/
.wpcf7-not-valid-tip{color:red}
.wpcf7 .screen-reader-response {padding: 10px;margin-bottom: 10px;font-weight:bold}
.wpcf7 .screen-reader-response.invalid{background-color:red;color:#fff;font-weight:normal}
.wpcf7 .screen-reader-response.sent{background-color:green;color:#fff;font-weight:normal}
.wpcf7 .screen-reader-response ul{display:none}
.wpcf7 .screen-reader-response p{margin-bottom:5px}
.wpcf7 input[aria-invalid="true"], .wpcf7 textarea[aria-invalid="true"]{border-color:red!important}


/* HEADER */
/* ==================*/
/* Bouton Hamburger - ajout du terme MENU ( à modifier éventuellement) */
.wrapper-global-header .elementor-icon-wrapper a{display:inline-block}
.wrapper-global-header .icone-menu .elementor-icon-wrapper a:after{content:'MENU';font-size: 12px;position:absolute;right: 7px;bottom: -3px; color: var(--e-global-color-primary);}
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
    background-color: inherit!important;
    color: inherit!important;
}
.e--pointer-double-line .elementor-item::after, .e--pointer-double-line .elementor-item::before, .e--pointer-overline .elementor-item::after, .e--pointer-overline .elementor-item::before, .e--pointer-underline .elementor-item::after, .e--pointer-underline .elementor-item::before {height:0px!important;}
/* ==================== */


/* ******************************** */
/* STYLE PERSONNALISE */
/* ******************************** */

/* menu */
.elementor-widget-nav-menu .elementor-nav-menu--main ul li.contact a{text-align:center;display:block;line-height:1em}
.elementor-widget-nav-menu .elementor-nav-menu--main ul li.contact span{ color:var(--gris444);font-size:12px}

@media (min-width: 1024px) {
  .elementor-widget-nav-menu .elementor-nav-menu--main{height:78px}
  .elementor-widget-nav-menu .elementor-nav-menu--main ul li.contact{border-left: 1px solid var(--gris414042)}
}

@media (max-width: 1023.98px) {
  .elementor-widget-nav-menu .elementor-nav-menu--main ul li.contact a{padding-top:20px}
}

/* Caissettes */
.table-caissettes  table tr td{border-left:none;border-right:none;border-bottom:none;border-top: 1px solid #eee;}

/*  Recettes */
.items-recette  table tr td{border-left:none;border-right:none;border-bottom:none;border-top: 1px solid #eee;}
.items-recette  table tr td:first-child{padding: 8px 2px 3px 5px;}

/* viandes */
/*
.slick-slide{background-color:var(--gris333);margin:10px}
.slick-slide > div {padding:10px!important;}
.slick-arrow:hover, .slick-arrow:focus{box-shadow:none!important}
.slick-dots li button:hover, .slick-dots li button:focus{box-shadow:none!important;background:none!important}
*/

/* =========================== */
/* MEDIA QUERY  */
/* =========================== */
/* EN-DESSOUS de ... */

@media (max-width: 1119.98px) {

}

@media (max-width: 1023.98px) {

}

@media (max-width: 767.98px) {

}
