/* ==========================================================================
   COUCHE DE COMPATIBILITE (phase 2, a retirer en phase 5)
   Reprend a l'identique ce qu'Elementor appliquait au site, pour que les
   extensions hydroplante-* gardent exactement le meme rendu :
   1. le kit Elementor 9 (variables, boutons, liens), sous la classe
      .elementor-kit-9 posee sur le body par le theme (memes specificites) ;
   2. les regles generiques de frontend.min.css heritees par tout contenu
      place dans un document Elementor, sous .hp-compat-elementor (posee sur
      les memes zones).
   Sources : migration-theme/annexes/css-genere-elementor/ et
   elementor/assets/css/frontend.min.css 4.3.5.
   ========================================================================== */

/* 1. Kit Elementor 9 ------------------------------------------------------ */

.elementor-kit-9 {
    --e-global-color-primary: #2787C9;
    --e-global-color-secondary: #767676;
    --e-global-color-accent: #0E9EDE;
    --e-global-color-text: #1F2626;
    --e-global-color-26faf7d: #FFFFFF;
    --e-global-color-7fc161d: #F4F7F4;
    --e-global-color-c731326: #E8F3FB;
    --e-global-typography-primary-font-family: "Raleway";
    --e-global-typography-primary-font-size: 1.8rem;
    --e-global-typography-primary-font-weight: 800;
    --e-global-typography-primary-line-height: 1.2em;
    --e-global-typography-secondary-font-family: "Raleway";
    --e-global-typography-secondary-font-size: 1rem;
    --e-global-typography-secondary-font-weight: 500;
    --e-global-typography-text-font-family: "Raleway";
    --e-global-typography-text-font-size: 1rem;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-text-line-height: 1.4em;
    --e-global-typography-accent-font-family: "Raleway";
    --e-global-typography-accent-font-size: 0.9rem;
    --e-global-typography-accent-font-weight: 700;
    --e-global-typography-a1c3a61-font-family: "Raleway";
    --e-global-typography-a1c3a61-font-size: 1rem;
    --e-global-typography-a1c3a61-font-weight: 700;
    --e-global-typography-a1c3a61-line-height: 1.2em;
    --e-global-typography-1094a58-font-family: "Raleway";
    --e-global-typography-1094a58-font-size: 1.4rem;
    --e-global-typography-1094a58-font-weight: 800;
    --e-global-typography-1094a58-line-height: 1.2em;
    --e-global-typography-8a0c631-font-family: "Raleway";
    --e-global-typography-8a0c631-font-size: 1rem;
    --e-global-typography-8a0c631-font-weight: 500;
    --e-global-typography-8a0c631-line-height: 1.2em;
}

.elementor-kit-9 button,
.elementor-kit-9 input[type="button"],
.elementor-kit-9 input[type="submit"],
.elementor-kit-9 .elementor-button {
    background-color: var( --e-global-color-accent );
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-size: var( --e-global-typography-accent-font-size );
    font-weight: var( --e-global-typography-accent-font-weight );
    line-height: var( --e-global-typography-accent-line-height );
    color: var( --e-global-color-26faf7d );
    border-style: solid;
    border-width: 6px 6px 6px 6px;
    border-color: var( --e-global-color-7fc161d );
}

.elementor-kit-9 button:hover,
.elementor-kit-9 button:focus,
.elementor-kit-9 input[type="button"]:hover,
.elementor-kit-9 input[type="button"]:focus,
.elementor-kit-9 input[type="submit"]:hover,
.elementor-kit-9 input[type="submit"]:focus,
.elementor-kit-9 .elementor-button:hover,
.elementor-kit-9 .elementor-button:focus {
    background-color: var( --e-global-color-c731326 );
    color: #1F2626;
}

.elementor-kit-9 a {
    color: var( --e-global-color-primary );
}

/* 2. Regles generiques des documents Elementor ---------------------------- */

.hp-compat-elementor *,
.hp-compat-elementor :after,
.hp-compat-elementor :before {
    box-sizing: border-box;
}

.hp-compat-elementor a {
    box-shadow: none;
    text-decoration: none;
}

.hp-compat-elementor hr {
    background-color: transparent;
    margin: 0;
}

.hp-compat-elementor img {
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 100%;
}

.hp-compat-elementor embed,
.hp-compat-elementor iframe,
.hp-compat-elementor object,
.hp-compat-elementor video {
    border: none;
    line-height: 1;
    margin: 0;
    max-width: 100%;
    width: 100%;
}