/* QUIDDROIT : menu « Nos services », en-tête sans boutons ronds, vidéos façon télé. */

/* En-tête : liens écrits, pas de boutons arrondis */
.header-actions .btn-outline-gold{text-transform:none;letter-spacing:0;font-size:15px;font-weight:400;background:none;border:0;border-radius:0;padding:2px 0;color:var(--text);font-style:italic;box-shadow:none;border-bottom:1px solid var(--gold);min-height:0}
.header-actions .btn-outline-gold:hover{background:none;color:var(--gold)}
.header-actions .header-link{padding-left:14px;border-left:1px solid var(--line)}

/* Bouton Menu sur téléphone */
.header-actions .burger{background:none;border:0;border-radius:0;border-bottom:1px solid var(--gold);padding:2px 0;font-style:italic;box-shadow:none}

/* Titre du menu « Nos services » */
.nav-services>.nav-titre{font-style:italic}
.nav-services>.nav-titre{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px;text-decoration-thickness:1px}

/* Panneau */
.sv-pan .sv-h{margin:0 0 8px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.sv-pan .sv-note{margin:0 0 8px;font-size:15px;font-style:italic;line-height:1.4;color:var(--text-3)}
.nav-sous.sv-pan a{white-space:normal;display:block;padding:9px 0;border-bottom:1px solid var(--line);background:none}
.nav-sous.sv-pan .sv-col a:last-child{border-bottom:0}
.sv-pan a b{display:flex;justify-content:space-between;gap:12px;font-weight:400;font-size:17px;color:var(--text)}
.sv-pan a b i{font-style:normal;font-size:14px;color:var(--text-3);white-space:nowrap}
.sv-pan a small{display:block;font-size:14px;line-height:1.3;color:var(--text-3)}
.nav-sous.sv-pan a:hover{background:none}
.sv-pan a:hover b{color:var(--gold)}
.sv-pied{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;color:var(--text-3)}
.nav-sous.sv-pan .sv-pied a{border-bottom:1px solid var(--gold);padding:0;color:var(--text);font-size:15px}

@media (min-width:961px){
  .nav-services .sv-pan{left:auto;right:-40px;width:640px;padding:22px 0 14px;grid-template-columns:1.3fr 1fr}
  .nav-groupe.nav-services.ouvert .sv-pan{display:grid}
  .sv-col{padding:0 24px;min-width:0}
  .sv-col+.sv-col{border-left:1px solid var(--line)}
  .sv-pied{grid-column:1/-1;margin:10px 24px 0;padding-top:12px;border-top:1px solid var(--line)}
}
@media (hover:hover) and (min-width:961px){
  .nav-services:hover .sv-pan,.nav-services:focus-within .sv-pan{display:grid}
}
@media (max-width:960px){
  .nav-services{border-top:1px solid var(--ink,#1D1F23)}
  .sv-pan small{display:none}
  .sv-pan .sv-col+.sv-col{margin-top:14px}
  .sv-pied{flex-direction:column;align-items:flex-start;margin-top:12px}
}

/* Vidéos façon poste de télé */
.tv-cadre{position:relative;background:linear-gradient(160deg,#4a3a2d,#2d231b);border-radius:24px;padding:16px 16px 42px;box-shadow:0 36px 56px -38px rgba(40,25,10,.6),inset 0 1px 0 rgba(255,255,255,.12)}
.tv-cadre .yt-poster,.tv-cadre .yt-frame{border-radius:16px/20px;overflow:hidden;border:0;background:#0d0d0f}
.tv-cadre .yt-poster::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,rgba(0,0,0,.10) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5))}
.tv-bug{position:absolute;top:14px;left:16px;z-index:3;color:#fff;font-size:12px;letter-spacing:.22em;opacity:.9}
.tv-antenne{position:absolute;top:12px;right:14px;z-index:3;display:flex;align-items:center;gap:7px;color:#fff;font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:rgba(0,0,0,.45);padding:4px 10px}
.tv-antenne i{width:8px;height:8px;border-radius:50%;background:#d13b2a;animation:tvcl 1.4s infinite}
@keyframes tvcl{50%{opacity:.25}}
.tv-bandeau{position:absolute;left:0;right:0;bottom:0;z-index:3;color:#fff;text-align:left}
.tv-titre{display:flex;margin:0 14px 8px;transform:translateX(-110%);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.tv-cadre.tv-vu .tv-titre{transform:none}
.tv-titre b{background:var(--gold);color:#17120c;font-weight:400;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:6px 10px;display:flex;align-items:center;white-space:nowrap}
.tv-titre span{background:rgba(250,247,240,.96);color:#1d1f23;padding:5px 14px;font-size:clamp(14px,1.6vw,18px);line-height:1.3}
.tv-ticker{background:rgba(10,10,12,.82);overflow:hidden;white-space:nowrap;font-size:13px;padding:5px 0;border-top:1px solid var(--gold)}
.tv-ticker span{display:inline-block;padding-left:100%;animation:tvdef 24s linear infinite}
.tv-ticker em{font-style:normal;color:var(--gold);margin:0 14px}
@keyframes tvdef{to{transform:translateX(-100%)}}
.tv-cadre .yt-avec-image .yt-play{z-index:4;right:50%;top:42%;transform:translate(50%,-50%);background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.8);box-shadow:none}
.tv-cadre .yt-avec-image:hover .yt-play{transform:translate(50%,-50%) scale(1.06);background:var(--gold)}
.tv-pied{position:absolute;left:26px;right:26px;bottom:12px;display:flex;justify-content:space-between;align-items:center;color:#d8c8b0;font-size:11px;letter-spacing:.25em}
.tv-pied i{display:inline-block;width:14px;height:14px;margin-left:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c9b089,#6d5537)}
.tv-flash{position:absolute;inset:16px 16px 42px;border-radius:16px;background:#fff;pointer-events:none;opacity:0;z-index:8;animation:tvfl .5s}
@keyframes tvfl{0%{opacity:0;transform:scaleY(.01)}30%{opacity:1;transform:scaleY(.02)}60%{opacity:.6;transform:scaleY(1)}100%{opacity:0}}
@media (max-width:560px){
  .tv-cadre{padding:9px 9px 32px;border-radius:16px}
  .tv-pied{left:16px;right:16px;bottom:8px}
  .tv-flash{inset:9px 9px 32px}
  .tv-titre{margin:0 8px 6px}.tv-titre b{font-size:9px;padding:4px 7px}.tv-titre span{font-size:13px;padding:3px 9px}
  .tv-antenne{font-size:9px;padding:3px 7px}.tv-bug{font-size:10px}
  .tv-cadre .yt-avec-image .yt-play{top:36%;width:50px;height:50px}
}
@media (prefers-reduced-motion:reduce){.tv-titre{transform:none;transition:none}.tv-ticker span,.tv-antenne i{animation:none}.tv-flash{display:none}}
