/* =========================================================
   TH3REALFR — CARTES PREMIUM COLLECTIONS V192
   Référence : Collections Populaires Premium V16
   SAFE : présentation uniquement.
========================================================= */

/* ---------- ACTRICES : alignement exact de la signature ---------- */
body:not(.wp-admin) .th3act-card-link{
  border:none !important;
  outline:1px solid rgba(255,255,255,.06) !important;
  outline-offset:-1px;
  border-radius:26px !important;
  box-shadow:0 24px 68px rgba(0,0,0,.58) !important;
}
body:not(.wp-admin) .th3act-img:after{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.055),transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.18) 30%,rgba(0,0,0,.72) 72%,rgba(0,0,0,.985) 100%),
    linear-gradient(90deg,rgba(0,0,0,.22),transparent 38%,rgba(0,0,0,.18)) !important;
}
body:not(.wp-admin) .th3act-badge{
  border:1px solid rgba(200,169,95,.32) !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.58) !important;
  color:var(--th3-gold-2) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body:not(.wp-admin) .th3act-name{
  position:relative;
  padding-left:16px !important;
  font-style:italic;
  font-weight:950 !important;
  letter-spacing:-.038em !important;
  line-height:.98 !important;
  text-transform:uppercase;
  text-shadow:0 5px 22px rgba(0,0,0,.82);
}
body:not(.wp-admin) .th3act-name:before{
  content:"";
  position:absolute;
  left:0;
  top:.08em;
  width:4px;
  height:.92em;
  border-radius:999px;
  background:linear-gradient(180deg,var(--th3-gold-3),var(--th3-gold-2),var(--th3-gold));
  box-shadow:0 0 18px rgba(226,195,122,.38);
}
@media(hover:hover){
  body:not(.wp-admin) .th3act-card-link:hover{
    transform:translateY(-8px) !important;
    outline-color:rgba(226,195,122,.44) !important;
    box-shadow:0 40px 105px rgba(0,0,0,.84),0 0 64px rgba(200,169,95,.12) !important;
  }
}

