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

*/
:root {
    --font-main:'Balsamiq Sans';
    --font-stylise:'Capriola';
    --font-title:'Patrick Hand';
    --bridge-font-size-main:14px;
    --sticky-offset:105px;
    --orange-fonce:#7C350B;
    --orange:#BB5302;
    --orange-clair:#F69C00;
    --bleu-fonce:#365497;
    --bleu:#3C72C7;
    --bleu-clair:#A8C9FD;
    --vert-fonce:#3D5116;
    --vert:#4D7E00;
    --vert-clair:#93C01B;
    --gris-fonce:#353131;
    --gris:#6F6A69;
    --gris-clair:#898080;
    --vert-background:#F8F7F0;
    --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,.rank-math-breadcrumb .last, #crumbs .current  { color: var(--gris);
font-family: "Balsamiq Sans";text-decoration: none;font-size: 20px;font-style: normal;font-weight: 400;line-height: 140%; }
.rank-math-breadcrumb .last, #crumbs .current{color:var(--gris-fonce)}
.rank-math-breadcrumb a:hover, #crumbs a:hover { color: #000 ; text-decoration: underline; }
.rank-math-breadcrumb .separator,#crumbs .separator { display: inline-block;text-indent:-9999px;background:url(/wp-content/uploads/2026/03/puce-orange.svg) no-repeat;width:24px; height:24px; margin:0 8px}
.rank-math-breadcrumb[aria-label="breadcrumbs"] { list-style: none; }
#crumbs{padding:40px 30px 20px}

/* 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 */
/* -------------------------- */

/* Focus */
.elementor-button:focus {outline:3px solid rgba(77,126,0,1.4) !important;box-shadow:none !important;}


/* Liste SITLOR - Bridge */
.bridge-toolbar .bridge-sort li:first-child{display:none;}
.bridge-toolbar .bridge-sort li:first-child +li{padding-left:0}

.liste4-tmpl.bridge-archive-container{padding-right:0;padding-left:60px}

#ListeBridge .uk-card-default{background:none transparent;padding:8px;border:none;box-shadow: none; font-size: var(--bridge-font-size-main); border-radius:16px; border: 1px solid transparent;transition:border .45s ease;}
#ListeBridge .uk-card-default:hover{border-color:var(--orange-clair)}
#ListeBridge .uk-card-default .uk-card-media-top{position:relative;overflow:hidden;border-radius:16px;}
#ListeBridge .uk-card-default .uk-card-media-top::before{content:"";position:absolute;inset:0;background-image:inherit;background-position:inherit;background-repeat:inherit;background-size:cover;transition:transform .45s ease;}
#ListeBridge .uk-card-default:hover .uk-card-media-top::before{transform:scale(1.1);}
.listeSIT .uk-card-default .uk-card-body{padding:12px 0 0}
.listeSIT .uk-card-default .uk-card-body .surtitre { font-family: var(--font-main); text-transform:uppercase; font-size:1em; color:var(--gris-fonce)}
.listeSIT .uk-card-default .uk-card-body .surtitre .itemIcon{text-indent:-9999px; background:url(/wp-content/uploads/2026/03/map-marker-actif.svg) center center no-repeat; width:15px;    background-size: cover; height:16px;position: relative;top:-2px;}
.listeSIT .uk-card-default .uk-card-body .titre-de-la-fiche > *{ font-family: var(--font-stylise); font-size:1.45em;text-transform: uppercase; color:var(--gris-fonce)}
.listeSIT .uk-card-default .uk-card-body .commentaire{}
.listeSIT .uk-card-default .uk-card-footer{padding:12px 0 0; border:none; background:none;}

