/* ============================================================
   OYA FILMS — index.css
   Styles spécifiques à la page d'accueil
   Compilé & optimisé — avril 2026
   ============================================================ */

/* ── Variables locales ── */
:root {
  --gold:   #c8b89a;
  --gold-h: #ddd0b8;
  --ink:    #1a1a1a;
  --cream:  #f0ebe0;
  --muted:  rgba(232,228,220,.5);
  --border: rgba(255,255,255,.07);
}

/* ── Correctifs thème Streamit ── */
.nav-overlay          { display:none!important; pointer-events:none!important; }
header#main-header    { display:none!important; }
.iq-main-header       { z-index:0!important; }
#loading              { pointer-events:none!important; }
.oya-search-input     { color:#f0ebe0!important; -webkit-text-fill-color:#f0ebe0!important; }
.oya-search-input::placeholder { color:rgba(232,228,220,.4)!important; opacity:1; }

/* ── Bandeau nouveauté ── */
.oya-newband {
  background:var(--gold);
  padding:.55rem 4vw;
  display:flex;
  align-items:center;
  gap:1rem;
  justify-content:center;
  flex-wrap:wrap;
  transition:opacity .3s;
}
.oya-newband-pill {
  background:var(--ink);
  color:var(--gold);
  font-family:'DM Sans',sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:3px 10px;
  border-radius:20px;
  white-space:nowrap;
}
.oya-newband-text { font-family:'DM Sans',sans-serif; font-size:12px; color:var(--ink); }
.oya-newband-link {
  font-family:'DM Sans',sans-serif;
  font-size:11px;
  font-weight:500;
  color:var(--ink);
  text-decoration:underline;
  text-underline-offset:3px;
  white-space:nowrap;
}
.oya-newband-link:hover { opacity:.7; color:var(--ink); text-decoration:underline; }
.nb-dot { width:5px; height:5px; border-radius:50%; background:rgba(26,26,26,.25); transition:background .3s; cursor:pointer; }
.nb-dot-active { background:var(--ink); }

/* ── Slider héro ── */
.oya-slide-bg {
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transform:scale(1.08) translateY(0px);
}
.oya-slider-progress {
  position:absolute;
  bottom:0; left:0; right:0;
  height:2px;
  background:rgba(255,255,255,.1);
  z-index:20;
  overflow:hidden;
}
.oya-slider-progress-bar { height:100%; background:var(--gold); width:0%; }

/* ── Animations slide (titres mot par mot + entrées) ── */
.oya-slide-title .word {
  display:inline-block;
  opacity:0;
  transform:translateY(22px);
  transition:opacity .5s,transform .5s;
}
.oya-slide.active .oya-slide-title .word { opacity:1; transform:translateY(0); }
.oya-slide-tag  { opacity:0; transform:translateY(12px); transition:opacity .4s .1s,transform .4s .1s; }
.oya-slide.active .oya-slide-tag { opacity:1; transform:translateY(0); }
.oya-slide-desc { opacity:0; transform:translateY(14px); transition:opacity .5s .35s,transform .5s .35s; }
.oya-slide.active .oya-slide-desc { opacity:1; transform:translateY(0); }
.oya-slide-btn  { opacity:0; transform:translateY(10px); transition:opacity .5s .5s,transform .5s .5s; }
.oya-slide.active .oya-slide-btn { opacity:1; transform:translateY(0); }

/* ── Section identité (chiffres clés) ── */
.oya-identity {
  background:#0d0d0d;
  border-top:.5px solid rgba(255,255,255,.06);
  border-bottom:.5px solid rgba(255,255,255,.06);
  padding:2.5rem 4vw;
  display:grid;
  grid-template-columns:1fr .5px 1fr .5px 1fr;
}
.oya-identity-sep { background:rgba(255,255,255,.07); }
.oya-identity-item { padding:0 2.5rem; text-align:center; }
.oya-identity-item:first-child { padding-left:0; }
.oya-identity-item:last-child  { padding-right:0; }
.oya-identity-num {
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,5vw,3.2rem);
  font-weight:700;
  color:var(--gold);
  line-height:1;
  display:block;
}
.oya-identity-label { font-family:'DM Sans',sans-serif; font-size:11px; font-weight:300; color:rgba(232,228,220,.45); margin-top:.4rem; }

