/* 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: #03224C;
    --e-global-color-secondary: #8F8600;
    --e-global-color-text: #03224C;
    --e-global-color-accent: #03224C;
    --e-global-color-a7184e6: #FFFFFF;
    --e-global-color-2d085e7: #000000;
    --e-global-color-3b2b313: #A6A8AB;
    --e-global-color-a6715dd: #D9DEE4;
    --e-global-color-c497a9c: #03224CCC;
    --e-global-color-d20cee5: #8F8600CC;
    --e-global-typography-primary-font-family: "Open Sans";
    --e-global-typography-primary-font-weight: 400;
    --e-global-typography-primary-text-transform: uppercase;
    --e-global-typography-secondary-font-family: "Open Sans";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-secondary-text-transform: uppercase;
    --e-global-typography-text-font-family: "Open Sans";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Open Sans";
}
*/

/* FOOTER */
/* =========================== */
.menu-footer .elementor-icon-list-item:after{transform: rotate(30deg);}
.menu-footer a, .menu-infos-legales a{font-weight:normal!important}

@media (max-width: 767.98px) {
  .menu-footer ul, .menu-infos-legales ul{flex-direction: column;}
}
/* =========================== */



/* MODELES */
/* =========================== */
.bloc-couleur-biseau{position:relative;}
.biseau-haut-droit{clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);}
.biseau-bas-gauche{clip-path: polygon(0 0, 0 calc(100% - 20px), 20px 100% , 100% 100%,  100% 0);}
.lien-global{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.lien-global a{display:block;width:100%;height:100%}
.lien-global img{position:absolute;bottom:15px;right:15px}
/* =========================== */


/* modèle 312 - aacordeon */
.accordeon{border:solid 1px var(--secondaire);}
.accordeon.accordeon-open{border:solid 1px var(--gris-fond);background-image:url(../img/biseau.png);background-position:top right;background-repeat:no-repeat;}
.accordeon .accordeon-titre{cursor:pointer;background-color:var(--secondaire);}
.accordeon .accordeon-titre h3{color:var(--blanc)}
.accordeon.accordeon-open .accordeon-titre{background-color:transparent;}
.accordeon.accordeon-open .accordeon-titre h3{color:var(--secondaire)}
.accordeon .accordeon-moins{display:none}
.accordeon .accordeon-plus{display:block}
.accordeon.accordeon-open .accordeon-moins{display:block}
.accordeon.accordeon-open .accordeon-plus{display:none}
.accordeon .accordeon.accordeon-open{border:solid 1px var(--gris-texte);}
.accordeon-contenu{display:none;max-height:0;transition: max-height 0.50s ease-in-out}
.accordeon-open .accordeon-contenu,.elementor-editor-active .accordeon-contenu{display:block;max-height:100%}

/* carte -nos poseurs */
.e-hotspot__tooltip a{color:var(--blanc)!important;border:solid 1px var(--blanc);padding:13px 60px 13px 40px;display:inline-block;border-radius:30px;}
.e-hotspot__tooltip a:after{position:relative;left:20px;display:inline-block;width:12px;height:8px;content:" ";background:url(../img/fleche-blanche-tooltip-carte.png) center right no-repeat;}


/* woocommerce - panier */
li.wcpa_cart_meta_item:before, li.type-product:before{width:0;}
table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th, table tbody tr:hover > td, table tbody tr:hover > th {background-color:transparent!important}
.shop_table button.button:before,.cross-sells a.add_to_cart_button:before {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translate(0%,-50%);
  content: "";
  width: 15px;
  height: 10px;
  background-image: var(--fleche_btn--secondaire);
}
.shop_table button.button, .cross-sells a.add_to_cart_button{
  color: var(--primaire)!important;
  background-color: var(--blanc)!important;
  border-style: solid!important;
  border-width: 1px!important;
  border-color: var(--primaire)!important;
  border-radius: 0px!important;
  padding: 15px 75px 15px 45px!important;
}
.cross-sells a.add_to_cart_button{margin-top:0!important}
.cross-sells .price{margin-bottom:0!important;line-height:1}
.shop_table button.button:hover:before,.cross-sells a.add_to_cart_button:hover:before {
  background-image: var(--fleche_btn--blanc);
}
.shop_table button.button:hover, .cross-sells a.add_to_cart_button:hover{
  color: var(--blanc)!important;
  background-color: var(--secondaire)!important;
  border-color: var(--secondaire)!important;
}
.cross-sells h2{font-size:16px;font-weight:bold}
a.woocommerce-LoopProduct-link{text-decoration:none!important;border-bottom:none}

/* woocommerce - validation de la commande */
li.wc_payment_method:before{width:0;}

/* woocommerce - mon compte */
li.woocommerce-MyAccount-navigation-link a{border-color:var(--blanc)}
li.woocommerce-MyAccount-navigation-link a:hover, li.woocommerce-MyAccount-navigation-link.is-active a{border-color:var(--secondaire)}
Li.woocommerce-MyAccount-navigation-link--downloads{display:none}
.woocommerce-Address{border:solid 1px var(--primaire);padding:10px}
.woocommerce-Address h3{font-size:16px;font-weight:bold}
.woocommerce-form-row br{display:none}
.woocommerce-EditAccountForm .woocommerce-Button{margin-top:10px!important;background-color: var(--secondaire)!important;border-style: solid!important;border-width: 1px!important;border-color: var(--secondaire)!important;border-radius: 0px!important;padding: 15px 75px 15px 45px!important;color:var(--blanc)!important}
.woocommerce-EditAccountForm .woocommerce-Button:hover{background-color: var(--primaire)!important;border-color: var(--primaire)!important;}
