/* TH3REALFR Core — Phase 5: finitions visuelles et cohérence globale */
:root{
  --th3-gold-strong:#e2c777;
  --th3-gold-soft:#c6a252;
  --th3-gold-pale:#f0d994;
  --th3-surface-0:#070504;
  --th3-surface-1:#0d0907;
  --th3-surface-2:#120d0a;
  --th3-surface-3:#19110d;
  --th3-text-strong:#f5f0e8;
  --th3-text-muted:rgba(245,240,232,.65);
  --th3-line:rgba(255,232,195,.08);
  --th3-line-gold:rgba(198,162,82,.18);
  --th3-radius-sm:12px;
  --th3-radius-md:18px;
  --th3-radius-lg:26px;
  --th3-shadow-soft:0 18px 50px rgba(0,0,0,.30);
  --th3-shadow-deep:0 34px 100px rgba(0,0,0,.58);
}

/* L'or reste réservé aux actions importantes, états actifs et récompenses. */
[class*="th3-"] .is-active,
[class*="th3-"] [aria-current="page"],
[class*="th3-"] .is-premium{
  border-color:var(--th3-line-gold);
}

/* Cartes secondaires : contraste plus calme, sans halo doré systématique. */
.th3yt-card-thumbnail,
.th3-v6-dashboard a:not(.is-featured),
.th3-profile-stats > div,
.th3-series-card,
.th3-video-card,
.th3-member-card,
.th3-universe-card{
  border-color:var(--th3-line) !important;
  box-shadow:var(--th3-shadow-soft);
}

/* Survol unifié : élévation discrète et bordure chaude. */
@media (hover:hover){
  .th3yt-card,
  .th3-series-card,
  .th3-video-card,
  .th3-v6-dashboard a,
  .th3-profile-actions a,
  .th3-footer-v300__column a{
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease;
  }
  .th3yt-card:hover,
  .th3-series-card:hover,
  .th3-video-card:hover{
    transform:translateY(-3px);
  }
}

/* Boutons : trois niveaux visuels cohérents. */
.th3-btn-primary,
.th3-v6-btn-primary,
.th3-profile-btn-primary,
.th3-membership-upgrade,
.th3-avatar-submit,
.th3-crop-validate{
  color:#090806 !important;
  background:linear-gradient(135deg,var(--th3-gold-pale),var(--th3-gold-soft)) !important;
  border-color:rgba(232,207,138,.64) !important;
  box-shadow:0 14px 34px rgba(200,169,95,.18) !important;
}
.th3-btn-secondary,
.th3-v6-btn-secondary,
.th3-profile-actions a,
.th3yt-action-button{
  color:var(--th3-text-strong) !important;
  background:rgba(245,240,232,.035) !important;
  border-color:var(--th3-line) !important;
}
.th3-btn-ghost{
  color:var(--th3-text-muted) !important;
  background:transparent !important;
  border-color:transparent !important;
}

/* Titres et textes : même hiérarchie sur les principaux modules. */
.th3yt-archive-title,
.th3yt-video-title,
.th3-profile-info h1,
.th3-v6-brand-logo,
.th3-series-hub-title{
  color:var(--th3-text-strong);
  text-wrap:balance;
}
.th3yt-archive-description,
.th3-profile-info p,
.th3-v6-member-info p,
.th3-footer-v300__description{
  color:var(--th3-text-muted);
}

/* Badges plus légers pour éviter l'effet “tout doré”. */
.th3yt-card-badge,
.th3yt-video-badge,
.th3-profile-kicker,
.th3-v6-brand-kicker,
.th3-footer-v300__eyebrow small{
  color:var(--th3-gold-pale);
  background:rgba(198,162,82,.065);
  border-color:rgba(198,162,82,.18);
  box-shadow:none;
}

/* États clavier accessibles, identiques partout. */
[class*="th3-"] a:focus-visible,
[class*="th3-"] button:focus-visible,
[class*="th3-"] input:focus-visible,
[class*="th3-"] select:focus-visible,
[class*="th3-"] textarea:focus-visible{
  outline:2px solid var(--th3-gold-pale) !important;
  outline-offset:3px;
}

/* Séparateurs et panneaux : même intensité. */
.th3-v6-dashboard-separator,
.th3-footer-v300__bottom,
.th3yt-description,
.th3-membership-card{
  border-color:var(--th3-line) !important;
}

/* Mobile : alléger la densité verticale et garder les actions prioritaires visibles. */
@media (max-width:700px){
  .th3yt-archive,
  .th3-profile-page,
  .th3-series-hub,
  .th3-member-dashboard{
    padding-top:24px !important;
    padding-bottom:48px !important;
  }
  .th3yt-archive-header,
  .th3-profile-main,
  .th3-v6-brand{
    margin-bottom:18px !important;
  }
  .th3yt-card-info{padding-top:8px !important;}
  .th3yt-card-title{line-height:1.28 !important;}
  .th3-v6-dashboard a,
  .th3-profile-actions a{
    min-height:56px !important;
  }
  .th3-footer-v300{padding-top:72px !important;}
  .th3-footer-v300__main{gap:40px !important;}
  .th3-footer-v300__bottom{margin-top:42px !important;}
}

@media (max-width:390px){
  .th3yt-grid{gap:18px 8px !important;}
  .th3yt-card-title{font-size:10.5px !important;}
  .th3-profile-actions,
  .th3-profile-stats{gap:9px !important;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}


/* 6.7.1.532 — Footer mobile ultra-compact SAFE */
@media (max-width:767px){
  .th3-footer-v300{
    padding-top:20px !important;
    padding-bottom:10px !important;
  }
  .th3-footer-v300__main{
    gap:14px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .th3-footer-v300__bottom{
    margin-top:14px !important;
    padding-top:10px !important;
    padding-bottom:4px !important;
  }
  .th3-footer-v300__column{
    gap:5px !important;
  }
  .th3-footer-v300__column a{
    padding-top:2px !important;
    padding-bottom:2px !important;
  }
  .th3-footer-v300__description{
    margin-top:5px !important;
    margin-bottom:5px !important;
    line-height:1.35 !important;
  }
  .th3-footer-v300__socials{
    margin-top:8px !important;
    gap:7px !important;
  }
}