/* Pagination Bridge */
.bridge-pagination-container{margin-top:24px !important;}
.bridge-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 !important;padding:0 !important;list-style:none;}
.bridge-pagination > li{margin:0 !important;padding:0;}
.bridge-pagination.uk-pagination > * > *{margin:0 !important;}
.bridge-pagination > li > a,
.bridge-pagination > li > span,
.bridge-pagination.uk-pagination > li > a,
.bridge-pagination.uk-pagination > li > span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0 4px;border:none !important;border-radius:999px !important;box-shadow:none !important;font-family:'Montserrat';font-size:12px;font-weight:600;line-height:1;color:var(--vert) !important;text-decoration:none !important;background:transparent !important;transition:color .2s ease, background-color .2s ease, opacity .2s ease;}
.bridge-pagination > li:not(.uk-active):not(.uk-disabled):not(.nolink) > a:hover{background-color:rgba(147,192,27) !important;}
.bridge-pagination > li.uk-active > a{min-width:22px;width:22px;height:22px;padding:0;background:#d9e8a8 !important;color:var(--vert-fonce) !important;}
.bridge-pagination > li.nolink > span{min-width:auto;height:auto;padding:0 2px;color:var(--vert) !important;font-size:12px;line-height:1;border-radius:0;}
.bridge-pagination > li.uk-visible\@m > a{min-width:auto;padding:0 2px;}
.bridge-pagination > li.uk-first-column,
.bridge-pagination > li:last-child{margin:0 4px !important;}
.listeSIT + .bridge-pagination-container .bridge-prev,
.listeSIT + .bridge-pagination-container .bridge-next,
.listeSIT + .bridge-pagination-container .bridge-next-ajax{min-width:22px;width:22px;height:22px;padding:0;border-radius:0;background:url(/wp-content/uploads/2026/03/puce-orange.svg) center center no-repeat !important;position:relative;top:3px;transition:transform .2s ease, opacity .2s ease;}
.listeSIT + .bridge-pagination-container .bridge-prev .uk-icon,
.listeSIT + .bridge-pagination-container .bridge-next .uk-icon,
.listeSIT + .bridge-pagination-container .bridge-next-ajax .uk-icon{display:none;}
.listeSIT + .bridge-pagination-container .bridge-prev{transform:rotate(180deg);}
.listeSIT + .bridge-pagination-container .bridge-next:hover,
.listeSIT + .bridge-pagination-container .bridge-next-ajax:hover{transform:translateX(2px);opacity:.8;}
.listeSIT + .bridge-pagination-container .bridge-prev:hover{transform:rotate(180deg) translateX(2px);opacity:.8;}
.listeSIT + .bridge-pagination-container > li.uk-disabled > a{opacity:.35;pointer-events:none;}
.listeSIT + .bridge-pagination-container > li.uk-disabled:not(.nolink) > a{display:none !important;}

#maps {border-radius:32px 0 0 32px;}

/* Carousel SITLOR - Bridge */
.bridge-liste.carousel .ficheproduit .info-2{background-color:var(--white) !important ;padding:4px 8px;border-radius:12px;font-family: var(--font-main); text-transform:uppercase; color:var(--gris-fonce) !important}
.bridge-liste.carousel .ficheproduit .info-2 .itemIcon{text-indent:-9999px; background:url(/wp-content/uploads/2026/03/map-marker-actif.svg) center center no-repeat; width:15px;    background-size: cover; height:16px;position: relative;top:-2px;}
.bridge-liste.carousel .ficheproduit .uk-card-body{font-size: var(--bridge-font-size-main);padding:12px 0 0}
.bridge-liste.carousel .ficheproduit .uk-card-body .titre-de-la-fiche h2{font-family: var(--font-stylise); font-size:1.45em;text-transform: uppercase; color:var(--gris-fonce);width:100%; text-align: center;}


/* Fiche de détails */
#detailfiche{font-size:var(--bridge-font-size-main); font-family: var(--font-main);color:var(--gris-fonce)}
#detailfiche .spacing-spec{padding:0 7.5%;}

#detailfiche .entete{padding-bottom:0;}
#detailfiche .entete h1{font-size:5.75em; font-family: var(--font-title); line-height: 100%;margin-bottom:10px;}
#detailfiche .entete .infos-entete .pictogrammes{margin:0 0 0 10px;}
#detailfiche .entete h2.localisation{font-size:2.4em;margin:0}

#detailfiche .bridge-carousel-images{margin-top:40px;}
#detailfiche .bridge-carousel-images img{border-radius:32px;}

#detailfiche .bridge-mainfiche{background-color:var(--vert-background);margin-top:90px;position: relative;}
#detailfiche .bridge-mainfiche:before{content:''; width:100%; height:160px; position: absolute;top:-70px;left:0; background:url(../img/shape-fiche.svg) no-repeat center center;}

#detailfiche .infos-supplementaires-1,
#detailfiche .infos-supplementaires-3{padding:32px;border-radius: 16px; background-color:#E9F2D1; color:var(--vert-fonce)}

#detailfiche .infos-supplementaires-2,
#detailfiche .infos-supplementaires-4{padding:32px;border-radius: 16px; background-color:#fff; color:var(--gris-fonce)}

#detailfiche .onglet{}
#detailfiche .onglet .uk-divider-icon{display:none;}
#detailfiche .onglet h2{text-transform: uppercase;letter-spacing: 2.56px; font-family: var(--font-stylise); font-size:2.35em; padding-bottom:30px; margin-bottom:20px; background:url(../img/deco-titre-onglet.svg) no-repeat bottom left;}

#detailfiche aside{background-color:var(--vert-background)}
#detailfiche aside #maps-loc{border-radius:32px 0 0 32px; margin-bottom:80px;}
#detailfiche aside .bridge-coordonnees{background-color:var(--white); padding:80px 7.5%;border-radius:32px 0 0 32px;}
#detailfiche aside .bridge-coordonnees h3{}