/* ── Grille éditoriale vidéos ── */
.oya-editorial {
  display:grid;
  grid-template-columns:1.6fr 1fr;
  grid-template-rows:auto auto;
  gap:12px;
  padding:0 4vw;
}
.oya-ed-main {
  grid-row:1/3;
  position:relative;
  border-radius:12px;
  overflow:hidden;
  background:#1a1a1a;
  text-decoration:none;
  display:block;
}
.oya-ed-main:hover { text-decoration:none; }
.oya-ed-main img { width:100%; aspect-ratio:3/2; object-fit:cover; display:block; transition:transform .45s; }
.oya-ed-main:hover img { transform:scale(1.04); }
.oya-ed-main-body {
  position:absolute;
  bottom:0; left:0; right:0;
  padding:1.5rem 1.4rem 1.2rem;
  background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.4) 60%,transparent);
}
.oya-ed-main-tag   { font-family:'DM Sans',sans-serif; font-size:9px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin-bottom:.5rem; display:block; }
.oya-ed-main-title { font-family:'Playfair Display',serif; font-size:clamp(1.1rem,2vw,1.5rem); font-weight:700; color:var(--cream); line-height:1.25; margin-bottom:.4rem; }
.oya-ed-main-desc  { font-family:'DM Sans',sans-serif; font-size:12px; font-weight:300; color:rgba(232,228,220,.65); line-height:1.5; opacity:0; transform:translateY(6px); transition:opacity .3s,transform .3s; max-height:0; overflow:hidden; }
.oya-ed-main:hover .oya-ed-main-desc { opacity:1; transform:translateY(0); max-height:100px; }
.oya-ed-main-play  { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(.8); width:52px; height:52px; border-radius:50%; background:rgba(200,184,154,.9); display:flex; align-items:center; justify-content:center; color:var(--ink); font-size:18px; opacity:0; transition:opacity .3s,transform .3s; }
.oya-ed-main:hover .oya-ed-main-play { opacity:1; transform:translate(-50%,-50%) scale(1); }

.oya-ed-side { position:relative; border-radius:10px; overflow:hidden; background:#1a1a1a; text-decoration:none; display:block; }
.oya-ed-side:hover { text-decoration:none; }
.oya-ed-side img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; transition:transform .4s; }
.oya-ed-side:hover img { transform:scale(1.05); }
.oya-ed-side-body  { position:absolute; bottom:0; left:0; right:0; padding:.9rem 1rem .8rem; background:linear-gradient(to top,rgba(0,0,0,.85),transparent); }
.oya-ed-side-tag   { font-family:'DM Sans',sans-serif; font-size:9px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:.25rem; }
.oya-ed-side-title { font-family:'DM Sans',sans-serif; font-size:13px; font-weight:500; color:var(--cream); line-height:1.3; }
.oya-ed-side-desc  { font-family:'DM Sans',sans-serif; font-size:11px; font-weight:300; color:rgba(232,228,220,.6); margin-top:.25rem; opacity:0; transform:translateY(4px); transition:opacity .25s,transform .25s; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.oya-ed-side:hover .oya-ed-side-desc { opacity:1; transform:translateY(0); }
.oya-ed-side-play  { position:absolute; top:10px; right:10px; width:30px; height:30px; border-radius:50%; background:rgba(200,184,154,.85); display:flex; align-items:center; justify-content:center; color:var(--ink); font-size:11px; opacity:0; transition:opacity .25s; }
.oya-ed-side:hover .oya-ed-side-play { opacity:1; }

/* ── Bloc featured (podcasts & articles) ── */
.oya-pod-featured {
  display:grid;
  grid-template-columns:220px 1fr;
  gap:1.5rem;
  margin:0 4vw 1.5rem;
  background:#141414;
  border:.5px solid rgba(255,255,255,.08);
  border-radius:14px;
  overflow:hidden;
}
.oya-pod-featured img { width:100%; height:100%; object-fit:cover; display:block; min-height:180px; }
.oya-pod-featured-body { padding:1.3rem 1.5rem 1.3rem 0; display:flex; flex-direction:column; gap:.5rem; }
.oya-pod-featured-tag   { font-family:'DM Sans',sans-serif; font-size:9px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); }
.oya-pod-featured-title { font-family:'Playfair Display',serif; font-size:1.3rem; font-weight:700; color:var(--cream); line-height:1.25; }
.oya-pod-featured-desc  { font-family:'DM Sans',sans-serif; font-size:12px; font-weight:300; color:var(--muted); line-height:1.6; }
.oya-pod-featured-cta   { display:inline-flex; align-items:center; gap:.4rem; margin-top:.3rem; font-family:'DM Sans',sans-serif; font-size:11px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); text-decoration:none; }
.oya-pod-featured-cta:hover { opacity:.75; color:var(--gold); text-decoration:none; }

