/* STUDIO 2.0 — V80: Galerie responsive, hero Studio sur iPad.
   Surcharges ciblées, sans changement de la navigation générale ni du magazine. */
/* Galerie desktop : une seule réserve pour les deux barres fixes.
   On supprime le cumul (146px main + 170px page-intro). */
body.gallery-page-v183.secondary-studio-page-v83 main {
  padding-top:0!important;
}
body.gallery-page-v183 .unified-gallery-intro-v71 {
  padding-top:clamp(172px,13vw,191px)!important;
}
body.gallery-page-v183 .gallery-return-v80 {display:none;}
/* Le menu Studio historique reste affiché sur écran ordinateur. */
@media(max-width:1060px){
  /* Sur iPad et téléphone, le sous-menu est dans le menu hamburger
     déjà utilisé partout sur le site. Une seconde barre fixe est supprimée. */
  body.gallery-page-v183 nav.studio-subnav.gallery-studio-subnav-v79[data-studio-nav="v44"] {
    display:none!important;visibility:hidden!important;
  }
  body.gallery-page-v183.secondary-studio-page-v83 main {padding-top:0!important;}
  body.gallery-page-v183 .unified-gallery-intro-v71 {
    padding-top:clamp(105px,11vw,123px)!important;
  }
  /* Dans l'en-tête de la galerie, conserver le sélecteur des langues et
     le menu mobile, remplacer uniquement le logo par un retour explicite. */
  body.gallery-page-v183 .topbar .brand {display:none!important;}
  body.gallery-page-v183 .topbar .gallery-return-v80 {
    display:inline-flex!important;align-items:center;justify-content:center;
    gap:8px;flex:0 0 auto;max-width:calc(100vw - 160px);
    padding:10px 12px;border:1px solid rgba(255,255,255,.24);
    border-radius:999px;background:rgba(255,255,255,.055);
    color:#f7f3fa;text-decoration:none;
    font-size:10px;font-weight:550;letter-spacing:.085em;
    line-height:1.1;white-space:nowrap;transition:background .2s,border-color .2s;
  }
  body.gallery-page-v183 .topbar .gallery-return-v80:hover,
  body.gallery-page-v183 .topbar .gallery-return-v80:focus-visible {
    background:rgba(165,98,224,.16);border-color:rgba(224,157,243,.65);
  }
  body.gallery-page-v183 .topbar .wrap.nav {gap:8px!important;}
  body.gallery-page-v183 .topbar .mobile-lang-v85 {margin-left:auto!important;}
  body.gallery-page-v183 .topbar .burger {margin-left:2px!important;}
}
@media(max-width:380px){
  body.gallery-page-v183 .topbar .gallery-return-v80 {padding:9px 9px;font-size:9px;letter-spacing:.035em;}
  body.gallery-page-v183 .topbar .wrap.nav {gap:6px!important;}
  body.gallery-page-v183 .unified-gallery-intro-v71 {padding-top:104px!important;}
}
/* Recadrage progressif de l'image principale du Studio aux largeurs iPad.
   On préserve strictement les styles mobile existants <=760px et desktop >1180px. */
@media(min-width:761px) and (max-width:1180px) and (min-height:501px){
  body > main > .studio-home-hero-v69.hero > .hero-media {overflow:hidden!important;}
  body > main > .studio-home-hero-v69.hero > .hero-media picture {
    position:absolute!important;inset:0!important;display:block!important;
    width:100%!important;height:100%!important;
  }
  body > main > .studio-home-hero-v69.hero > .hero-media picture img {
    width:100%!important;height:100%!important;object-fit:cover!important;
    object-position:90% 52%!important;
    transform:scale(1.12)!important;transform-origin:88% 52%!important;
  }
}

/* V81 — Galerie accessible dès le haut de la page Studio : CTA discret, présent sur les quatre langues. */
.studio-home-hero-v69 .hero-content .actions .btn-gallery-v81{
  border:1px solid rgba(231,192,248,.63);
  background:rgba(40,18,56,.32);
  color:#f3dcfc;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  font-weight:600;
}
.studio-home-hero-v69 .hero-content .actions .btn-gallery-v81:hover,
.studio-home-hero-v69 .hero-content .actions .btn-gallery-v81:focus-visible{
  border-color:#f1c5ff;background:rgba(109,39,139,.42);color:#fff;
}
@media(max-width:600px){
  /* Ne pas laisser un troisième bouton écraser les deux CTA existants. */
  .studio-home-hero-v69.hero .hero-content .actions .btn-gallery-v81{
    grid-column:1/-1;min-height:38px!important;padding:8px 12px!important;
    font-size:10px!important;
  }
}
@media(max-width:359px){
  .studio-home-hero-v69.hero .hero-content .actions .btn-gallery-v81{grid-column:auto;}
}

/* V82 — Un seul CTA en haut du Studio. Texte, photographie et parcours plus épurés. */
.studio-home-hero-v69 .hero-content .actions .btn-gallery-v81 {
  border:1px solid rgba(255,255,255,.84)!important;
  background:linear-gradient(105deg,#f9f5fd 0%,#e9dafa 100%)!important;
  color:#211327!important;
  text-shadow:none!important;
  font-weight:650!important;
  box-shadow:0 8px 28px rgba(0,0,0,.17);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.studio-home-hero-v69 .hero-content .actions .btn-gallery-v81:is(:hover,:focus-visible) {
  background:linear-gradient(105deg,#fff 0%,#f2e8ff 100%)!important;
  color:#211327!important;
  transform:translateY(-2px);
  box-shadow:0 10px 33px rgba(0,0,0,.25);
}
@media (max-width:760px){
  .studio-home-hero-v69.hero .hero-content .actions {
    display:flex!important;justify-content:flex-start!important;align-items:center!important;
    width:100%!important;
  }
  .studio-home-hero-v69.hero .hero-content .actions .btn-gallery-v81 {
    width:auto!important;min-width:210px!important;max-width:100%!important;
    min-height:44px!important;padding:10px 22px!important;
    grid-column:auto!important;font-size:10px!important;
  }
}
@media(max-width:360px){
  .studio-home-hero-v69.hero .hero-content .actions .btn-gallery-v81 {
    min-width:0!important;padding-inline:14px!important;
  }
}


/* V85 — compact single gallery CTA, keeping an accessible tap target */
.studio-home-hero-v69 .hero-content .actions .btn-gallery-v81 {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:max-content!important;max-width:100%!important;min-width:0!important;
  min-height:39px!important;padding:9px 16px!important;
  font-size:11px!important;line-height:1.3!important;letter-spacing:.045em!important;
  box-shadow:0 5px 18px rgba(0,0,0,.15)!important;
}
@media (max-width:760px){
  .studio-home-hero-v69.hero .hero-content .actions .btn-gallery-v81 {
    width:max-content!important;max-width:100%!important;min-width:0!important;
    min-height:41px!important;padding:10px 14px!important;font-size:10.5px!important;
  }
}