/* Hauteur du menu sticky : ajuste la valeur si besoin 
Nomination des couleurs : https://www.color-name.com/hex/

*/
:root {
    --sticky-offset: 105px;
    --cookies-and-cream:#D7E0AC80;
    --chinese-white:#D9E8E3;
    --isabelline:#F7F4EE;
    --middle-green-yellow:#A9BB4C;
    --outer-space-green:#2E433C;
    --dark-slate-grey:#255B4B;
    --outer-space-blue:#29373F;
    --illuminating-emerald:#44917B;
    --illuminating-emerald-light:#44917B33;
    --amazon:#346E5E;
    --dark-slate-grey-bis:#39534B;
    --white:#fff;
    --black:#000;
    
}

/* Lisse le scroll natif */
html { scroll-behavior: smooth; }

/* Ajoute une marge de scroll à TOUT élément ciblé par un #id */
[id] { scroll-margin-top: var(--sticky-offset); }

html,body{overflow-x:hidden;}
.elementor-widget-text-editor p:last-child{margin-bottom:0;    margin-block-end: 0 !important;}
.elementor-widget-text-editor ul{margin-bottom:15px;}

/* Communs important */
figure { position: relative; display: inline-block; }
figure figcaption {backdrop-filter: blur(10.5px);position: absolute; top: 8px; right: 8px; background: rgba(0,0,0,0.5); color: white; padding: 2px 5px; font-size: 12px; border-radius: 0 8px; }
.background-copyright { position: absolute; bottom: 5px; right: 5px; background: rgba(0,0,0,0.5); color: var(--white) ; padding: 2px 5px; font-size: 12px; border-radius: 3px; pointer-events: none; z-index: 10; }
header figure figcaption,
footer figure figcaption{display:none !important;}
.elementor-widget-text-editor a,
.elementor-text-editor a{color:var(--amazon) ; font-weight: 700; text-decoration: underline}
.elementor-widget-text-editor a:hover,
.elementor-text-editor a:hover{font-weight:700; color:var(--dark-slate-grey)}

/* Permet de voir un morceau des slides adjacents */
.elementor .swiper,
.elementor .swiper-container { overflow: hidden;}

/* Météo */
.dn-weather-carousel{}
.dn-weather-carousel .dn-wc-card{background-color:var(--white) ;display:flex; gap:16px;flex-direction: column;border-radius: 16px;border: 1px solid var(--illuminating-emerald-light);text-align: center;padding:16px 14px;}
.dn-weather-carousel .dn-wc-card.dn-wc-today{border-color:var(--amazon) ;}
.dn-weather-carousel .dn-wc-card .dn-wc-date{color:#686E7A;font-family: 'Montserrat';font-size: 10px;font-style: normal;font-weight: 500;line-height: normal;}
.dn-weather-carousel .dn-wc-card .dn-wc-icon img{height:50px}
.dn-weather-carousel .dn-wc-card .dn-wc-temps{color: var(--dark-slate-grey) ;text-align: center;font-family: 'Montserrat';font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;}

/* Breadcrumbs */
.rank-math-breadcrumb, #crumbs { display: flex; align-items: center; font-family: 'Montserrat'; font-size: 12px; color: #ccc ; margin: 0;width: 140%;z-index: 9;    position: relative; }
.rank-math-breadcrumb p, #crumbs p { margin: 0; display: flex; align-items: center; flex-wrap: wrap; }
.rank-math-breadcrumb a, #crumbs a  { color: #ccc ; text-decoration: none; transition: color 0.2s ease-in-out; }
.rank-math-breadcrumb a:hover, #crumbs a:hover { color: #fff ; text-decoration: underline; }
.rank-math-breadcrumb a:last-child,#crumbs .current,.rank-math-breadcrumb .last {font-weight: bold;}
.rank-math-breadcrumb .separator,#crumbs .separator { display: inline-block;background:url(../img/separateur-breadcrumbs.svg) center center no-repeat; background-size:contain; width: 8px; height: 12px; margin: 0 12px; color: #888; font-size: 13px;text-indent:-9999px }
.rank-math-breadcrumb[aria-label="breadcrumbs"] { list-style: none; }


/* Formulaires */
/* -------------------------- */
/*  STYLE GLOBAL ACCESSIBLE   */
/* -------------------------- */

.elementor-form {
    background: #ffffff;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #dcdcdc;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* LABELS */
.elementor-field-label {
    font-weight: 600;
    font-size: 14px;
    color: #1a1a1a;
    margin-bottom: 6px;
}

/* -------------------------- */
/*    INPUTS / TEXTAREA / SELECT
/* -------------------------- */

.elementor-field,
.elementor-select-wrapper select,
textarea.elementor-field {
    width: 100%;
    background: #ffffff;
    border: 2px solid #d0d0d0;
    border-radius: 8px;
    padding: 12px 14px;
    color: #1a1a1a;
    font-size: 15px;
    transition: all 0.15s ease-in-out;
}

/* Placeholder accessible */
.elementor-field::placeholder {
    color: #6c6c6c;
}

/* Hover */
.elementor-field:hover,
.elementor-select-wrapper select:hover {
    border-color: #2A66B8;
}

/* FOCUS ACCESSIBLE (RGAA) */
.elementor-field:focus,
textarea.elementor-field:focus,
.elementor-select-wrapper select:focus {
    border-color: #2A66B8 !important;
    box-shadow: 0 0 0 3px rgba(42,102,184,0.25) !important;
    outline: none !important;
}

/* -------------------------- */
/* SELECT WRAPPER FIX */
/* -------------------------- */

.elementor-select-wrapper {
    background: transparent !important;
    border-radius: 8px !important;
    padding: 0 !important;
    border: none !important;
}

/* Flèche */
.elementor-select-wrapper::after {
    border-color: #2A66B8 !important;
}

/* -------------------------- */
/* CHECKBOXES */
/* -------------------------- */
.elementor-field-option input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border: 2px solid #2A66B8;
    border-radius: 4px;
}

.elementor-field-option label {
    color: #1a1a1a;
    font-size: 15px;
}

/* Focus checkbox */
.elementor-field-option input[type="checkbox"]:focus {
    outline: 3px solid rgba(42,102,184,0.4);
}

/* -------------------------- */
/* BOUTON ACCESSIBLE */
/* -------------------------- */

.elementor-button {
    background: #2A66B8;
    color: #ffffff;
    padding: 14px 30px;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
    border: none;
    transition: background 0.2s ease, transform 0.1s;
}

/* Hover */
.elementor-button:hover {
    background: #1f4f8d;
}

/* Focus */
.elementor-button:focus {
    outline: 3px solid rgba(42,102,184,0.4) !important;
    box-shadow: none !important;
}