/* Diabolo Refonte — styles de la landing (repris à l'identique de la maquette). */

/* Socle du moteur de rendu de la maquette */
html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}
x-if{display:contents}x-if[data-off]{display:none!important}

/* Styles globaux de la maquette */
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--color-text);font-family:var(--font-body);text-wrap:pretty;overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:var(--color-accent-700);text-decoration:none}
a:hover{color:var(--color-accent-800);text-decoration:underline}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}


@keyframes ddFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes ddPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.035);filter:brightness(1.18)}}
@keyframes ddRays{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes ddDraw{0%{stroke-dashoffset:1}45%,60%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes ddOrbit{0%{offset-distance:0%}100%{offset-distance:100%}}
@keyframes ddSpin{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@media (prefers-reduced-motion: reduce){[data-dd-anim],[data-dd-anim] *{animation:none !important}}
:root{--color-accent:#ff3902;--color-accent-600:#db3000;}html{overflow-x:clip;-webkit-text-size-adjust:100%}a,a:hover{text-decoration:none}[data-cta]:hover [data-cta-ic]{transform:rotate(45deg);background:var(--color-accent);color:#fff}

/* Survols (style-hover de la maquette) */
.scp0:hover{background:var(--color-accent-600) !important}
.scp1:hover{color:#c9a560 !important}
.scp2:hover{color:#c9a560 !important;font-style:italic !important}
.scp3:hover{color:oklch(0.82 0.085 85) !important}
.scp4:hover{background:oklch(0.24 0.025 150) !important;color:oklch(0.965 0.012 85) !important}
.scp5:hover{background:oklch(0.24 0.025 150) !important}
.scp6:hover{background:oklch(0.9 0.025 80) !important}
.scp7:hover{background:#fff !important;color:var(--color-text) !important}
.scp8:hover{background:var(--color-neutral-200) !important}
.scp9:hover{background:var(--color-text) !important;color:#fff !important}
.scpa:hover{background:#fff !important;color:var(--color-text) !important;box-shadow:0 14px 34px rgba(255,57,2,.35) !important;text-decoration:none !important}

/* Emplacements d'images (équivalent image-slot, recadrage « cover » centré) */
.dd-slot{display:block;position:relative;width:100%;height:100%;aspect-ratio:3/2}
.dd-slot-frame{position:absolute;inset:0;overflow:hidden;background:rgba(127,127,127,.08)}
.dd-slot-frame img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;display:block}

/* Navigation responsive (valeurs du composant d'origine) */
.dd-navwide{display:inline}
.dd-navnarrow{display:none!important}
.dd-navlogo{height:58px}
@media (max-width:899.98px){.dd-navwide{display:none!important}.dd-navnarrow{display:flex!important}}
@media (max-width:599.98px){.dd-navlogo{height:44px}}
@media (max-width:379.98px){.dd-navlogo{height:34px}}
@media (max-width:349.98px){.dd-navlogo{height:28px}}

/* Texte réservé aux lecteurs d'écran */
.dd-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Crédits photo (identiques à la maquette) */
.dd-credit{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);display:block;padding:3px 7px;border-radius:5px;background:rgba(0,0,0,.55);color:#fff;font:10px/1.2 system-ui,-apple-system,sans-serif;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.dd-credit a{color:inherit;text-decoration:none}
.dd-credit a:hover,.dd-credit a:focus-visible{color:inherit;text-decoration:underline}

/* Affichage responsive des signes et des chiffres (valeurs du composant d'origine, avant le JS) */
.dd-sgmob{display:none}
.dd-sgdesk{display:grid}
.dd-statalign{text-align:left}
@media (max-width:759.98px){.dd-sgmob{display:block}.dd-sgdesk{display:none}.dd-statalign{text-align:center}}

/* Pages légales */
.dd-legal{max-width:820px;margin:0 auto;padding:calc(80px + clamp(48px,7vw,96px)) 22px clamp(80px,9vw,140px)}
.dd-legal-eyebrow{font-family:var(--font-heading);font-weight:600;font-size:15px;color:var(--color-accent);margin:0 0 12px}
.dd-legal h1{font-family:var(--font-heading);font-weight:700;font-size:clamp(40px,6vw,72px);line-height:1.03;letter-spacing:-0.035em;margin:0 0 clamp(32px,4vw,48px);text-wrap:balance}
.dd-legal-lead{font-family:var(--font-heading);font-weight:500;font-size:clamp(19px,1.6vw,23px);line-height:1.45;margin:0 0 16px}
.dd-legal h2{font-family:var(--font-heading);font-weight:700;font-size:clamp(22px,2.2vw,30px);letter-spacing:-0.02em;line-height:1.15;margin:clamp(40px,5vw,56px) 0 14px}
.dd-legal-body p,.dd-legal-body li{font-size:17px;line-height:1.6;color:var(--color-neutral-800)}
.dd-legal-body p{margin:0 0 14px}
.dd-legal-body ul{margin:0 0 14px;padding-left:20px}
.dd-legal-body a{color:var(--color-accent-700)}
.dd-legal-date{margin-top:48px!important;font-size:14px!important;color:var(--color-neutral-600)!important}
.dd-legal-back{margin:56px 0 0;font-size:15px;font-weight:600}
.dd-legal-back a{color:var(--color-accent-700)}
.dd-404{min-height:calc(100vh - 120px);box-sizing:border-box}
.dd-404 a.scp0:hover{color:#fff}

/* Mobile : cartes « Points forts » moins hautes, image au format 16/9 (demande client du 19.10.2026) */
@media (max-width:759.98px){
	[data-card]{height:auto!important}
	[data-card] .dd-svc-media{flex:none!important;aspect-ratio:16/9}
}