/* ── Lecteur audio ── */
.oya-player { background:#1e1e1e; border:.5px solid var(--border); border-radius:10px; padding:.6rem .75rem .65rem; display:flex; flex-direction:column; gap:.45rem; font-family:'DM Sans',sans-serif; margin-top:.5rem; }
.oya-prog-wrap  { position:relative; height:28px; display:flex; align-items:center; cursor:pointer; padding:0 2px; touch-action:none; }
.oya-prog-track { position:absolute; left:2px; right:2px; height:3px; background:rgba(255,255,255,.1); border-radius:3px; overflow:hidden; pointer-events:none; }
.oya-prog-buf   { position:absolute; top:0; left:0; height:100%; background:rgba(200,184,154,.18); border-radius:3px; width:0%; }
.oya-prog-fill  { position:absolute; top:0; left:0; height:100%; background:var(--gold); width:0%; border-radius:3px; transition:width .1s linear; }
.oya-prog-thumb { position:absolute; top:50%; width:12px; height:12px; background:var(--gold); border-radius:50%; transform:translate(-50%,-50%); left:0%; opacity:0; transition:opacity .15s; pointer-events:none; box-shadow:0 0 0 3px rgba(200,184,154,.2); }
.oya-prog-wrap:hover .oya-prog-thumb,
.oya-prog-wrap.dragging .oya-prog-thumb { opacity:1; }
.oya-player-controls { display:flex; align-items:center; gap:.55rem; }
.oya-play-btn-pod { width:32px; height:32px; min-width:32px; border-radius:50%; background:var(--gold); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s,transform .1s; flex-shrink:0; }
.oya-play-btn-pod:hover  { background:var(--gold-h); }
.oya-play-btn-pod:active { transform:scale(.93); }
.oya-play-btn-pod svg    { width:12px; height:12px; fill:var(--ink); display:block; }
.oya-time-pod { font-size:10px; font-weight:500; color:rgba(232,228,220,.4); min-width:76px; text-align:right; flex-shrink:0; letter-spacing:.02em; }

/* ── Footer enrichi ── */
.oya-footer-new { background:#080808!important; border-top:.5px solid rgba(255,255,255,.06); font-family:'DM Sans',sans-serif; }
.oya-footer-top { display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr; gap:2.5rem; padding:3rem 4vw 2.5rem; border-bottom:.5px solid rgba(255,255,255,.05); }
.oya-footer-brand-name      { font-family:'Playfair Display',serif; font-size:1.3rem; font-weight:700; color:var(--cream); margin-bottom:.5rem; }
.oya-footer-brand-name span { color:var(--gold); }
.oya-footer-brand-desc { font-size:12px; font-weight:300; color:rgba(232,228,220,.38); line-height:1.7; margin-bottom:1rem; }
.oya-footer-island     { display:flex; align-items:center; gap:.5rem; font-size:11px; color:rgba(232,228,220,.3); }
.oya-footer-island-dot { width:6px; height:6px; border-radius:50%; background:var(--gold); flex-shrink:0; }
.oya-footer-col-title  { font-size:10px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:rgba(232,228,220,.3); margin-bottom:.9rem; }
.oya-footer-col a      { display:block; font-size:13px; color:rgba(232,228,220,.5); text-decoration:none; padding:.3rem 0; transition:color .2s; }
.oya-footer-col a:hover { color:var(--gold); }
.oya-footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding:1.2rem 4vw; }
.oya-footer-copy   { font-size:11px; color:rgba(232,228,220,.2); }
.oya-footer-legal  { display:flex; gap:1.5rem; }
.oya-footer-legal a { font-size:11px; color:rgba(232,228,220,.2); text-decoration:none; transition:color .2s; }
.oya-footer-legal a:hover { color:rgba(232,228,220,.5); }
.oya-footer-social-new a { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.05); border:.5px solid rgba(255,255,255,.1); color:rgba(255,255,255,.4); font-size:13px; transition:background .2s; text-decoration:none; }
.oya-footer-social-new a:hover { background:rgba(200,184,154,.15); color:var(--gold); }

/* ══ RESPONSIVE ══════════════════════════════════════════════════ */

/* Tablette paysage */
@media(max-width:900px){
  .oya-editorial { grid-template-columns:1.3fr 1fr; gap:10px; }
  .oya-pod-featured { grid-template-columns:180px 1fr; }
  .oya-pod-featured-title { font-size:1.1rem; }
}