/* ---------- VIDÉOS : carte entière = visuel immersif ---------- */
body:not(.wp-admin) .th3yt-grid{
  gap:34px !important;
}
body:not(.wp-admin) .th3yt-card{
  position:relative;
}
body:not(.wp-admin) .th3yt-card-link{
  position:relative;
  display:block !important;
  aspect-ratio:16/11;
  overflow:hidden;
  border-radius:26px;
  color:#fff;
  text-decoration:none !important;
  background:linear-gradient(145deg,#19110d,#0d0907 72%);
  outline:1px solid rgba(255,255,255,.06);
  outline-offset:-1px;
  isolation:isolate;
  box-shadow:0 24px 68px rgba(0,0,0,.58);
  transition:transform .34s cubic-bezier(.2,.8,.2,1),outline-color .34s ease,box-shadow .34s ease;
}
body:not(.wp-admin) .th3yt-card-link:after{
  content:"";
  position:absolute;
  top:-45%;left:-70%;z-index:6;
  width:58%;height:190%;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.025) 38%,rgba(255,242,189,.13) 50%,rgba(255,255,255,.03) 62%,transparent 100%);
  transform:rotate(12deg) translateX(-20%);
  opacity:0;
  transition:opacity .38s ease,transform .9s cubic-bezier(.2,.8,.2,1);
}
body:not(.wp-admin) .th3yt-card-thumbnail{
  position:absolute !important;
  inset:0;
  width:100% !important;
  height:100% !important;
  aspect-ratio:auto !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:#0d0907 !important;
}
body:not(.wp-admin) .th3yt-card-thumbnail img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.72) saturate(1.02) contrast(1.04) !important;
  transform:scale(1.002);
  transition:transform .64s cubic-bezier(.2,.8,.2,1),filter .34s ease !important;
}
body:not(.wp-admin) .th3yt-card-gradient{
  z-index:1;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.055),transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.16) 28%,rgba(0,0,0,.72) 70%,rgba(0,0,0,.985) 100%) !important;
}
body:not(.wp-admin) .th3yt-card-info{
  position:absolute;
  left:0;right:0;bottom:0;z-index:4;
  padding:24px 23px 22px !important;
  pointer-events:none;
}
body:not(.wp-admin) .th3yt-card-title{
  position:relative;
  padding-left:16px;
  margin:0;
  color:#fff;
  font-family:var(--th3-font-display);
  font-size:clamp(22px,1.65vw,32px) !important;
  line-height:.98 !important;
  font-weight:950 !important;
  font-style:italic;
  letter-spacing:-.038em !important;
  text-transform:uppercase;
  text-shadow:0 5px 22px rgba(0,0,0,.82);
  -webkit-line-clamp:2;
}
body:not(.wp-admin) .th3yt-card-title:before{
  content:"";
  position:absolute;
  left:0;top:.08em;
  width:4px;height:.92em;
  border-radius:999px;
  background:linear-gradient(180deg,var(--th3-gold-3),var(--th3-gold-2),var(--th3-gold));
  box-shadow:0 0 18px rgba(226,195,122,.38);
}
body:not(.wp-admin) .th3yt-card-channel{
  margin:10px 0 0 16px !important;
  color:var(--th3-gold-2) !important;
  font-size:10px !important;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body:not(.wp-admin) .th3yt-card-meta{
  margin:4px 0 0 16px !important;
  color:rgba(255,255,255,.55) !important;
  font-size:9px !important;
}
body:not(.wp-admin) .th3yt-card-badge{
  top:16px !important;left:16px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  font-size:8px !important;
  letter-spacing:.13em !important;
}
body:not(.wp-admin) .th3yt-card-duration{
  right:16px !important;bottom:auto !important;top:16px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  color:#111 !important;
  background:linear-gradient(135deg,var(--th3-gold-3),var(--th3-gold-2),var(--th3-gold)) !important;
  font-size:8px !important;font-weight:950 !important;
}
body:not(.wp-admin) .th3yt-card-play{z-index:3}
body:not(.wp-admin) .th3yt-card-progress{z-index:5}
body:not(.wp-admin) .th3yt-card-completed{z-index:5}
@media(hover:hover){
  body:not(.wp-admin) .th3yt-card:hover .th3yt-card-link{
    transform:translateY(-8px);
    outline-color:rgba(226,195,122,.44);
    box-shadow:0 40px 105px rgba(0,0,0,.84),0 0 64px rgba(200,169,95,.12);
  }
  body:not(.wp-admin) .th3yt-card:hover .th3yt-card-link:after{opacity:1;transform:rotate(12deg) translateX(255%)}
  body:not(.wp-admin) .th3yt-card:hover .th3yt-card-thumbnail img{transform:scale(1.055);filter:brightness(.9) saturate(1.08) contrast(1.07) !important;opacity:1 !important}
}

/* ---------- SÉRIES : même langage visuel ---------- */
body:not(.wp-admin) .th3core-series-grid{gap:34px !important}
body:not(.wp-admin) .th3core-series-card{
  min-height:0 !important;
  aspect-ratio:16/11;
  border:0 !important;
  border-radius:26px !important;
  outline:1px solid rgba(255,255,255,.06);
  outline-offset:-1px;
  box-shadow:0 24px 68px rgba(0,0,0,.58);
  isolation:isolate;
}
body:not(.wp-admin) .th3core-series-card-shade{
  background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.055),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18) 30%,rgba(0,0,0,.72) 70%,rgba(0,0,0,.985)) !important;
}
body:not(.wp-admin) .th3core-series-card-content{padding:24px 23px 22px !important}
body:not(.wp-admin) .th3core-series-card-content h3{
  position:relative;padding-left:16px;
  font-size:clamp(24px,1.75vw,34px) !important;
  line-height:.98 !important;font-weight:950;font-style:italic;letter-spacing:-.038em;
}
body:not(.wp-admin) .th3core-series-card-content h3:before{
  content:"";position:absolute;left:0;top:.08em;width:4px;height:.92em;border-radius:999px;
  background:linear-gradient(180deg,var(--th3-gold-3),var(--th3-gold-2),var(--th3-gold));box-shadow:0 0 18px rgba(226,195,122,.38)
}
body:not(.wp-admin) .th3core-series-card-content em{border-radius:999px !important;background:rgba(0,0,0,.58) !important}
body:not(.wp-admin) .th3core-series-card-content small{margin-left:16px;color:var(--th3-gold-2) !important;letter-spacing:.13em}
@media(hover:hover){
 body:not(.wp-admin) .th3core-series-card:hover{transform:translateY(-8px) !important;outline-color:rgba(226,195,122,.44);box-shadow:0 40px 105px rgba(0,0,0,.84),0 0 64px rgba(200,169,95,.12)}
 body:not(.wp-admin) .th3core-series-card:hover .th3core-series-card-bg{transform:scale(1.055)}
}

