/* Fashion on Screen — V36
   Unified dark professional area + higher-contrast typography and forms. */

:root{
  --fos36-night:#011d1a;
  --fos36-deep:#022824;
  --fos36-surface:#04352f;
  --fos36-surface-2:#06433b;
  --fos36-surface-3:#075047;
  --fos36-cream:#fff8f2;
  --fos36-text:rgba(255,248,242,.92);
  --fos36-muted:rgba(255,248,242,.74);
  --fos36-soft:rgba(255,248,242,.60);
  --fos36-line:rgba(255,248,242,.18);
  --fos36-line-strong:rgba(255,248,242,.30);
  --fos36-accent:#dfeee8;
}

/* All destinations grouped under the Professional menu. */
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact){
  background:var(--fos36-night)!important;
  color:var(--fos36-cream)!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) main{
  background:var(--fos36-night)!important;
  color:var(--fos36-cream)!important;
}

/* Header / hero */
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .site-header:not(.scrolled){
  background:linear-gradient(180deg,rgba(1,29,26,.98),rgba(1,29,26,.78) 72%,transparent)!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .v6-page-hero{
  background:
    radial-gradient(circle at 78% 18%,rgba(34,134,116,.22),transparent 30%),
    radial-gradient(circle at 15% 82%,rgba(13,92,80,.18),transparent 28%),
    linear-gradient(145deg,#06453d 0%,#022d28 48%,#011815 100%)!important;
  color:var(--fos36-cream)!important;
  border-bottom:1px solid var(--fos36-line)!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .v6-page-hero :where(h1,h2,h3,strong,b,.v6-title,.v6-kicker){color:#fff!important}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .v6-page-hero :where(p,span,.v6-lead){color:var(--fos36-text)!important}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .v6-page-hero-foot{
  color:var(--fos36-muted)!important;
  border-color:var(--fos36-line)!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .v6-page-hero-foot strong{color:#fff!important}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .v6-hero-orbit{border-color:rgba(255,248,242,.12)!important}

/* Every content band in the professional area stays dark. */
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) :is(.v6-section,.v6-section.alt,.v6-section.soft,.v6-section.paper,.section,.form-section-wrap,.cta-section,.v5-public){
  background:var(--fos36-night)!important;
  color:var(--fos36-cream)!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) :is(.v6-section,.section,.form-section-wrap,.v5-public)+:is(.v6-section,.section,.form-section-wrap,.v5-public){
  border-top:1px solid rgba(255,248,242,.07)!important;
}

/* Typography: stronger contrast, slightly easier reading. */
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) :where(h1,h2,h3,h4,h5,h6,.display,.v6-section-title,.v5-public-head h2){
  color:#fff!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) :where(p,.body-copy,li){
  color:var(--fos36-text)!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) :where(.eyebrow,.v6-eyebrow,.label,.field small,.form-note,.required-note,small){
  color:var(--fos36-muted)!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) :where(.v6-section-head p,.form-aside p){
  color:var(--fos36-text)!important;
  line-height:1.8!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) a:not(.btn):not(.micro-btn){
  text-underline-offset:3px;
}

/* Professional overview cards. */
body.v36-page.page-professionnels :is(.v7-pro-section,#categories){background:var(--fos36-night)!important}
body.v36-page.page-professionnels .v7-pro-card{
  background:linear-gradient(150deg,var(--fos36-surface-2),var(--fos36-surface))!important;
  border:1px solid var(--fos36-line)!important;
  color:var(--fos36-cream)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.18)!important;
}
body.v36-page.page-professionnels .v7-pro-card:hover{
  background:linear-gradient(150deg,var(--fos36-surface-3),var(--fos36-surface-2))!important;
  border-color:var(--fos36-line-strong)!important;
}
body.v36-page.page-professionnels .v7-pro-card :where(h3,strong,b){color:#fff!important}
body.v36-page.page-professionnels .v7-pro-card :where(p,small,span){color:var(--fos36-text)!important}
body.v36-page.page-professionnels .v7-pro-card>b{color:#f6d7c6!important}

/* Production content cards. */
body.v36-page.page-production .v6-intro-card{
  background:linear-gradient(150deg,var(--fos36-surface),#032c28)!important;
  border-color:var(--fos36-line)!important;
}
body.v36-page.page-production .v6-intro-card:hover{background:var(--fos36-surface-2)!important}
body.v36-page.page-production .v6-intro-card :where(h3){color:#fff!important}
body.v36-page.page-production .v6-intro-card :where(p,span){color:var(--fos36-text)!important}

/* Forms: no cream/white cards inside the professional area. */
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-contact) .form-card{
  background:linear-gradient(155deg,var(--fos36-surface),#032b27)!important;
  color:var(--fos36-cream)!important;
  border:1px solid var(--fos36-line)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.20)!important;
}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-contact) .form-card :where(legend,h2,h3,h4,label,.field-label,strong,b){color:#fff!important}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-contact) .form-card :where(p,small,.form-note,.required-note){color:var(--fos36-muted)!important}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-contact) .form-card legend,
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-contact) .form-actions{border-color:var(--fos36-line)!important}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-contact) .form-alert{
  background:#0a493f!important;
  border-color:rgba(255,248,242,.22)!important;
  color:#fff!important;
}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-contact) :is(input,textarea,select){
  color:#fff!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,248,242,.20)!important;
  border-radius:10px!important;
  padding:12px 13px!important;
  caret-color:#fff!important;
}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-contact) :is(input,textarea,select):focus{
  border-color:rgba(255,248,242,.60)!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:0 0 0 3px rgba(223,238,232,.10)!important;
}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) :is(input,textarea)::placeholder{color:rgba(255,248,242,.50)!important}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-contact) select option{background:#04352f!important;color:#fff!important}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-contact) .file-input{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(255,248,242,.24)!important;
  border-radius:12px!important;
}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse) .form-aside{color:var(--fos36-cream)!important}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse) .form-index{border-color:var(--fos36-line)!important}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse) .form-index a{
  color:var(--fos36-text)!important;
  border-color:var(--fos36-line)!important;
}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse) .form-index b{color:var(--fos36-soft)!important}
body.v36-page.page-candidatures .form-tabs{
  background:var(--fos36-night)!important;
  border-color:var(--fos36-line)!important;
}
body.v36-page.page-candidatures .form-tab{
  color:var(--fos36-muted)!important;
  border-color:var(--fos36-line)!important;
  background:transparent!important;
}
body.v36-page.page-candidatures .form-tab.active{
  background:var(--fos36-cream)!important;
  color:#02352f!important;
  border-color:var(--fos36-cream)!important;
}
body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse) .check{color:var(--fos36-text)!important}
body.v36-page.page-partenaires .radio-pill span{
  color:var(--fos36-text)!important;
  border-color:var(--fos36-line)!important;
  background:rgba(255,255,255,.03)!important;
}
body.v36-page.page-partenaires .radio-pill input:checked+span{
  background:var(--fos36-cream)!important;
  color:#02352f!important;
  border-color:var(--fos36-cream)!important;
}