/* Tablette portrait */
@media(max-width:700px){
  /* Hero : contenu plus compact */
  .oya-slide-content { padding:1.5rem 5vw 3.5rem; }
  .oya-slide-tag  { font-size:9px; }
  .oya-slide-btn  { padding:9px 18px; font-size:11px; }

  /* Grille éditoriale : empilée */
  .oya-editorial { grid-template-columns:1fr; grid-template-rows:auto; gap:8px; }
  .oya-ed-main   { grid-row:auto; }
  .oya-ed-main img { aspect-ratio:16/9; }
  .oya-ed-main-body { padding:1rem 1rem .9rem; }
  .oya-ed-main-title { font-size:1.1rem; }
  .oya-ed-main-desc { display:none; }

  /* Sections */
  .oya-section { padding:0 0 1.5rem; }
  .oya-section-head { padding:1.75rem 4vw .6rem; }

  /* Pod featured */
  .oya-pod-featured { grid-template-columns:150px 1fr; gap:1rem; margin:0 4vw 1rem; }
  .oya-pod-featured img { min-height:150px; }
  .oya-pod-featured-title { font-size:1rem; }
  .oya-pod-featured-desc  { font-size:11px; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }

  /* Footer */
  .oya-footer-top { grid-template-columns:1fr 1fr !important; gap:2rem !important; }
}

/* Mobile */
@media(max-width:540px){
  /* Bandeau nouveauté */
  .oya-newband { gap:.5rem; padding:.5rem 4vw; text-align:center; }
  .oya-newband-text { font-size:11px; }

  /* Bandeau : même largeur que les cards podcast (165px), texte tronqué */
  .oya-newband {
    flex-wrap:nowrap;
    gap:.4rem;
    justify-content:flex-start;
    overflow:hidden;
  }
  .oya-newband-pill { flex-shrink:0; }
  .oya-newband-text {
    flex:1;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:11px;
  }
  .oya-newband-link { flex-shrink:0; }
  #newband-dots { flex-shrink:0; }

  /* Hero : titre plus petit, description cachée */
  .oya-hero { min-height:62vw; }
  .oya-slide-content { padding:1rem 5vw 3rem; max-width:100%; }
  .oya-slide-desc { display:none; }
  .oya-slide-title .word { font-size:clamp(1.2rem,5.5vw,2rem); }

  /* Identité : 3 stats en ligne, labels tronqués si nécessaire */
  .oya-identity {
    grid-template-columns:1fr 1px 1fr 1px 1fr;
    gap:0;
    padding:1.25rem 3vw;
    align-items:center;
    overflow:hidden;
  }
  .oya-identity-sep { display:block; background:rgba(255,255,255,.07); width:1px; align-self:stretch; }
  .oya-identity-item { padding:0 2vw; text-align:center; min-width:0; overflow:hidden; }
  .oya-identity-item:first-child { padding-left:0; }
  .oya-identity-item:last-child  { padding-right:0; }
  .oya-identity-num   { font-size:clamp(1rem,4.5vw,1.4rem); }
  .oya-identity-label {
    font-size:clamp(7px,2vw,9px);
    margin-top:.2rem;
    line-height:1.3;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  /* Grille éditoriale mobile : grande card seulement */
  .oya-editorial { gap:0; }
  .oya-ed-side { display:none; }

  /* Sections carrousel */
  .oya-section-head { padding:1.5rem 4vw .5rem; }
  .oya-section-title { font-size:1rem; }
  .oya-cards-outer { padding:0; }

  /* Pod featured : une colonne */
  .oya-pod-featured { grid-template-columns:1fr; margin:0 4vw 1rem; }
  .oya-pod-featured img { height:160px; min-height:unset; object-fit:cover; }
  .oya-pod-featured-body { padding:1rem 1rem .9rem 1rem; }
  .oya-pod-featured-title { font-size:1rem; }
  .oya-pod-featured-desc  { font-size:11px; display:block; }
  .oya-time-pod { min-width:60px; }

  /* Footer */
  .oya-footer-top    { grid-template-columns:1fr 1fr !important; gap:1.5rem !important; }
  .oya-footer-bottom { flex-direction:column !important; align-items:flex-start !important; gap:.5rem !important; }
}

/* Très petit mobile */
@media(max-width:380px){
  /* Identité : empilée verticalement */
  .oya-identity {
    grid-template-columns:1fr;
    gap:0;
    padding:1rem 4vw;
  }
  .oya-identity-sep { display:none; }
  .oya-identity-item {
    padding:.7rem 0;
    border-bottom:.5px solid rgba(255,255,255,.06);
    text-align:left;
    display:flex;
    align-items:center;
    gap:.75rem;
  }
  .oya-identity-item:last-child { border-bottom:none; }
  .oya-identity-num   { font-size:1.6rem; flex-shrink:0; }
  .oya-identity-label { font-size:10px; white-space:normal; text-overflow:unset; }

  /* Grande card visible, sides toujours cachés */
  .oya-ed-side { display:none; }

  .oya-pod-featured img { height:140px; }
  .oya-footer-top { grid-template-columns:1fr !important; }
}