/* ============================================================
   DARK TRIAD SHOP — SHARED GAMING PREMIUM SHELL
   Loaded only on Dark Triad redesigned screens.
   Scope: body.dt-darktriad-page
   ============================================================ */

body.dt-darktriad-page {
    --dt-bg: #06070a;
    --dt-bg-deep: #030406;
    --dt-surface: #0a0d12;
    --dt-surface-2: #0f1219;
    --dt-surface-3: #151923;
    --dt-line: #2c303b;
    --dt-line-hot: rgba(242,104,42,.42);
    --dt-orange: #f2682a;
    --dt-orange-hi: #ff8a52;
    --dt-gold: #d2a635;
    --dt-violet: #7a35e8;
    --dt-text: #f5f7fb;
    --dt-muted: #919aab;
    --dt-green: #50d890;
    --dt-red: #ef5f63;
    background:
        radial-gradient(circle at 82% 4%, rgba(122,53,232,.10), transparent 31rem),
        radial-gradient(circle at 18% 22%, rgba(242,104,42,.055), transparent 34rem),
        #050609;
    color: var(--dt-text);
}

body.dt-darktriad-page::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .38;
    background:
        linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.82), transparent 80%);
}

body.dt-darktriad-page > * { position: relative; z-index: 1; }

/* ---------- Shared header ---------- */
body.dt-darktriad-page > .tbt-header {
    height: 66px;
    background: rgba(6,7,10,.94);
    border-bottom: 1px solid rgba(210,166,53,.32);
    box-shadow: 0 12px 40px rgba(0,0,0,.34);
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    z-index: 10050 !important;
    isolation: isolate;
}

body.dt-darktriad-page .tbt-header::after {
    height: 1px;
    opacity: .8;
    background: linear-gradient(90deg, transparent 0%, var(--dt-orange) 18%, var(--dt-gold) 55%, transparent 100%);
}

body.dt-darktriad-page .tbt-header__inner {
    max-width: 1412px;
    padding: 0 clamp(1rem, 2.3vw, 2rem);
    position: relative;
    z-index: 2;
}

body.dt-darktriad-page .tbt-header__logo {
    gap: .65rem;
    font-size: 1.28rem;
    color: #fff;
}

body.dt-darktriad-page .tbt-header__logo img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    filter: drop-shadow(0 0 12px rgba(122,53,232,.40));
}

body.dt-darktriad-page .tbt-header__logo-text span:first-child {
    color: var(--dt-orange);
    font-size: .49rem;
    letter-spacing: .28em;
}

body.dt-darktriad-page .tbt-header__nav,
body.dt-darktriad-page .tbt-header__menu {
    position: relative;
    z-index: 2;
}

body.dt-darktriad-page .tbt-header__nav { gap: 1rem; }
body.dt-darktriad-page .tbt-header__menu { gap: 0; }
body.dt-darktriad-page .tbt-header__menu > li { position: relative; z-index: 3; }

body.dt-darktriad-page .tbt-header__link {
    color: #9ca3b2;
    padding: .45rem .66rem;
    font-size: .96rem;
    letter-spacing: .08em;
}

body.dt-darktriad-page .tbt-header__link:hover,
body.dt-darktriad-page .tbt-header__link--active {
    color: #fff;
    background: rgba(242,104,42,.06);
}

body.dt-darktriad-page .tbt-header__link::before { background: var(--dt-orange); }
body.dt-darktriad-page .tbt-header__dropdown { z-index: 10060 !important; }

body.dt-darktriad-page .tbt-header__cta,
body.dt-darktriad-page .hdr-auth__registro {
    background: linear-gradient(135deg, var(--dt-orange), #ff7440);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 24px rgba(242,104,42,.20);
}

body.dt-darktriad-page .hdr-auth__login {
    background: rgba(13,15,21,.78);
    color: #d7dbe4;
    border-color: #353947;
}

/* ---------- Shared buttons ---------- */
.dt-btn {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .7rem 1.55rem;
    border: 1px solid #343847;
    border-radius: 5px;
    text-decoration: none;
    font-family: var(--tbt-font-display);
    font-size: 1.05rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #e7eaf1;
    background: rgba(14,17,24,.92);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.dt-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    transform: translateX(-140%);
    background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.16) 48%, transparent 70%);
    transition: transform .6s cubic-bezier(.2,.8,.2,1);
}
.dt-btn:hover::before { transform: translateX(140%); }
.dt-btn:hover { color:#fff; transform: translateY(-2px); border-color: rgba(242,104,42,.58); }
.dt-btn--primary {
    border-color: var(--dt-orange-hi);
    background: linear-gradient(135deg, var(--dt-orange), #ff7440);
    color:#fff;
    box-shadow: 0 10px 28px rgba(242,104,42,.22);
}
.dt-btn--primary:hover { box-shadow:0 16px 38px rgba(242,104,42,.30); }
.dt-btn--ghost { background:rgba(10,13,18,.72); }
.dt-btn--wa { background:#25d366; border-color:#51e184; color:#041108; }
.dt-btn--wa:hover { color:#041108; border-color:#72eb9d; box-shadow:0 12px 30px rgba(37,211,102,.22); }

/* ---------- Shared visual helpers ---------- */
.dt-kicker {
    display:inline-flex;
    align-items:center;
    gap:.65rem;
    color:var(--dt-orange);
    font-family:var(--tbt-font-mono);
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.dt-kicker::before { content:''; width:24px; height:1px; background:var(--dt-orange); box-shadow:0 0 12px rgba(242,104,42,.70); }

.dt-shell-title {
    font-family:var(--tbt-font-display);
    text-transform:uppercase;
    color:#fff;
    letter-spacing:.025em;
    line-height:.9;
}

[data-dt-reveal] {
    opacity:0;
    transform:translateY(18px);
    transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1);
}
[data-dt-reveal].is-visible { opacity:1; transform:none; }

[data-dt-parallax] { will-change: transform; transition: transform .14s ease-out; }

/* ---------- Shared footer ---------- */
body.dt-darktriad-page .tbt-footer {
    margin-top:2rem;
    background:#07090d;
    border-top-color:rgba(242,104,42,.22);
}
body.dt-darktriad-page .tbt-footer__logo img { filter:drop-shadow(0 0 12px rgba(122,53,232,.25)); }
body.dt-darktriad-page .tbt-footer__col-title { color:var(--dt-orange); }
body.dt-darktriad-page .tbt-footer a:hover { color:var(--dt-orange-hi); }

@media (max-width: 900px) {
    body.dt-darktriad-page .tbt-header__toggle {
        position:relative;
        z-index:10070 !important;
    }
    body.dt-darktriad-page .tbt-header__nav {
        z-index:10060 !important;
        background:#090b0f !important;
        border-left:1px solid rgba(242,104,42,.18);
    }
    body.dt-darktriad-page .tbt-header__nav::before { z-index:-1; }
}

@media (prefers-reduced-motion: reduce) {
    [data-dt-reveal] { opacity:1 !important; transform:none !important; transition:none !important; }
    [data-dt-parallax] { transform:none !important; transition:none !important; }
    .dt-btn { transition:none !important; }
}

/* v1.9.2 — disable pointer parallax / scene drift globally on Dark Triad pages */
body.dt-darktriad-page [data-dt-parallax-zone] {
    perspective: none;
}
body.dt-darktriad-page [data-dt-parallax] {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
}