/* Épisodes : cartes plus cinématographiques sans masquer les métadonnées utiles. */
body:not(.wp-admin) .th3core-episode-card{
  border:0 !important;border-radius:22px !important;outline:1px solid rgba(255,255,255,.06);outline-offset:-1px;
  background:linear-gradient(145deg,#19110d,#0d0907 72%) !important;box-shadow:0 20px 56px rgba(0,0,0,.48)
}

/* Playlists : mêmes surfaces et profondeur, structure fonctionnelle conservée. */
body:not(.wp-admin) .th3-pl-card{
  border:0 !important;border-radius:24px !important;outline:1px solid rgba(255,255,255,.06);outline-offset:-1px;
  background:radial-gradient(circle at 18% 0,rgba(226,195,122,.06),transparent 34%),linear-gradient(145deg,#19110d,#0d0907 74%) !important;
  box-shadow:0 22px 62px rgba(0,0,0,.52)
}
body:not(.wp-admin) .th3-pl-covers{border-radius:17px !important}

/* ---------- MOBILE : vraie version tactile façon Collections ---------- */
@media(max-width:767px){
  body:not(.wp-admin) .th3act-card-link,
  body:not(.wp-admin) .th3yt-card-link,
  body:not(.wp-admin) .th3core-series-card{border-radius:22px !important;box-shadow:0 20px 52px rgba(0,0,0,.58) !important}

  /* Vidéos : carrousel horizontal premium. */
  body:not(.wp-admin) .th3yt-grid{
    display:flex !important;
    gap:22px !important;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    padding:0 22px 18px !important;
    margin-left:-22px;
    margin-right:-22px;
    scroll-padding-left:22px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body:not(.wp-admin) .th3yt-grid::-webkit-scrollbar{display:none}
  body:not(.wp-admin) .th3yt-card{
    flex:0 0 min(74vw,284px);
    width:auto;max-width:284px;
    scroll-snap-align:start;
  }
  body:not(.wp-admin) .th3yt-card-link{aspect-ratio:4/5;transform:none !important}
  body:not(.wp-admin) .th3yt-card-info{padding:15px 14px 15px !important}
  body:not(.wp-admin) .th3yt-card-title{font-size:19px !important;padding-left:12px}
  body:not(.wp-admin) .th3yt-card-title:before{width:3px}
  body:not(.wp-admin) .th3yt-card-channel{font-size:8px !important;margin:7px 0 0 12px !important}
  body:not(.wp-admin) .th3yt-card-meta{font-size:8px !important;margin-left:12px !important}
  body:not(.wp-admin) .th3yt-card-badge{top:10px !important;left:10px !important;font-size:7px !important;padding:5px 7px !important}
  body:not(.wp-admin) .th3yt-card-duration{top:10px !important;right:10px !important;font-size:7px !important;padding:5px 7px !important}
  body:not(.wp-admin) .th3yt-card-play{display:none !important}

  /* Séries : deux colonnes deviennent des cartes verticales cohérentes. */
  body:not(.wp-admin) .th3core-series-grid{gap:14px !important}
  body:not(.wp-admin) .th3core-series-card{aspect-ratio:4/5 !important;min-height:0 !important}
  body:not(.wp-admin) .th3core-series-card-content{padding:15px 14px !important}
  body:not(.wp-admin) .th3core-series-card-content h3{font-size:19px !important;padding-left:12px}
  body:not(.wp-admin) .th3core-series-card-content small{margin-left:12px;font-size:8px}

  /* Aucun reflet/hover artificiel sur tactile. */
  body:not(.wp-admin) .th3yt-card-link:after{display:none !important}
}

@media(max-width:390px){
  body:not(.wp-admin) .th3yt-card{flex-basis:calc(76vw - 10px);max-width:260px}
}

@media(prefers-reduced-motion:reduce){
  body:not(.wp-admin) :where(.th3act-card-link,.th3yt-card-link,.th3yt-card-thumbnail img,.th3core-series-card,.th3core-series-card-bg){transition:none !important;transform:none !important}
  body:not(.wp-admin) .th3yt-card-link:after{display:none !important}
}