/* Partner offer cards. */
body.v36-page.page-partenaires .price-card{
  background:linear-gradient(150deg,var(--fos36-surface),#032b27)!important;
  color:var(--fos36-cream)!important;
  border-color:var(--fos36-line)!important;
}
body.v36-page.page-partenaires .price-card.featured{
  background:linear-gradient(150deg,#0a5a4f,#06443c)!important;
  border-color:rgba(255,248,242,.28)!important;
}
body.v36-page.page-partenaires .price-card :where(h3,.price,strong){color:#fff!important}
body.v36-page.page-partenaires .price-card :where(.label,li,small){color:var(--fos36-text)!important}
body.v36-page.page-partenaires .price-card :where(ul,li){border-color:var(--fos36-line)!important}
body.v36-page.page-partenaires .v5-public{
  background:var(--fos36-deep)!important;
  color:var(--fos36-cream)!important;
  border-block:1px solid var(--fos36-line)!important;
}
body.v36-page.page-partenaires .v5-public :where(h2,h3,strong){color:#fff!important}
body.v36-page.page-partenaires .v5-public :where(p,span,small){color:var(--fos36-text)!important}

/* Contact page. */
body.v36-page.page-contact .contact-grid{color:var(--fos36-cream)!important}
body.v36-page.page-contact .contact-email{color:#fff!important}
body.v36-page.page-contact .social-button{
  color:#fff!important;
  border-color:var(--fos36-line-strong)!important;
  background:rgba(255,255,255,.035)!important;
}
body.v36-page.page-contact .social-button:hover{background:var(--fos36-cream)!important;color:#02352f!important}
body.v36-page.page-contact .social-button:hover b{color:#02352f!important}

/* CTA bands remain dark but clearly separated. */
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) :is(.v6-cta,.cta-section){
  background:#052f2b!important;
  color:var(--fos36-cream)!important;
  border-top:1px solid var(--fos36-line)!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) :is(.v6-cta,.cta-section) :where(h2,h3,strong){color:#fff!important}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) :is(.v6-cta,.cta-section) p{color:var(--fos36-text)!important}

/* Buttons: predictable high contrast on dark surfaces. */
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .btn.light{
  color:#fff!important;
  border-color:rgba(255,255,255,.48)!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .btn.light:hover{
  background:var(--fos36-cream)!important;
  color:#02352f!important;
  border-color:var(--fos36-cream)!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .btn.green{
  background:var(--fos36-cream)!important;
  color:#02352f!important;
  border-color:var(--fos36-cream)!important;
}
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .btn.green:hover{
  background:#dfeee8!important;
  color:#011d1a!important;
  border-color:#dfeee8!important;
}

/* Accessibility / mobile */
body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) :focus-visible{
  outline:2px solid #fff!important;
  outline-offset:3px!important;
}
@media(max-width:780px){
  body.v36-page:is(.page-professionnels,.page-candidatures,.page-partenaires,.page-presse,.page-production,.page-contact) .v6-lead{color:rgba(255,248,242,.90)!important}
  body.v36-page:is(.page-candidatures,.page-partenaires,.page-presse,.page-contact) .form-card{padding:22px 16px!important}
}


/* === V37 tweaks: accueil story labels + Yannis & égérie visual block === */
body.page-index.v36-page .v5-story-panel .chapter{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  color:var(--v5-cream)!important;
  text-shadow:0 6px 20px rgba(0,0,0,.28);
}
body.page-index.v36-page .v5-story-panel .chapter small{
  color:rgba(255,244,242,.72)!important;
}
body.page-index.v36-page .v5-story-panel .chapter::before,
body.page-index.v36-page .v5-story-panel .chapter::after{
  content:none!important;
}
body.page-visages.v36-page .v37-visages-feature{
  background:linear-gradient(180deg,rgba(3,61,55,.02),rgba(3,61,55,.08));
}
body.page-visages.v36-page .v37-visages-grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:34px;
  align-items:center;
}
body.page-visages.v36-page .v37-visages-figure{
  margin:0;
  border:1px solid rgba(255,244,242,.14);
  border-radius:26px;
  overflow:hidden;
  background:rgba(255,255,255,.03);
  box-shadow:0 28px 70px rgba(0,0,0,.18);
}
body.page-visages.v36-page .v37-visages-figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:cover;
}
body.page-visages.v36-page .v37-visages-figure figcaption{
  padding:14px 18px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,244,242,.68);
  border-top:1px solid rgba(255,244,242,.12);
}
body.page-visages.v36-page .v37-visages-copy p{
  color:rgba(255,244,242,.78);
}
body.page-visages.v36-page .v37-visages-points{
  list-style:none;
  margin:22px 0 28px;
  padding:0;
  display:grid;
  gap:12px;
}
body.page-visages.v36-page .v37-visages-points li{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,244,242,.12);
  background:rgba(255,255,255,.03);
  color:rgba(255,244,242,.82);
}
body.page-visages.v36-page .v37-visages-points strong{color:#fff}
@media (max-width: 980px){
  body.page-visages.v36-page .v37-visages-grid{grid-template-columns:1fr}
}