/**
 * Expert-Video-IA — LUXURY Custom CSS
 * Gold / Noir / Blanc — Style Apple / DJI
 */

/* ─── Scrollbar Premium ───────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #c9a84c; }

/* ─── Selection ───────────────────────────────────────── */
::selection { background: rgba(201, 168, 76, 0.25); color: #fff; }

/* ─── Gold Text Gradient ──────────────────────────────── */
.text-gold-gradient {
    background: linear-gradient(135deg, #c9a84c 0%, #f5e6a3 50%, #c9a84c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ─── Gold Border Glow ────────────────────────────────── */
.gold-glow {
    box-shadow: 0 0 30px rgba(201, 168, 76, 0.08), 0 0 60px rgba(201, 168, 76, 0.04);
}
.gold-glow-hover:hover {
    box-shadow: 0 0 40px rgba(201, 168, 76, 0.12), 0 0 80px rgba(201, 168, 76, 0.06);
}

/* ─── Luxury Divider ──────────────────────────────────── */
.luxury-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.3), transparent);
}

/* ─── Apple-style large text weight ───────────────────── */
.text-hero {
    font-size: clamp(3rem, 8vw, 7rem);
    line-height: 1.05;
    letter-spacing: -0.03em;
    font-weight: 700;
}
.text-headline {
    font-size: clamp(2rem, 5vw, 4rem);
    line-height: 1.1;
    letter-spacing: -0.02em;
    font-weight: 600;
}

/* ─── Custom Logo ─────────────────────────────────────── */
.custom-logo-link img { max-height: 32px; width: auto; }

/* ─── Pagination ──────────────────────────────────────── */
.nav-links { display: flex; gap: 0.5rem; align-items: center; }
.nav-links .page-numbers {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 40px; height: 40px; padding: 0 12px;
    font-size: 13px; font-weight: 500; border-radius: 999px;
    transition: all 0.3s; color: #86868b;
    background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05);
}
.nav-links .page-numbers:hover { color: #fff; background: rgba(255, 255, 255, 0.06); }
.nav-links .page-numbers.current { color: #000; background: #c9a84c; border-color: #c9a84c; }

/* ─── Prose ───────────────────────────────────────────── */
.prose img { border-radius: 16px; }
.prose video { border-radius: 16px; width: 100%; }
.prose a { color: #c9a84c; }
.prose a:hover { color: #dfc06a; }

/* ─── Lazy Video ──────────────────────────────────────── */
.evia-lazy-video { position: relative; }
.evia-lazy-video iframe, .evia-lazy-video video {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;
}

/* ─── Reduced Motion ──────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* ─── Admin bar fix ───────────────────────────────────── */
@media screen and (max-width: 782px) {
    .admin-bar #site-header { top: 46px; }
}
@media screen and (min-width: 783px) {
    .admin-bar #site-header { top: 32px; }
}

/* ─── Line clamp ──────────────────────────────────────── */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ─── Luxury Card Hover ───────────────────────────────── */
.luxury-card {
    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.luxury-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(201, 168, 76, 0.05);
}

/* ─── Tag Pills Premium ───────────────────────────────── */
.pill-gold {
    background: rgba(201, 168, 76, 0.08);
    border: 1px solid rgba(201, 168, 76, 0.15);
    color: #c9a84c;
}