/* =====================================================================
   Gabarits repris des modèles du Theme Builder de Divi (mesures relevées sur le site
   en ligne le 21/09/2026, à 1440 et 1024 px) : réassurance, photo + carte, vidéo,
   blocs de liens, articles, glossaire, avis Google.
   ===================================================================== */

/* ---- Bandeau de réassurance ---- */
.ads-reassurance{background:#F6F6F6}
/* Deux classes : le bandeau est aussi posé dans une section de l'extension, dont la remise à zéro
   des listes (.ads-s ul { padding:0 }) passerait sinon devant (bandeau écrasé, retour du 21/09/2026). */
.ads-reassurance .ads-reassurance__liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 28px;margin:0 auto;padding:14px var(--gouttiere);list-style:none}
.ads-reassurance li{display:flex;align-items:flex-start;gap:12px;color:#333;font:400 clamp(17px,1.8vw,25px)/1.05 var(--police-titre)}
.ads-reassurance svg{flex:none;width:30px;height:30px;margin-top:2px;color:var(--orange)}
@media (max-width:860px){.ads-reassurance .ads-reassurance__liste{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- Haut de page « photo + carte » ----
   Comme les sections Divi : la photo couvre le haut de la section (une part de sa hauteur),
   la carte grise commence à une distance fixe du haut et déborde sous la photo ; une fine
   bordure entoure le bas. Variantes relevées sur le site (1440 px) :
     catégories et hauts avec vidéo : photo 48 %, carte à 60 px, large (1036 px) ;
     Étagère charge lourde, Rayonnage neuf : photo 69 %, carte à 80 px, 671 px ;
     pages des modèles Rack lourd / Marques / guides : photo 71 %, carte à 314 px ;
     hauts des pages converties (villes, services…) : photo 72 %, carte à 171 px. */
/* --carte-g : retrait à gauche de la carte. La carte large (catégories, hauts avec vidéo) est centrée
   (retour de Guillaume, 21/09/2026) ; les cartes étroites gardent le décalage de Divi sur la photo. */
.ads-tete-carte{--photo:48%;--carte-haut:60px;--carte-l:1036px;--bas:10px;--carte-g:auto;
	position:relative;width:min(90%,1300px);margin:0 auto;padding:var(--carte-haut) 0 var(--bas);border:1px solid #e6e6e6;border-top:0}
.ads-tete-carte__photo{position:absolute;left:0;right:0;top:0;height:var(--photo);overflow:hidden;background:#ddd}
.ads-tete-carte__photo :where(figure,img){width:100%;height:100%;margin:0}
.ads-tete-carte__photo img{object-fit:cover}
.ads-tete-carte__carte{position:relative;display:flex;gap:40px;align-items:center;width:min(var(--carte-l),calc(100% - 40px));
	margin:0 auto 0 var(--carte-g);padding:34px 48px;background:#F7F7F7;box-shadow:0 15px 45px rgba(0,0,0,.15)}
.ads-tete-carte__texte{flex:1 1 0;min-width:0}
.ads-tete-carte h1{font:700 clamp(28px,3.2vw,42px)/1.3 var(--police-titre);color:#333}
.ads-tete-carte__texte > p{margin-top:14px;font:500 15px/1.75 var(--police-texte);color:#666}
.ads-tete-carte__points{font-size:13.5px!important;line-height:1.75!important}
.ads-tete-carte__liens a{color:var(--orange)}
.ads-tete-carte__video{flex:0 0 46%}
.ads-tete-carte--fixe{--photo:69%;--carte-haut:80px;--carte-l:671px;--bas:6px;--carte-g:min(130px,5%)}
.ads-tete-carte--page{--photo:71%;--carte-haut:314px;--carte-l:671px;--bas:13px;--carte-g:min(130px,5%)}
.ads-tete-carte--page .ads-tete-carte__carte{min-height:186px}
.ads-tete-carte--page h1{font:600 clamp(26px,2.6vw,35px)/1.2 var(--police-titre)}
/* Section « tete-carte » des pages converties (extension ADS Sections). */
.ads-s.ads-s-tete{--photo:72%;--carte-haut:171px;--carte-l:671px;--bas:54px;--carte-g:min(130px,5%);padding-top:var(--carte-haut);padding-bottom:var(--bas)}
.ads-s.ads-s-tete:has(.ads-tete-carte__video){--photo:48%;--carte-haut:60px;--carte-l:1036px;--bas:10px;--carte-g:auto}
.ads-s-tete .ads-tete-carte__carte{padding:42px 48px}
.ads-s-tete .ads-tete-carte__texte > * + *{margin-top:14px}
.ads-s-tete .ads-tete-carte__texte :where(p){font-size:15px;line-height:1.8}
@media (max-width:860px){
	.ads-tete-carte,.ads-s.ads-s-tete{--photo:210px;--carte-haut:120px;width:100%;border:0}
	.ads-tete-carte--page{--carte-haut:150px}
	.ads-tete-carte__carte{flex-direction:column;align-items:stretch;gap:22px;width:calc(100% - 32px);margin-left:16px;padding:26px 22px}
	.ads-s-tete .ads-tete-carte__carte{padding:26px 22px}
	.ads-tete-carte__video{flex:none;width:100%}
}

/* ---- Vidéo YouTube (vignette, lecteur chargé au clic) ---- */
.ads-video{position:relative;aspect-ratio:16/9;background:#000}
.ads-video__lancer{position:absolute;inset:0;padding:0;border:0;background:none;cursor:pointer}
.ads-video__lancer img{width:100%;height:100%;object-fit:cover}
.ads-video__bouton{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border:4px solid var(--orange);border-radius:50%;background:rgba(0,0,0,.25)}
.ads-video__bouton::after{content:"";position:absolute;left:25px;top:18px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--orange)}
.ads-video__lancer:hover .ads-video__bouton{background:rgba(0,0,0,.45)}
.ads-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---- Lignes et sections des modèles ---- */
.ads-ligne-fil{padding-top:34px;padding-bottom:6px}
.ads-ligne-fil--etroite .ads-fil{max-width:702px;margin:0 auto}
.ads-boutique{padding-top:24px;padding-bottom:40px}
.ads-boutique--seule{padding-top:34px}
.ads-boutique__titre{margin:12px 0 18px}
.ads-texte-categorie{padding-bottom:40px}
.ads-sous-catalogue{padding-top:36px;padding-bottom:20px}
.ads-sous-catalogue > h2{font:500 24px/1.3 var(--police-texte);color:#333}
.ads-sous-catalogue > p{margin:8px 0 26px;font-size:14px;color:#666}
.ads-centre{margin-top:36px;text-align:center}
.ads-configurateurs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding-top:30px;padding-bottom:50px;text-align:center}
.ads-configurateurs__bloc img{width:auto;max-height:230px;margin:0 auto}
.ads-configurateurs__bloc h3{margin-top:22px;font:700 20px/1.3 var(--police-titre);color:#333}
.ads-configurateurs__bloc p{margin:12px auto 22px;max-width:52ch;font-size:15px;color:#666}
.ads-configurateurs .ads-btn--grand{font-size:clamp(17px,1.8vw,22px);font-weight:400}
@media (max-width:760px){.ads-configurateurs{grid-template-columns:1fr}}

/* ---- Blocs « Par type de charge » / « Par utilisation » ---- */
.ads-blocs-types{display:grid;grid-template-columns:repeat(2,minmax(0,390px));justify-content:space-around;gap:30px;padding-top:36px;padding-bottom:60px}
.ads-blocs-types__bloc{padding:30px 20px;border:1px dashed #999;text-align:center}
.ads-blocs-types__bloc svg{margin:0 auto;color:var(--orange)}
.ads-blocs-types__bloc h2{margin-top:18px;font:500 22px/1.3 var(--police-texte);color:var(--orange)}
.ads-blocs-types__bloc ul{margin:10px 0 0;padding:0;list-style:none}
.ads-blocs-types__bloc li{padding:5px 0;font:500 15px var(--police-titre)}
.ads-blocs-types__bloc li::before{content:"◦ ";color:var(--orange)}
@media (max-width:700px){.ads-blocs-types{grid-template-columns:1fr}}

/* ---- Article (modèle 3468) ---- */
.ads-article__tete{position:relative;min-height:clamp(380px,50vw,714px);background:#F0F3FB;overflow:hidden}
.ads-article__photo{position:absolute;inset:0}
.ads-article__photo img{width:100%;height:100%;object-fit:cover}
.ads-article__panneau{position:absolute;right:0;bottom:0;width:min(66%,960px);padding:clamp(24px,3vw,40px) clamp(24px,3vw,44px);background:#E7602C;color:#fff}
.ads-article__panneau h1{font:700 clamp(28px,4.2vw,60px)/1.2 var(--police-titre);color:#fff}
.ads-article__categorie{font:500 13px var(--police-titre)}
.ads-article__categorie a,.ads-article__panneau a{color:#fff}
.ads-article__date{margin-top:24px;font:500 15px var(--police-titre)}
.ads-article__corps{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:clamp(24px,5vw,60px);padding-top:clamp(36px,5vw,72px);padding-bottom:60px}
.ads-article__cote img{width:100%;position:sticky;top:110px}
@media (max-width:860px){
	.ads-article__panneau{position:relative;width:100%}
	.ads-article__tete{min-height:0;display:flex;flex-direction:column}
	.ads-article__photo{position:relative;height:240px}
	.ads-article__corps{grid-template-columns:1fr}
	.ads-article__cote{max-width:320px}
}

/* ---- Articles liés : fond dégradé orange, boîte blanche ---- */
.ads-lies-articles{padding:clamp(40px,6vw,80px) 0 0;background:linear-gradient(180deg,#fff 0%,#F9D6C6 25%,#EC7A4C 100%)}
.ads-lies-articles > .ads-conteneur > h2{font:700 clamp(28px,4vw,48px)/1.2 var(--police-titre);color:#000;text-align:center}
.ads-lies-articles__retour{margin-top:8px;text-align:center;font-size:13px}
.ads-lies-articles__retour a{color:#333;text-decoration:underline}
.ads-lies-articles__boite{margin-top:40px;padding:34px;background:#fff}
.ads-lies-articles__rangee{display:grid;gap:22px;margin:0;padding:0;list-style:none}
.ads-lies-articles__rangee--deux{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:30px;border-bottom:1px solid #e5e5e5}
.ads-lies-articles__rangee--trois{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:30px}
.ads-lies-articles .ads-carte-article a{border:0;border-radius:0}
.ads-lies-articles .ads-carte-article a:hover{box-shadow:none;transform:none}
.ads-lies-articles .ads-carte-article__image{aspect-ratio:16/10}
@media (max-width:760px){.ads-lies-articles__rangee--deux,.ads-lies-articles__rangee--trois{grid-template-columns:1fr}.ads-lies-articles__boite{padding:20px}}

/* ---- Fiche du glossaire (modèle 6392) ---- */
.ads-terme{padding-top:40px;padding-bottom:60px}
.ads-terme__titre{font:600 clamp(24px,2.4vw,30px)/1.3 var(--police-titre);color:#333;text-align:center}
.ads-terme__image{margin:40px 0 0}
.ads-terme__image img{width:100%;height:auto}
.ads-terme__retour{margin:28px 0 12px;font:500 13px var(--police-titre)}

/* ---- Avis Google (remplace le widget Trustindex) ---- */
.ads-avis{padding:40px 0 50px}
.ads-avis__note{text-align:center;font:500 16px var(--police-titre);color:#333}
.ads-avis__note strong{font-size:20px}
.ads-avis__etoiles{color:#F6BB06;letter-spacing:2px}
.ads-avis__liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:24px 0 0;padding:0;list-style:none}
.ads-avis__liste li{padding:18px 20px;background:#F6F6F6;border-radius:4px}
.ads-avis__auteur{font:600 15px var(--police-titre);color:#333}
.ads-avis__date{font-size:12.5px;color:var(--discret)}
.ads-avis__texte{margin-top:8px;font-size:14px;line-height:1.6;color:#555}