/* ============================================================
   RDNES.IT — Custom MMORPG Theme
   Stile: Metin2 Oriental Fantasy — Gold / Dark / Blood Red
   ============================================================ */

/* Nasconde il badge CKEditor 4 */
.cke_notifications_area { display: none !important; }

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&display=swap');

/* ─── TRAJAN PRO BOLD — font del logo Rdnes ─────────────── */
@font-face {
    font-family: 'TrajanPro';
    src: url('../images/TrajanProBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* ─── FONT AWESOME PATH FIX — webfont nella cartella images/ ── */
@font-face {
    font-family: 'FontAwesome';
    src: url('../images/fontawesome-webfont.woff2') format('woff2'),
         url('../images/fontawesome-webfont.woff') format('woff'),
         url('../images/fontawesome-webfont.ttf') format('truetype'),
         url('../images/fontawesome-webfont.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ─── HEADER — VIDEO 16:9 COMPLETO ───────────────────────────
   L'altezza ESATTA viene calcolata da JS (offsetWidth × 9/16)
   così funziona a qualsiasi zoom e con min-width:1290px.
   CSS aspect-ratio NON basta: il browser può usare la larghezza
   del containing block (viewport) invece di offsetWidth.
   ─────────────────────────────────────────────────────────── */
.pixarts-header {
    position: relative !important;
    overflow: hidden !important;
    height: auto !important;    /* sovrascrive height:800px del base CSS */
    min-height: 0 !important;
}

/* Video sotto tutto: z-index 0 < z-index degli altri elementi */
.pixarts-header video {
    z-index: 0 !important;
}

/* Barra oro esattamente dove finisce il video */
.pixarts-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(233,163,24,0.4) 10%,
        #e9a318 30%,
        #fff8e1 50%,
        #e9a318 70%,
        rgba(233,163,24,0.4) 90%,
        transparent 100%
    );
    z-index: 10;
    pointer-events: none;
}

/* ─── VARIABILI GLOBALI ──────────────────────────────────── */
:root {
    --gold-light:   #ffe082;
    --gold-main:    #e9a318;
    --gold-dark:    #b8720a;
    --gold-shine:   #fff8e1;
    --silver:       #c0c0c0;
    --bronze:       #cd7f32;
    --dark-bg:      #0d0908;
    --dark-panel:   #140e0e;
    --dark-border:  #2f2725;
    --glow-gold:    0 0 8px rgba(255,210,80,0.80), 0 0 22px rgba(233,163,24,0.40);
    --glow-gold-s:  0 0 14px rgba(255,210,80,1.00), 0 0 35px rgba(233,163,24,0.70);
    --transition:   0.3s cubic-bezier(.4,0,.2,1);
}

/* ─── NAVIGAZIONE — REDESIGN ORIENTALE GOLD ─────────────────
   Sfondo dark con texture dorata, Cinzel font, glow hover,
   underline animato e active link evidenziato.
   ─────────────────────────────────────────────────────────── */

/* Sfondo del nav — dark warm con velo oro */
.pixarts-header .pixarts-nav {
    background:
        radial-gradient(ellipse 50% 200% at 50% 50%, rgba(233,163,24,0.05) 0%, transparent 70%),
        linear-gradient(180deg,
            rgba(8,5,3,0.97)  0%,
            rgba(22,14,8,1.00) 45%,
            rgba(8,5,3,0.97)  100%
        ) !important;
    position: relative !important;
    height: 62px !important;
    min-height: 62px !important;
    /* Linea oro in basso — raccordo visivo con il video */
    box-shadow:
        0 2px 0 rgba(233,163,24,0.45),
        0 1px 0 rgba(0,0,0,0.9),
        0 -1px 0 rgba(233,163,24,0.15) !important;
}

/* ── LOGO NAVBAR — fiamma oro, no rotazione ──────────────── */
@keyframes rdnes-navlogo-flame {
    0%   {
        filter:
            drop-shadow(0 0  5px rgba(255,200,50,0.70))
            drop-shadow(0 0 14px rgba(210,140,10,0.45))
            brightness(1.05);
    }
    25%  {
        filter:
            drop-shadow(0 0  9px rgba(255,230,80,1.00))
            drop-shadow(0 0 22px rgba(210,140,10,0.80))
            drop-shadow(0 0 40px rgba(180,90, 0,0.35))
            brightness(1.18);
    }
    /* micro-sfarfallio */
    55%  {
        filter:
            drop-shadow(0 0  4px rgba(255,180,30,0.55))
            drop-shadow(0 0 10px rgba(210,140,10,0.35))
            brightness(0.98);
    }
    58%  {
        filter:
            drop-shadow(0 0  8px rgba(255,220,70,0.90))
            drop-shadow(0 0 18px rgba(210,140,10,0.70))
            brightness(1.14);
    }
    100% {
        filter:
            drop-shadow(0 0  5px rgba(255,200,50,0.70))
            drop-shadow(0 0 14px rgba(210,140,10,0.45))
            brightness(1.05);
    }
}

.pixarts-header .pixarts-nav > .logo-head img {
    display: block;
    animation: rdnes-navlogo-flame 5s ease-in-out infinite;
}
.pixarts-header .pixarts-nav > .logo-head:hover img {
    animation-play-state: paused;
    filter:
        drop-shadow(0 0 12px rgba(255,230,80,1))
        drop-shadow(0 0 30px rgba(210,140,10,0.95))
        brightness(1.25) !important;
}

/* Linea oro sottile in CIMA al nav */
.pixarts-header .pixarts-nav::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(233,163,24,0.20) 15%,
        rgba(233,163,24,0.55) 40%,
        rgba(255,248,225,0.65) 50%,
        rgba(233,163,24,0.55) 60%,
        rgba(233,163,24,0.20) 85%,
        transparent 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* Li wrapper */
.pixarts-header .pixarts-nav ul li {
    position: relative !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    font-size: 0 !important;       /* reset — la dimensione è sul link <a> */
    font-weight: 400 !important;
}

/* Link base — Cinzel oro tenue */
.pixarts-header .pixarts-nav ul li a {
    font-family: 'Cinzel', serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 2.2px !important;
    color: #9a7e50 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    position: relative !important;
    display: inline-block !important;
    padding: 4px 4px 4px !important;
    transition: color 0.25s ease, text-shadow 0.25s ease !important;
}

/* Underline animato — parte dal centro, si espande */
.pixarts-header .pixarts-nav ul li a::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    right: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold-main), transparent);
    box-shadow: 0 0 5px rgba(233,163,24,0.7);
    transition: left 0.30s ease, right 0.30s ease;
    pointer-events: none;
}

/* Hover — oro brillante + glow */
.pixarts-header .pixarts-nav ul li a:hover {
    color: #ffe082 !important;
    text-shadow:
        0 0  7px rgba(255,220,100,0.70),
        0 0 18px rgba(233,163,24,0.40) !important;
    text-decoration: none !important;
}
.pixarts-header .pixarts-nav ul li a:hover::after {
    left: 0 !important;
    right: 0 !important;
}

/* Active — oro pieno + underline fisso */
.pixarts-header .pixarts-nav ul li.active a {
    color: #e9a318 !important;
    text-shadow: 0 0 8px rgba(233,163,24,0.55) !important;
}
.pixarts-header .pixarts-nav ul li.active a::after {
    left: 0 !important;
    right: 0 !important;
    background: var(--gold-main) !important;
    box-shadow: 0 0 8px rgba(233,163,24,0.70) !important;
}


/* ─── CONTAINER PRINCIPALE — centrato, larghezze fisse ─────── */
.pixarts-body .pixarts-container.main {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
}

/* Left col — leggermente più larga dell'originale */
.pixarts-body .pixarts-container.main .left-col {
    width: 350px !important;
    min-width: 350px !important;
    max-width: 350px !important;
}

/* Center col — leggermente più larga dell'originale */
.pixarts-body .pixarts-container.main .center-col {
    width: 660px !important;
    min-width: 660px !important;
    max-width: 660px !important;
}

/* Right col — leggermente più larga dell'originale */
.pixarts-body .pixarts-container.main .right-col {
    width: 350px !important;
    min-width: 350px !important;
    max-width: 350px !important;
}

/* ─── SEZIONI H2 — FONT FANTASY ─────────────────────────── */
.box-sm-v1 .heading h2 {
    font-family: 'Cinzel', serif !important;
    letter-spacing: 1.5px;
    font-size: 11.5px !important;
    text-transform: uppercase;
}

/* ─── RANKING — TOP 3 ORO / ARGENTO / BRONZO ────────────── */

/* 1° posto — Oro */
.p-tbody .lane:nth-child(1) {
    background: linear-gradient(90deg, rgba(233,163,24,0.14) 0%, transparent 100%) !important;
    border-left: 2px solid var(--gold-main) !important;
}
.p-tbody .lane:nth-child(1) .order {
    color: #ffd700 !important;
    font-weight: 900;
    text-shadow: 0 0 8px rgba(255,215,0,0.9);
    font-size: 13px;
}
.p-tbody .lane:nth-child(1) .username {
    color: var(--gold-light) !important;
    font-weight: 700;
}

/* 2° posto — Argento */
.p-tbody .lane:nth-child(2) {
    background: linear-gradient(90deg, rgba(192,192,192,0.09) 0%, transparent 100%) !important;
    border-left: 2px solid var(--silver) !important;
}
.p-tbody .lane:nth-child(2) .order {
    color: var(--silver) !important;
    font-weight: 700;
    text-shadow: 0 0 6px rgba(192,192,192,0.7);
}
.p-tbody .lane:nth-child(2) .username {
    color: var(--silver) !important;
    font-weight: 600;
}

/* 3° posto — Bronzo */
.p-tbody .lane:nth-child(3) {
    background: linear-gradient(90deg, rgba(205,127,50,0.09) 0%, transparent 100%) !important;
    border-left: 2px solid var(--bronze) !important;
}
.p-tbody .lane:nth-child(3) .order {
    color: var(--bronze) !important;
    font-weight: 700;
    text-shadow: 0 0 5px rgba(205,127,50,0.7);
}
.p-tbody .lane:nth-child(3) .username {
    color: var(--bronze) !important;
    font-weight: 600;
}

/* Hover su ogni riga ranking */
.p-tbody .lane {
    transition: all 0.2s ease !important;
    border-left: 2px solid transparent;
}
.p-tbody .lane:hover {
    background: rgba(233,163,24,0.06) !important;
    padding-left: 5px !important;
}
.p-tbody .lane:hover .username {
    color: var(--gold-light) !important;
}

/* ─── STATS BOX — SHIMMER EFFECT ─────────────────────────── */
.inner.stats-box .lane-stat {
    position: relative;
    overflow: hidden;
}
.inner.stats-box .lane-stat::after {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(233,163,24,0.07), transparent);
    animation: rdnes-shimmer 4s ease-in-out infinite;
}
@keyframes rdnes-shimmer {
    0%   { left: -120%; }
    60%  { left: 200%; }
    100% { left: 200%; }
}


/* Il tema ha margin-top:-110px su .pixarts-body che lo porta sopra la barra.
   Lo azzeriamo così la barra rimane visibile tra video e contenuto.
   Sfondo unificato col resto del sito — elimina la striscia scura/bruna. */
section.pixarts-body {
    margin-top: 0 !important;
    background: #0c0907 !important;
    background-image: none !important;
}

/* Riduco padding della sezione download accordion (il contenuto è nascosto) */
.rdnes-dl-sec {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}

/* ─── BARRA DOWNLOAD/STATS — SOTTO IL VIDEO ──────────────────
   Reinventata: altezza cinematica, glow centrale, separatori oro
   ─────────────────────────────────────────────────────────── */
.rdnes-hero-bar {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 450px;
    overflow: hidden;
    /* Sfondo: dark con vignetta oro centrale */
    background:
        radial-gradient(ellipse 55% 130% at 50% 50%, rgba(233,163,24,0.08) 0%, transparent 68%),
        linear-gradient(180deg, #0a0704 0%, #120e09 18%, #160f0a 50%, #120e09 82%, #0a0704 100%);
    padding: 0;
    /* Linea oro in basso */
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(233,163,24,0.3) 8%,
        #e9a318 28%,
        #fff8e1 50%,
        #e9a318 72%,
        rgba(233,163,24,0.3) 92%,
        transparent 100%
    ) 1;
    /* Linea oro sottile in alto — raccordo con il video */
    border-top: 1px solid rgba(233,163,24,0.20);
}

/* ─── NAV: voci centrate verticalmente ────────────────── */
.pixarts-header .pixarts-nav {
    align-items: center !important;
}
.pixarts-header .pixarts-nav ul {
    margin-top: 0 !important;
    align-items: center !important;
}

/* ─── LOGO A SINISTRA DELLA NAV ───────────────────────── */
.logo-head--small {
    position: absolute !important;
    left: 66px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    z-index: 10;
}
.logo-head--small img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain;
}
/* Nav: padding-left riserva spazio al logo, menu torna centrato */
.pixarts-header .pixarts-nav {
    justify-content: center !important;
    padding-left: 120px !important;
}

/* ─── COLONNA SINISTRA: Registrati + Download ─────────── */
.rdnes-hero-btns {
    position: absolute;
    left: 0;
    top: 0;
    width: 12%;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    padding: 30px 10px 20px;
    background: linear-gradient(90deg, rgba(8,5,2,0.95) 65%, transparent 100%);
}

/* ─── COLONNA DESTRA: Statistiche ─────────────────────── */
.rdnes-stats-title {
    font-family: 'Cinzel', serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #ffe082;
    text-shadow: 0 0 14px rgba(255,210,80,0.45);
    text-align: center;
    margin-bottom: 2px;
    width: 100%;
}
.rdnes-hero-stats {
    position: absolute;
    right: 0;
    top: 0;
    width: 12%;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    padding: 30px 10px 20px;
    background: linear-gradient(270deg, rgba(8,5,2,0.95) 65%, transparent 100%);
}

/* Ornamento laterale sinistro */
.rdnes-hero-bar::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, transparent, rgba(233,163,24,0.35) 35%, rgba(233,163,24,0.35) 65%, transparent);
    pointer-events: none;
}
/* Ornamento laterale destro */
.rdnes-hero-bar::after {
    content: '';
    position: absolute;
    right: 0; top: 0; bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, transparent, rgba(233,163,24,0.35) 35%, rgba(233,163,24,0.35) 65%, transparent);
    pointer-events: none;
}

/* ─── HERO BAR — INNER CONTAINER CENTRATO ───────────────── */
.rdnes-hero-inner {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* separatore rimosso — stat in colonna destra */

/* ─── DOWNLOAD BUTTON — PIÙ GRANDE + ROTATING AURA ─────── */
.rdnes-hero-bar .download {
    width: 206px;
    height: 180px;
    position: relative;
    flex-shrink: 0;
    transform-origin: center center;
    transition: transform 0.35s ease, filter 0.35s ease;
    animation: rdnes-pulse 3s ease-in-out infinite;
}

/* Anello dorato — GIRA sempre */
.rdnes-hero-bar .download::after {
    content: '';
    background-image: url('../img/theme/download-circle.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 206px;
    height: 180px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    animation: rdnes-spin 2.5s linear infinite;
    transform-origin: center center;
}

/* Icona freccia download — centrata nel cerchio */
.rdnes-hero-bar .download::before {
    content: '';
    background-image: url('../img/theme/download-content.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 65px;
    height: 55px;
    display: block;
    position: absolute;
    top: 63px;   /* (180 - 55) / 2 */
    left: 71px;  /* (206 - 65) / 2 */
    z-index: 2;
    transition: 0.3s;
}

/* Hover: cresce + glow oro intenso */
.rdnes-hero-bar .download:hover {
    transform: scale(1.10) !important;
    filter: brightness(1.18)
            drop-shadow(0 0 16px rgba(233,163,24,0.95))
            drop-shadow(0 0 36px rgba(233,163,24,0.50)) !important;
    animation: none !important;
}
.rdnes-hero-bar .download:hover::after {
    animation: rdnes-spin 2.5s linear infinite !important;
    filter: brightness(140%) saturate(130%) !important;
}
.rdnes-hero-bar .download:hover::before {
    filter: brightness(125%);
}

@keyframes rdnes-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes rdnes-pulse {
    0%,100% { filter: brightness(1)    drop-shadow(0 0  0px transparent); }
    50%      { filter: brightness(1.14) drop-shadow(0 0 14px rgba(233,163,24,0.55)); }
}

/* ─── LOGIN BUTTON — HOVER GLOW ──────────────────────────── */
.inner.login-box form button {
    transition: filter 0.3s ease, transform 0.15s ease !important;
}
.inner.login-box form button:hover {
    filter: brightness(1.18) drop-shadow(0 0 7px rgba(233,163,24,0.55)) !important;
    transform: translateY(-1px) !important;
}

/* ─── BOXES — SCROLL FADE-IN ─────────────────────────────── */
.rdnes-fadein {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.65s ease, transform 0.65s ease;
}
.rdnes-fadein.rdnes-visible {
    opacity: 1;
    transform: translateY(0);
}
.rdnes-fadein:nth-child(2) { transition-delay: 0.10s; }
.rdnes-fadein:nth-child(3) { transition-delay: 0.20s; }

/* ─── FOOTER CONTAINER — CENTRA TUTTO ───────────────────── */
.rdnes-footer-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ─── SEPARATORE DECORATIVO GOLD ─────────────────────────── */
.rdnes-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold-main), transparent);
    margin: 0;
    opacity: 0.35;
}

.rdnes-footer-wrap {
    width: 100%;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,0.35));
    border-top: 1px solid rgba(233,163,24,0.18);
    padding: 20px 0 8px;
    text-align: center;
}

.rdnes-footer-links {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 14px;
    padding: 0 20px;
}

.rdnes-footer-links a {
    color: #c8a060;
    font-family: 'Cinzel', serif;
    font-size: 13px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--transition), text-shadow var(--transition);
}
.rdnes-footer-links a:hover {
    color: var(--gold-light);
    text-shadow: var(--glow-gold);
}

.rdnes-footer-links span.rdnes-sep {
    color: rgba(233,163,24,0.40);
    font-size: 8px;
    align-self: center;
    flex-shrink: 0;
}

/* ─── FOOTER BOTTOM — CENTRATO ───────────────────────────── */
.rdnes-footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px 16px;
    position: relative;
}

.rdnes-footer-logo {
    height: 36px;
    opacity: 0.75;
    filter: drop-shadow(0 0 6px rgba(233,163,24,0.3));
}

.rdnes-copyright {
    margin: 0;
    font-family: 'Cinzel', serif;
    font-size: 13px;
    letter-spacing: 1.5px;
    color: #c8a060;
    text-align: center;
    text-transform: uppercase;
}

/* ─── STAT BOX NELLA BARRA HERO — GOLD THEME REINVENTATO ── */
.rdnes-hero-bar .stat-box {
    width: 228px;
    height: 108px;
    display: flex;
    align-items: center;
    background-image: url('../img/theme/header-stat-box.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;   /* stretcha per riempire la box più grande */
    flex-shrink: 0;
    transition: filter 0.3s ease, transform 0.3s ease;
}
.rdnes-hero-bar .stat-box:hover {
    filter: brightness(1.12) drop-shadow(0 0 10px rgba(233,163,24,0.40));
    transform: translateY(-2px);
}

/* Numero — oro brillante con glow */
.rdnes-hero-bar .stat-box strong {
    font-family: 'Cinzel', serif !important;
    font-size: 30px;
    color: #fff8e1 !important;
    font-weight: 900;
    width: 90px;
    margin-left: 11px;
    padding-right: 0px;
    text-align: center;
    line-height: 1.1;
    text-shadow:
        0 0  6px rgba(255,255,200,0.90),
        0 0 16px rgba(255,210,80,0.70),
        0 0 30px rgba(233,163,24,0.40) !important;
}

/* Label — oro tenue + font Cinzel, leggermente più grande */
.rdnes-hero-bar .stat-box span.info-stat {
    color: #c8a060 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    letter-spacing: 0.6px;
    line-height: 1.45 !important;
    text-align: center;
    max-width: 86px;
}

/* Icona sopra la label — Font Awesome */
.rdnes-hero-bar .stat-box span.info-stat::before {
    font-family: 'FontAwesome';
    display: block;
    font-size: 16px;
    color: var(--gold-main);
    margin-bottom: 4px;
    text-shadow: 0 0 8px rgba(233,163,24,0.65);
}

/* Giocatori Online → fa-users (nth-child 2 = primo stat-box dopo il titolo) */
.rdnes-hero-stats > div:nth-child(2) span.info-stat::before { content: '\f0c0'; }
/* Giocatori Online 24h → fa-clock-o */
.rdnes-hero-stats > div:nth-child(3) span.info-stat::before { content: '\f017'; }
/* Account Creati → fa-user-plus */
.rdnes-hero-stats > div:nth-child(4) span.info-stat::before { content: '\f234'; }

/* ─── RANK-ADD BUTTON — HOVER ────────────────────────────── */
a.inner.rank-add {
    width: 100% !important;
    transition: background 0.3s, filter 0.3s !important;
}

/* ═══════════════════════════════════════════════════════════
   RDNES — TOP 3 PLAYER PODIO
   ═══════════════════════════════════════════════════════════ */
.rdnes-top3-box {
    margin-top: 12px;
}
.rdnes-top3-podium {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    padding: 16px 10px 18px;
}

/* Card base */
.rdnes-top3-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 14px;
    padding: 10px 8px 10px;
    width: 90px;
    position: relative;
    background: linear-gradient(160deg, rgba(40,32,20,0.92) 0%, rgba(28,22,14,0.97) 100%);
    border: 1px solid rgba(180,140,60,0.22);
    box-shadow: 0 4px 18px rgba(0,0,0,0.55);
    transition: transform 0.2s, box-shadow 0.2s;
}
.rdnes-top3-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 26px rgba(0,0,0,0.7);
}

/* 1° posto — più alto */
.rdnes-top3-first {
    width: 104px;
    padding: 12px 10px 12px;
    border-color: rgba(255,210,50,0.45);
    box-shadow: 0 0 22px rgba(255,200,40,0.18), 0 4px 18px rgba(0,0,0,0.6);
}

/* Varianti colore bordo */
.rdnes-top3-gold   { border-color: rgba(255,210,50,0.50); }
.rdnes-top3-silver { border-color: rgba(192,192,192,0.35); }
.rdnes-top3-bronze { border-color: rgba(205,127,50,0.35); }

/* Corona */
.rdnes-top3-crown {
    width: 28px;
    height: 22px;
    margin-bottom: 4px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}
.rdnes-top3-first .rdnes-top3-crown { width: 34px; height: 26px; }

.rdnes-crown-gold {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 28'%3E%3Cpolygon points='4,28 36,28 36,10 28,18 20,4 12,18 4,10' fill='%23ffd700' stroke='%23b8860b' stroke-width='1.5'/%3E%3Ccircle cx='4' cy='10' r='3' fill='%23ffd700' stroke='%23b8860b' stroke-width='1'/%3E%3Ccircle cx='20' cy='4' r='3' fill='%23ffd700' stroke='%23b8860b' stroke-width='1'/%3E%3Ccircle cx='36' cy='10' r='3' fill='%23ffd700' stroke='%23b8860b' stroke-width='1'/%3E%3C/svg%3E");
    filter: drop-shadow(0 0 5px rgba(255,210,40,0.8));
}
.rdnes-crown-silver {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 28'%3E%3Cpolygon points='4,28 36,28 36,10 28,18 20,4 12,18 4,10' fill='%23c0c0c0' stroke='%23888' stroke-width='1.5'/%3E%3Ccircle cx='4' cy='10' r='3' fill='%23c0c0c0' stroke='%23888' stroke-width='1'/%3E%3Ccircle cx='20' cy='4' r='3' fill='%23c0c0c0' stroke='%23888' stroke-width='1'/%3E%3Ccircle cx='36' cy='10' r='3' fill='%23c0c0c0' stroke='%23888' stroke-width='1'/%3E%3C/svg%3E");
    filter: drop-shadow(0 0 4px rgba(192,192,192,0.5));
}
.rdnes-crown-bronze {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 28'%3E%3Cpolygon points='4,28 36,28 36,10 28,18 20,4 12,18 4,10' fill='%23cd7f32' stroke='%238B5E1A' stroke-width='1.5'/%3E%3Ccircle cx='4' cy='10' r='3' fill='%23cd7f32' stroke='%238B5E1A' stroke-width='1'/%3E%3Ccircle cx='20' cy='4' r='3' fill='%23cd7f32' stroke='%238B5E1A' stroke-width='1'/%3E%3Ccircle cx='36' cy='10' r='3' fill='%23cd7f32' stroke='%238B5E1A' stroke-width='1'/%3E%3C/svg%3E");
    filter: drop-shadow(0 0 4px rgba(205,127,50,0.5));
}

/* Ritratto */
.rdnes-top3-portrait {
    width: 66px;
    height: 66px;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(0,0,0,0.5);
    border: 2px solid rgba(180,140,60,0.30);
    flex-shrink: 0;
}
.rdnes-top3-first .rdnes-top3-portrait {
    width: 78px;
    height: 78px;
    border-color: rgba(255,210,50,0.50);
}
.rdnes-top3-portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Numero rank */
.rdnes-top3-rank {
    font-family: 'Cinzel', serif;
    font-size: 11px;
    font-weight: 700;
    color: rgba(255,210,80,0.55);
    margin-top: 6px;
    letter-spacing: 0.05em;
}

/* Nome giocatore */
.rdnes-top3-name {
    font-family: 'Cinzel', serif;
    font-size: 10px;
    font-weight: 700;
    color: #ffe082;
    text-align: center;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 84px;
    text-shadow: 0 0 8px rgba(255,210,50,0.4);
}
.rdnes-top3-first .rdnes-top3-name { font-size: 11px; max-width: 96px; }

/* Classe personaggio */
.rdnes-top3-job {
    font-size: 9px;
    color: rgba(210,180,120,0.65);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-top: 2px;
}

/* Colori nome per podio */
.rdnes-top3-gold   .rdnes-top3-name { color: #ffd700; text-shadow: 0 0 10px rgba(255,210,40,0.6); }
.rdnes-top3-silver .rdnes-top3-name { color: #d0d0d0; text-shadow: 0 0 8px rgba(200,200,200,0.4); }
.rdnes-top3-bronze .rdnes-top3-name { color: #e0a060; text-shadow: 0 0 8px rgba(205,127,50,0.4); }

/* ─── STAT LANES — larghezza 100% colonna ────────────────────────────────── */
.pixarts-body .pixarts-container .box-sm-v1 .inner.stats-box .lane-stat {
    width: 100% !important;
    background-size: 100% 100% !important;
}
a.inner.rank-add:hover {
    filter: brightness(1.15) !important;
}

/* ─── HEADING ANIMAZIONE ENTRATA ─────────────────────────── */
@keyframes rdnes-heading-in {
    from { opacity: 0; letter-spacing: 4px; }
    to   { opacity: 1; letter-spacing: 1.5px; }
}
.box-sm-v1.rdnes-visible .heading h2 {
    animation: rdnes-heading-in 0.5s ease forwards;
}

/* ─── DOWNLOAD PAGE BUTTON — BIGGER + ROTATING AURA ─────── */
.download-button {
    position: relative !important;
    width: 340px !important;
    height: 84px !important;
    font-size: 15px !important;
    line-height: 28px !important;
    background-position: 18px 22px !important;
    overflow: visible !important;
    z-index: 1 !important;
    transition: transform 0.35s ease, filter 0.35s ease,
                box-shadow 0.35s ease !important;
}

/* ── Animazione angolo conic-gradient via @property ─────────
   Ruota il GRADIENT (non l'elemento) → mask resta stabile,
   anello sempre visibile senza dipendere dal filter del parent */
@property --rdnes-a {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

/* Anello dorato — SEMPRE ATTIVO e SEMPRE VISIBILE */
.download-button::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 4px;
    padding: 5px;                    /* spessore anello */
    background: conic-gradient(
        from var(--rdnes-a),
        transparent            0%,
        rgba(233,163,24,0.00)  5%,
        rgba(233,163,24,1.00) 18%,
        rgba(255,240,100,1.00) 28%,
        rgba(233,163,24,1.00) 38%,
        rgba(233,163,24,0.00) 52%,
        transparent           100%
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    /* Glow sempre attivo sull'anello stesso */
    filter: drop-shadow(0 0 4px rgba(233,163,24,0.90))
            drop-shadow(0 0 9px rgba(233,163,24,0.50));
    /* Animazione angolo — non ruota l'elemento, ruota solo il gradient */
    animation: rdnes-angle-spin 2.2s linear infinite;
}

/* Hover: sale + glow intenso — l'anello continua a girare */
.download-button:hover {
    transform: scale(1.07) translateY(-4px) !important;
    filter: brightness(1.25)
            drop-shadow(0 0 18px rgba(233,163,24,0.95))
            drop-shadow(0 0 40px rgba(255,210,80,0.55)) !important;
}

@keyframes rdnes-angle-spin {
    to { --rdnes-a: 360deg; }
}

/* =================================================================
   DARK THRONE HERO -- 2026 PREMIUM REDESIGN  (portato 1:1 da preview)
   ================================================================= */

/* -- SOCIAL BAR SX ---------------------------------------------- */
#rdnes-social-bar {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9000;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.rsb-item {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(8,5,2,0.88);
  border-right: 2px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: width .25s ease, background .25s, filter .25s;
  position: relative;
  overflow: hidden;
}
.rsb-item svg { width: 20px; height: 20px; flex-shrink: 0; transition: transform .25s; }
.rsb-item:hover { width: 52px; background: rgba(20,12,4,0.97); }
.rsb-item:hover svg { transform: scale(1.15); }
.rsb-discord { border-color: #5865F2; }
.rsb-tiktok  { border-color: #ff0050; }
.rsb-power   { border-color: #e9a318; }
.rsb-site    { border-color: #ffd700; }
.rsb-discord:hover { filter: drop-shadow(0 0 8px rgba(88,101,242,0.7)); }
.rsb-tiktok:hover  { filter: drop-shadow(0 0 8px rgba(255,0,80,0.7)); }
.rsb-power:hover   { filter: drop-shadow(0 0 8px rgba(233,163,24,0.8)); }
.rsb-site:hover    { filter: drop-shadow(0 0 8px rgba(255,215,0,0.7)); }

/* -- CURSOR GLOW ------------------------------------------------- */
#rdnes-cursor-glow {
  pointer-events: none;
  position: fixed;
  z-index: 9998;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(233,163,24,0.06) 0%, transparent 68%);
  transform: translate(-50%,-50%);
  transition: left .08s, top .08s;
}

/* -- HERO CONTAINER ---------------------------------------------- */
#rdnes-hero {
  position: relative;
  width: 100%;
  height: 580px;
  overflow: hidden;
  perspective: 900px;
}

/* -- VIDEO WRAP --------------------------------------------------- */
#rdnes-video-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #0a0703;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .12s ease-out;
  will-change: transform;
}
#rdnes-video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  pointer-events: none;
  display: block;
}

/* -- SPOTLIGHT ---------------------------------------------------- */
#rdnes-spotlight {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(circle 220px at 50% 50%,
    transparent 0%,
    rgba(0,0,0,0.0) 30%,
    rgba(0,0,0,0.55) 100%);
  transition: background .08s;
}

/* -- GRAIN (via pseudo-element) ---------------------------------- */
#rdnes-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 160px;
  animation: rdnes-grain .45s steps(1) infinite;
}
@keyframes rdnes-grain {
  0%   { transform: translate(0,0); }
  25%  { transform: translate(-4px,2px); }
  50%  { transform: translate(3px,-2px); }
  75%  { transform: translate(-2px,3px); }
  100% { transform: translate(1px,-1px); }
}

/* -- VIGNETTE ---------------------------------------------------- */
.rdnes-vignette {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,0.14) 0%, transparent 22%,
      transparent 44%, rgba(10,7,4,0.68) 70%, rgba(10,7,4,0.97) 100%),
    linear-gradient(90deg,
      rgba(0,0,0,0.12) 0%, transparent 10%,
      transparent 90%, rgba(0,0,0,0.12) 100%);
}

/* -- SCANLINE (gold line top) ------------------------------------ */
.rdnes-scanline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 9;
  background: linear-gradient(90deg,
    transparent,
    rgba(233,163,24,.3) 15%,
    #e9a318 40%,
    #fff8e1 50%,
    #e9a318 60%,
    rgba(233,163,24,.3) 85%,
    transparent);
  animation: rdnes-scan 4s ease-in-out infinite;
}
@keyframes rdnes-scan {
  0%,100% { opacity: .4; }
  50% { opacity: 1; filter: drop-shadow(0 0 8px rgba(233,163,24,.9)); }
}

/* -- CORNER BRACKETS --------------------------------------------- */
.rdnes-corner {
  position: absolute;
  width: 54px;
  height: 54px;
  z-index: 9;
  pointer-events: none;
}
.rdnes-c-tl { top: 0; left: 0; }
.rdnes-c-tr { top: 0; right: 0; transform: scaleX(-1); }
.rdnes-cl {
  stroke: #e9a318;
  stroke-width: 2;
  fill: none;
  stroke-dasharray: 108;
  stroke-dashoffset: 108;
  animation: rdnes-draw 1.2s ease forwards;
}
.rdnes-c-tr .rdnes-cl { animation-delay: .18s; }
@keyframes rdnes-draw { to { stroke-dashoffset: 0; } }

/* -- FIRE CANVAS ------------------------------------------------- */
#rdnes-fire-canvas {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 140px;
  z-index: 5;
  pointer-events: none;
  mix-blend-mode: screen;
}

/* -- SERVER BADGE ------------------------------------------------ */
.rdnes-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  background: rgba(8,5,2,0.82);
  border: 1px solid rgba(233,163,24,0.28);
  backdrop-filter: blur(6px);
  font-family: 'Cinzel', serif;
  font-size: 9px;
  color: #c8a060;
  letter-spacing: .13em;
  animation: rdnes-fade-down .8s 1.5s ease both;
}
@keyframes rdnes-fade-down {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: none; }
}
.rdnes-bdot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4caf50;
  animation: rdnes-blink 2s ease-in-out infinite;
}
.rdnes-bdot.rdnes-offline { background: #ff4444; box-shadow: 0 0 6px #ff4444; animation: none; }
@keyframes rdnes-blink {
  0%,100% { opacity: 1; box-shadow: 0 0 7px #4caf50; }
  50%     { opacity: .3; }
}

/* -- STRIP BOTTOM ------------------------------------------------ */
.rdnes-strip {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8;
  padding: 0 28px 22px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: 20px;
  animation: rdnes-strip-in .9s .4s ease both;
}
@keyframes rdnes-strip-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: none; }
}

/* -- STAT BOXES -------------------------------------------------- */
.rdnes-stats-row {
  display: flex;
  gap: 4px;
  align-items: flex-end;
}
.rdnes-stat-box {
  background-image: url('../img/theme/header-stat-box.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 128px;
  height: 66px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  transition: filter .25s, box-shadow .25s;
  transform-style: preserve-3d;
  cursor: default;
  will-change: transform;
}
.rdnes-stat-box:hover {
  filter: brightness(1.2) drop-shadow(0 0 12px rgba(233,163,24,.55));
}
.rdnes-stat-num {
  font-family: 'Cinzel', serif;
  font-size: 24px;
  font-weight: 900;
  color: #fff8e1;
  text-shadow: 0 0 12px rgba(255,210,80,.75);
  width: 54px;
  text-align: center;
  margin-left: 5px;
  flex-shrink: 0;
}
.rdnes-stat-lbl {
  font-size: 7.5px;
  color: #c8a060;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.3;
  max-width: 58px;
}

/* -- LOGO CENTER ------------------------------------------------- */
.rdnes-logo-center {
  display: flex;
  justify-content: center;
  margin-bottom: -8px;
}
#rdnes-main-logo {
  height: clamp(150px, 16vw, 235px);
  width: auto;
  filter: drop-shadow(0 0 32px rgba(233,163,24,.8)) drop-shadow(0 0 80px rgba(233,163,24,.28));
  animation: rdnes-logo-glow 5s ease-in-out infinite, rdnes-logo-solv 9s ease-in-out .4s infinite;
  transition: filter .1s;
}
@keyframes rdnes-logo-glow {
  0%,100% { filter: drop-shadow(0 0 22px rgba(255,220,80,.55)) drop-shadow(0 0 55px rgba(210,140,10,.35)) brightness(1.06); }
  50%     { filter: drop-shadow(0 0 42px rgba(255,220,80,.9)) drop-shadow(0 0 100px rgba(210,140,10,.6)) brightness(1.2); }
}
@keyframes rdnes-logo-solv {
  0%   { opacity: 0; transform: scale(.88); }
  20%  { opacity: 1; transform: scale(1.05); }
  40%  { opacity: .92; transform: scale(1); }
  60%  { opacity: .92; transform: scale(1); }
  80%  { opacity: 1; transform: scale(1.05); }
  100% { opacity: 0; transform: scale(.88); }
}

/* -- GLITCH ------------------------------------------------------ */
@keyframes rdnes-glitch-r {
  0%,100% { clip-path: none; transform: none; }
  20% { clip-path: inset(20% 0 60% 0); transform: translate(4px,0); filter: drop-shadow(3px 0 0 rgba(255,0,80,.7)); }
  40% { clip-path: inset(60% 0 10% 0); transform: translate(-3px,0); filter: drop-shadow(-3px 0 0 rgba(0,200,255,.6)); }
  60% { clip-path: none; transform: none; filter: none; }
}
#rdnes-main-logo.rdnes-glitch { animation: rdnes-glitch-r .18s steps(1) !important; }

/* -- CTAs -------------------------------------------------------- */
.rdnes-ctas {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}
.rdnes-dl-wrap {
  width: 72px;
  height: 72px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .35s;
  flex-shrink: 0;
}
.rdnes-dl-wrap img.rdnes-dl-c {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  animation: rdnes-spin 5s linear infinite;
}
.rdnes-dl-wrap img.rdnes-dl-i {
  position: relative;
  z-index: 2;
  height: 28px;
  width: auto;
}
@keyframes rdnes-spin { to { transform: rotate(360deg); } }
.rdnes-dl-wrap:hover {
  transform: scale(1.13);
  filter: drop-shadow(0 0 18px rgba(233,163,24,.9));
}

.rdnes-btn-pri {
  position: relative;
  padding: 14px 22px;
  font-family: 'Cinzel', serif;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  color: #0a0704;
  background: linear-gradient(135deg, #f0b428, #c87d10);
  box-shadow: 0 0 22px rgba(233,163,24,.5), inset 0 1px 0 rgba(255,255,255,.18);
  overflow: hidden;
  transition: .35s;
  white-space: nowrap;
  border: none;
  display: inline-block;
}
.rdnes-btn-pri::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -60%;
  width: 35%;
  height: 200%;
  background: rgba(255,255,255,0.2);
  transform: skewX(-20deg);
  animation: rdnes-shimmer 3s ease-in-out infinite;
}
@keyframes rdnes-shimmer { 0% { left: -60%; } 100% { left: 160%; } }
.rdnes-btn-pri:hover {
  box-shadow: 0 0 42px rgba(233,163,24,.95), 0 6px 22px rgba(233,163,24,.4);
  transform: translateY(-3px) scale(1.05);
}

.rdnes-btn-sec {
  position: relative;
  padding: 13px 18px;
  font-family: 'Cinzel', serif;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  color: #ffe082;
  background: rgba(8,5,2,.65);
  backdrop-filter: blur(6px);
  transition: .35s;
  white-space: nowrap;
  border: 1px solid rgba(233,163,24,.45);
  display: inline-block;
}
.rdnes-btn-sec::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(233,163,24,.08), transparent);
  transform: translateX(-100%);
  transition: .45s;
}
.rdnes-btn-sec:hover::after { transform: translateX(100%); }
.rdnes-btn-sec:hover {
  border-color: #e9a318;
  background: rgba(233,163,24,.1);
  transform: translateY(-3px);
  box-shadow: 0 0 18px rgba(233,163,24,.25);
}

/* -- GOLD LINE --------------------------------------------------- */
.rdnes-gold-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 2px;
  overflow: hidden;
}
.rdnes-gold-line::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    transparent,
    rgba(233,163,24,.3) 10%,
    #e9a318 35%, #fff8e1 50%, #e9a318 65%,
    rgba(233,163,24,.3) 90%, transparent);
  animation: rdnes-liquid 2.5s ease-in-out infinite;
}
@keyframes rdnes-liquid {
  0%,100% { transform: scaleX(1) translateX(0); }
  50% { transform: scaleX(1.04) translateX(0); filter: drop-shadow(0 0 6px rgba(233,163,24,.8)); }
}

/* -- INFO BAR ---------------------------------------------------- */
.rdnes-info-bar {
  background: rgba(8,5,2,.96);
  border-top: 1px solid rgba(233,163,24,.15);
  border-bottom: 1px solid rgba(233,163,24,.06);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
  padding: 12px 40px;
  animation: rdnes-fade-down .8s 1.2s ease both;
}
.rdnes-ii {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Cinzel', serif;
  font-size: 9px;
  letter-spacing: .14em;
  color: #c8a060;
  text-transform: uppercase;
}
.rdnes-ii strong { color: #ffe082; font-size: 14px; font-weight: 700; }
.rdnes-isep { width: 1px; height: 18px; background: rgba(233,163,24,.16); }
.rdnes-isdot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4caf50;
  box-shadow: 0 0 6px #4caf50;
  animation: rdnes-blink 2s ease-in-out infinite;
}
.rdnes-isdot.rdnes-offline { background: #ff4444; box-shadow: 0 0 6px #ff4444; animation: none; }

/* -- RESPONSIVE -------------------------------------------------- */
@media (max-width: 900px) {
  #rdnes-hero { height: 480px; }
  .rdnes-strip {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    align-items: center;
    padding: 0 16px 16px;
    gap: 10px;
  }
  .rdnes-stats-row { justify-content: center; }
  .rdnes-ctas { justify-content: center; }
  #rdnes-social-bar { display: none; }
  #rdnes-main-logo { height: 100px; }
  .rdnes-info-bar { gap: 16px; flex-wrap: wrap; }
}
@media (max-width: 600px) {
  .rdnes-stat-box { width: 96px; height: 52px; }
  .rdnes-stat-num { font-size: 18px; }
}

/* =================================================================
   RDNES — LP SECTIONS, DOWNLOAD ACCORDION, FEATURES, COMMUNITY,
           LEFTBAR, FOOTER  —  Dark Throne 2026
   ================================================================= */

/* -- Nasconde #rdnes-social-bar (PHP-condizionale) a favore
      del .rdnes-leftbar sempre visibile                            */
#rdnes-social-bar { display: none; }

/* ── FADE-IN ON SCROLL ── */
.rdnes-fadein {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s ease;
}
.rdnes-fadein.rdnes-visible {
  opacity: 1;
  transform: none;
}

/* ── SEZIONE LP — WRAPPER GENERICO ── */
.rdnes-lp-sec {
  width: 100%;
  background: #070502;
  border-top: 1px solid rgba(233,163,24,.10);
  padding: 56px 40px;
  position: relative;
  overflow: hidden;
}

/* ── PANELS FRAME (contiene le 3 colonne pixarts) ── */
.rdnes-panels-frame {
  background: #070502;
  border-top: 1px solid rgba(233,163,24,.10);
}

/* ── SECTION HEADER (titolo centrato con linee dorate) ── */
.rdnes-section-hdr {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}
.rdnes-section-hdr h2 {
  font-family: 'Cinzel', serif;
  font-size: 22px;
  font-weight: 700;
  color: #ffe082;
  white-space: nowrap;
  text-shadow: 0 0 18px rgba(233,163,24,.35);
  letter-spacing: .08em;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.rdnes-hdr-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(233,163,24,.45));
}
.rdnes-hdr-line.rdnes-hdr-line-r {
  background: linear-gradient(to left, transparent, rgba(233,163,24,.45));
}

/* ── ICON HELPERS (FontAwesome 4) ── */
.rdnes-ico { display: inline-block; }
.rdnes-ico::before {
  font-family: 'FontAwesome';
  font-style: normal;
}
.rdnes-ico-dl::before { content: '\f019'; }   /* fa-download */
.rdnes-dl-h-ico {
  font-size: 18px;
  color: #e9a318;
  text-shadow: 0 0 10px rgba(233,163,24,.5);
}

/* ── SEZIONE DOWNLOAD — ACCORDION ── */
.rdnes-dl-sec { padding: 0; }

.rdnes-dl-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 36px 40px 32px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  transition: background .25s;
  outline: none;
}
.rdnes-dl-trigger:hover { background: rgba(233,163,24,.03); }
.rdnes-dl-trigger .rdnes-section-hdr { flex: 1; margin-bottom: 0; }

/* Chevron (∧ closed  →  v open) */
.rdnes-dl-chevron {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  flex-shrink: 0;
  margin-left: 16px;
}
.rdnes-dl-chevron::before,
.rdnes-dl-chevron::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 11px;
  height: 2px;
  background: #c8a060;
  border-radius: 2px;
  transition: transform .3s ease, background .25s;
}
.rdnes-dl-chevron::before { right: 50%; transform: translateY(-50%) rotate(45deg)  translateX( 4px); }
.rdnes-dl-chevron::after  { left:  50%; transform: translateY(-50%) rotate(-45deg) translateX(-4px); }

.rdnes-dl-trigger[aria-expanded="true"] .rdnes-dl-chevron::before {
  transform: translateY(-50%) rotate(-45deg) translateX( 4px);
  background: #ffe082;
}
.rdnes-dl-trigger[aria-expanded="true"] .rdnes-dl-chevron::after  {
  transform: translateY(-50%) rotate(45deg)  translateX(-4px);
  background: #ffe082;
}

/* Corpo collassabile — mostrato da JS via .rdnes-open sulla section */
.rdnes-dl-body { display: none; border-top: 1px solid rgba(233,163,24,.08); }
#rdnes-dl-section.rdnes-open .rdnes-dl-body { display: block; }

.rdnes-dl-inner {
  display: flex;
  gap: 60px;
  padding: 36px 40px 50px;
  align-items: flex-start;
}
.rdnes-dl-info { flex: 1; }
.rdnes-dl-info h3 {
  font-family: 'Cinzel', serif;
  font-size: 16px;
  color: #ffe082;
  margin-bottom: 18px;
  letter-spacing: .05em;
}

.rdnes-dl-req {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rdnes-dl-req li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: #b09070;
  padding: 9px 14px;
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(233,163,24,.07);
  border-radius: 4px;
}
.rdnes-dl-req li::before {
  content: '\f00c';   /* fa-check */
  font-family: 'FontAwesome';
  font-style: normal;
  color: #e9a318;
  font-size: 11px;
  flex-shrink: 0;
}
.rdnes-dl-req li span {
  color: #c8a060;
  font-weight: 600;
  min-width: 130px;
  display: inline-block;
}

.rdnes-dl-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  flex-shrink: 0;
  padding-top: 8px;
}

/* ── BOTTONI CTA ── */
.rdnes-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: 'Cinzel', serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: filter .25s ease, transform .2s ease, box-shadow .25s ease;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.rdnes-btn-gold {
  background: linear-gradient(135deg,
    #c88a10 0%, #e9a318 35%, #ffe082 55%, #e9a318 75%, #a06808 100%);
  color: #1a0e00 !important;
  box-shadow: 0 0 20px rgba(233,163,24,.28),
              inset 0 1px 0 rgba(255,255,200,.25);
}
.rdnes-btn-gold:hover {
  filter: brightness(1.12) drop-shadow(0 0 14px rgba(233,163,24,.65));
  transform: translateY(-2px);
  text-decoration: none;
  color: #1a0e00 !important;
}
.rdnes-btn-big {
  padding: 16px 40px;
  font-size: 15px;
  min-width: 220px;
}
.rdnes-dl-free {
  font-size: 11px;
  color: rgba(200,160,96,.55);
  text-align: center;
  letter-spacing: .04em;
  font-style: italic;
}

/* ── SEZIONE FEATURES ── */
.rdnes-features { padding: 56px 40px 60px; }
.rdnes-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.rdnes-feat {
  background: linear-gradient(160deg,
    rgba(30,22,12,.95) 0%, rgba(20,14,8,.98) 100%);
  border: 1px solid rgba(233,163,24,.12);
  border-radius: 10px;
  padding: 26px 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: border-color .25s, box-shadow .25s, transform .2s;
}
.rdnes-feat:hover {
  border-color: rgba(233,163,24,.32);
  box-shadow: 0 8px 28px rgba(0,0,0,.5), 0 0 18px rgba(233,163,24,.07);
  transform: translateY(-3px);
}
.rdnes-feat-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #e9a318;
  text-shadow: 0 0 12px rgba(233,163,24,.55);
  margin-bottom: 2px;
  border-radius: 8px;
  background: rgba(233,163,24,.07);
}
.rdnes-feat-icon::before { font-family: 'FontAwesome'; font-style: normal; }
.rdnes-fi-shop::before    { content: '\f291'; }  /* fa-shopping-basket */
.rdnes-fi-dungeon::before { content: '\f1b2'; }  /* fa-cube            */
.rdnes-fi-boss::before    { content: '\f005'; }  /* fa-star            */
.rdnes-fi-pvp::before     { content: '\f132'; }  /* fa-shield          */
.rdnes-fi-anime::before   { content: '\f004'; }  /* fa-heart           */
.rdnes-fi-event::before   { content: '\f0e7'; }  /* fa-bolt            */
.rdnes-feat h3 {
  font-family: 'Cinzel', serif;
  font-size: 14px;
  font-weight: 700;
  color: #ffe082;
  letter-spacing: .04em;
  margin: 0;
}
.rdnes-feat p { font-size: 12.5px; color: #9a7a56; line-height: 1.65; margin: 0; }

/* ── SEZIONE COMMUNITY ── */
.rdnes-community-sec { padding: 56px 40px 60px; }
.rdnes-community-sub {
  text-align: center;
  color: #9a7a56;
  font-size: 13px;
  margin-top: -28px;
  margin-bottom: 36px;
  letter-spacing: .05em;
}
.rdnes-social-grid {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
.rdnes-social-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 26px 44px;
  border-radius: 10px;
  text-decoration: none !important;
  border: 1px solid rgba(233,163,24,.12);
  background: linear-gradient(160deg,
    rgba(30,22,12,.95) 0%, rgba(20,14,8,.98) 100%);
  transition: border-color .25s, box-shadow .25s, transform .2s;
  min-width: 180px;
  cursor: pointer;
}
.rdnes-social-btn:hover { transform: translateY(-4px); }
.rdnes-social-discord:hover {
  border-color: rgba(88,101,242,.45);
  box-shadow: 0 8px 26px rgba(88,101,242,.14);
}
.rdnes-social-tiktok:hover {
  border-color: rgba(255,0,80,.4);
  box-shadow: 0 8px 26px rgba(255,0,80,.10);
}
.rdnes-social-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  border-radius: 14px;
  margin-bottom: 2px;
}
.rdnes-social-icon::before { font-family: 'FontAwesome'; font-style: normal; }
.rdnes-si-discord { background: rgba(88,101,242,.14); color: #5865F2; }
.rdnes-si-discord::before { content: '\f086'; }   /* fa-comments */
.rdnes-si-tiktok  { background: rgba(255,0,80,.10); color: #ff0050; }
.rdnes-si-tiktok::before  { content: '\f001'; }   /* fa-music    */
.rdnes-social-name {
  font-family: 'Cinzel', serif;
  font-size: 14px;
  font-weight: 700;
  color: #ffe082;
}
.rdnes-social-desc { font-size: 11px; color: #7a5a36; letter-spacing: .04em; }

/* ── LEFTBAR PRINCIPALE (fisso sx, sostituisce #rdnes-social-bar) ── */
.rdnes-leftbar {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9000;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.rdnes-leftbar-btn {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(8,5,2,.88);
  border: none;
  border-right: 2px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: width .25s ease, background .25s, filter .25s;
  position: relative;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
}
.rdnes-leftbar-btn:hover {
  width: 52px;
  background: rgba(20,12,4,.97);
  text-decoration: none;
}
.rdnes-leftbar-icon { width: 20px; height: 20px; flex-shrink: 0; transition: transform .25s; }
.rdnes-leftbar-btn:hover .rdnes-leftbar-icon { transform: scale(1.15); }
.rdnes-leftbar-label { display: none; }

.rdnes-leftbar-discord { border-right-color: #5865F2; color: #5865F2; }
.rdnes-leftbar-discord:hover { filter: drop-shadow(0 0 8px rgba(88,101,242,.7)); }
.rdnes-leftbar-tiktok  { border-right-color: #ff0050; color: #ff0050; }
.rdnes-leftbar-tiktok:hover  { filter: drop-shadow(0 0 8px rgba(255,0,80,.7)); }
.rdnes-leftbar-inforge { border-right-color: #e9a318; color: #e9a318; }
.rdnes-leftbar-inforge:hover { filter: drop-shadow(0 0 8px rgba(233,163,24,.8)); }
.rdnes-leftbar-lang    { border-right-color: #88ccff; color: #88ccff; }
.rdnes-leftbar-lang:hover    { filter: drop-shadow(0 0 8px rgba(136,204,255,.7)); }

/* Discord widget panel */
#rdnes-discord-panel {
  position: fixed;
  left: 44px;
  top: 50%;
  transform: translateY(-50%) translateX(-12px);
  z-index: 8999;
  background: #1e1e2e;
  border: 1px solid rgba(88,101,242,.3);
  border-radius: 0 8px 8px 0;
  box-shadow: 4px 4px 24px rgba(0,0,0,.75);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
  overflow: hidden;
}
#rdnes-discord-panel.rdnes-discord-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}

/* Pannello lingue */
#rdnes-lang-panel {
  position: fixed;
  left: 44px;
  top: 50%;
  transform: translateY(-50%) translateX(-12px);
  z-index: 8999;
  background: rgba(10,7,3,.97);
  border: 1px solid rgba(233,163,24,.18);
  border-radius: 0 8px 8px 0;
  box-shadow: 4px 4px 24px rgba(0,0,0,.75);
  min-width: 160px;
  padding: 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#rdnes-lang-panel.rdnes-lang-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}
.rdnes-lang-flag {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 4px;
  text-decoration: none;
  color: #c8a060;
  font-size: 13px;
  transition: background .2s, color .2s;
  white-space: nowrap;
}
.rdnes-lang-flag:hover,
.rdnes-lang-flag.rdnes-lang-active {
  background: rgba(233,163,24,.10);
  color: #ffe082;
  text-decoration: none;
}
.rdnes-lang-flag img { width: 22px; height: 15px; object-fit: cover; border-radius: 2px; flex-shrink: 0; }

/* ── FOOTER ── */
.rdnes-footer-container {
  background: #040301;
  border-top: 1px solid rgba(233,163,24,.08);
}
.rdnes-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(to right,
    transparent 0%, rgba(233,163,24,.20) 25%,
    rgba(233,163,24,.35) 50%, rgba(233,163,24,.20) 75%, transparent 100%);
}
.rdnes-footer-wrap {
  padding: 28px 40px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.rdnes-footer-links {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}
.rdnes-footer-links a {
  font-family: 'Cinzel', serif;
  font-size: 10px;
  color: #9a7a56;
  text-decoration: none;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: color .2s;
}
.rdnes-footer-links a:hover { color: #ffe082; }
.rdnes-sep { color: rgba(233,163,24,.3); font-size: 8px; }
.rdnes-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
  width: 100%;
}
.rdnes-footer-logo {
  height: 34px;
  width: auto;
  opacity: .65;
  filter: grayscale(.4);
  transition: opacity .2s, filter .2s;
}
.rdnes-footer-logo:hover { opacity: 1; filter: none; }
.rdnes-copyright { font-size: 11px; color: rgba(200,160,96,.4); letter-spacing: .06em; margin: 0; }

/* ── RESPONSIVE LP ── */
@media (max-width: 900px) {
  .rdnes-lp-sec,
  .rdnes-features,
  .rdnes-community-sec { padding: 40px 20px; }
  .rdnes-features-grid { grid-template-columns: repeat(2, 1fr); }
  .rdnes-dl-inner { flex-direction: column; gap: 32px; }
  .rdnes-dl-action { align-items: flex-start; }
  .rdnes-leftbar { display: none; }
  #rdnes-discord-panel, #rdnes-lang-panel { display: none !important; }
}
@media (max-width: 560px) {
  .rdnes-features-grid { grid-template-columns: 1fr; }
  .rdnes-dl-req li span { min-width: 90px; }
  .rdnes-btn-big { min-width: 180px; padding: 14px 28px; }
  .rdnes-footer-links { gap: 10px; }
  .rdnes-social-grid { flex-direction: column; align-items: center; }
}

/* =================================================================
   RDNES — GOLD BORDERS — pannello centrale, box, tabelle ranking
   ================================================================= */

/* ── BOX PRINCIPALI (pannello utente, statistiche, classifiche) ── */
.box-sm-v1 {
  border: 1px solid rgba(233,163,24,.28) !important;
  box-shadow:
    0 0 22px rgba(0,0,0,.55),
    0 0 0 1px rgba(233,163,24,.06),
    inset 0 0 0 1px rgba(233,163,24,.04) !important;
  border-radius: 2px;
  overflow: hidden;
}

/* Heading bar — rinforzo bordo inferiore dorato */
.box-sm-v1 .heading {
  border-bottom: 1px solid rgba(233,163,24,.30) !important;
}

/* ── TABELLE RANKING — righe con bordo sottile ── */
.inner.stats-box .lane-stat,
.inner table tr,
.inner .ranking li {
  border-bottom: 1px solid rgba(233,163,24,.08) !important;
}

/* Riga 1° posto — bordo oro più visibile */
.inner table tr:nth-child(1) td,
.inner .ranking li:nth-child(1) {
  border-left: 2px solid rgba(255,215,50,.55) !important;
}
/* Riga 2° posto — argento */
.inner table tr:nth-child(2) td,
.inner .ranking li:nth-child(2) {
  border-left: 2px solid rgba(192,192,192,.45) !important;
}
/* Riga 3° posto — bronzo */
.inner table tr:nth-child(3) td,
.inner .ranking li:nth-child(3) {
  border-left: 2px solid rgba(205,127,50,.45) !important;
}

/* ── COLONNE LATERALI — cornice leggera tra colonne ── */
.pixarts-container.main .left-col,
.pixarts-container.main .right-col {
  border: 1px solid rgba(233,163,24,.15);
  border-radius: 2px;
}

/* ── FORM LOGIN — bordo input oro ── */
.login-box input[type="text"],
.login-box input[type="password"] {
  border: 1px solid rgba(233,163,24,.22) !important;
  background: rgba(10,7,3,.75) !important;
  color: #d4b880 !important;
  transition: border-color .2s !important;
}
.login-box input[type="text"]:focus,
.login-box input[type="password"]:focus {
  border-color: rgba(233,163,24,.55) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(233,163,24,.10) !important;
}

/* ── PANNELLO CENTRALE (colonna centrale) — separatori ── */
.pixarts-container.main .center-col {
  border-left:  1px solid rgba(233,163,24,.10);
  border-right: 1px solid rgba(233,163,24,.10);
}

/* ── STAT LANE (lane-stat nella colonna statistiche server) ── */
.lane-stat {
  border: 1px solid rgba(233,163,24,.12) !important;
  border-radius: 3px;
  margin-bottom: 4px;
}

/* ── TOP 100 LINK ── */
a.inner.rank-add {
  border-top: 1px solid rgba(233,163,24,.15) !important;
  color: #c8a060 !important;
}
a.inner.rank-add:hover {
  border-top-color: rgba(233,163,24,.35) !important;
  color: #ffe082 !important;
}

/* =================================================================
   RDNES — DOWNLOAD SECTION — LAYOUT CENTRATO (override pannelli)
   ================================================================= */

/* Inner: colonna centrata invece di flex-row a 2 colonne */
.rdnes-dl-inner {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 28px !important;
  padding: 36px 40px 50px !important;
}

/* Nascondi il pannello info con i requisiti */
.rdnes-dl-info {
  display: none !important;
}

/* Azione centrata */
.rdnes-dl-action {
  align-items: center !important;
  padding-top: 0 !important;
  gap: 20px !important;
  width: 100% !important;
}

/* Testo gratuito più grande e visibile */
.rdnes-dl-free {
  font-size: 13px !important;
  color: rgba(200,160,96,.65) !important;
  font-style: italic;
  letter-spacing: .05em;
}

/* Bottone ancora più grande nella versione centrata */
.rdnes-dl-action .rdnes-btn-big {
  padding: 18px 60px !important;
  font-size: 16px !important;
  min-width: 260px !important;
  letter-spacing: .14em !important;
}

/* =================================================================
   RDNES — DOWNLOAD SECTION — LAYOUT CENTRATO v2 (con requisiti)
   ================================================================= */

.rdnes-dl-inner {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 32px !important;
  padding: 36px 40px 52px !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}

/* Info panel — visibile ma centrato */
.rdnes-dl-info {
  display: block !important;
  width: 100% !important;
}
.rdnes-dl-info h3 {
  text-align: center !important;
  margin-bottom: 20px !important;
}

/* Lista requisiti — centrata, orizzontale su desktop */
.rdnes-dl-req {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}
.rdnes-dl-req li {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 8px 16px !important;
  gap: 8px !important;
  justify-content: center !important;
}
.rdnes-dl-req li span {
  min-width: 0 !important;
  display: inline !important;
}

/* Azione centrata */
.rdnes-dl-action {
  align-items: center !important;
  padding-top: 0 !important;
  gap: 20px !important;
  width: 100% !important;
}

/* Bottone grande centrato */
.rdnes-dl-action .rdnes-btn-big {
  padding: 18px 60px !important;
  font-size: 16px !important;
  min-width: 260px !important;
  letter-spacing: .14em !important;
}

/* Testo gratuito */
.rdnes-dl-free {
  font-size: 13px !important;
  color: rgba(200,160,96,.65) !important;
  letter-spacing: .05em;
}

/* Mobile: requisiti in colonna */
@media (max-width: 680px) {
  .rdnes-dl-req {
    flex-direction: column !important;
    align-items: center !important;
  }
  .rdnes-dl-req li {
    width: 100% !important;
    max-width: 320px !important;
  }
}

/* =================================================================
   RDNES — HERO VIDEO FIX — più alto, meno tagliato
   ================================================================= */

/* Hero più alto per mostrare più video */
#rdnes-hero {
  height: 360px !important;
}

/* Video centrato verticalmente invece di top — mostra più contenuto */
#rdnes-video-wrap video {
  object-position: center center !important;
}

/* Inset maggiore per più headroom parallax */
#rdnes-video-wrap {
  inset: -50px !important;
}

/* Vignette: meno aggressiva in basso — video più visibile */
.rdnes-vignette {
  background:
    linear-gradient(180deg,
      rgba(0,0,0,0.18) 0%,
      transparent 18%,
      transparent 50%,
      rgba(10,7,4,0.45) 75%,
      rgba(10,7,4,0.88) 100%),
    linear-gradient(90deg,
      rgba(0,0,0,0.10) 0%, transparent 8%,
      transparent 92%, rgba(0,0,0,0.10) 100%) !important;
}

/* Responsive: hero adattato su schermi più piccoli */
@media (max-width: 900px) {
  #rdnes-hero { height: 280px !important; }
}
@media (max-width: 600px) {
  #rdnes-hero { height: 220px !important; }
}

/* =================================================================
   RDNES — FIX GAP PANNELLI + BORDI ORO COLONNE
   ================================================================= */

/* Elimina gap sopra la sezione pixarts */
section.pixarts-body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.rdnes-panels-frame {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ── BORDI ORO COLONNE ── */
.pixarts-container.main {
  display: flex;
  gap: 0;
}

/* Tutte e tre le colonne: bordo oro */
.pixarts-container.main > .left-col,
.pixarts-container.main > .center-col,
.pixarts-container.main > .right-col {
  border: 1px solid rgba(233,163,24,.22) !important;
  border-radius: 0 !important;
  background: rgba(7,5,2,.60) !important;
}

/* Separatori interni tra colonne — no doppio bordo */
.pixarts-container.main > .center-col {
  border-left: none !important;
  border-right: none !important;
}

/* ── BOX INTERNI — bordo oro su ogni box ── */
.pixarts-container.main .box-sm-v1 {
  border: 1px solid rgba(233,163,24,.25) !important;
  box-shadow:
    0 0 18px rgba(0,0,0,.5),
    inset 0 0 0 1px rgba(233,163,24,.04) !important;
  margin-bottom: 12px;
  border-radius: 2px;
  overflow: hidden;
  background: rgba(8,5,2,.80) !important;
}

/* Heading bar bordo inferiore oro */
.pixarts-container.main .box-sm-v1 .heading {
  border-bottom: 1px solid rgba(233,163,24,.28) !important;
}

/* ── IMMAGINE NOTIZIA CENTRO — cornice oro ── */
.pixarts-container.main .center-col img {
  border: 1px solid rgba(233,163,24,.18);
  border-radius: 2px;
}

/* ── NEWS / POST BOX — bordo oro ── */
.pixarts-container.main .center-col .box-sm-v1,
.pixarts-container.main .center-col > div {
  border: 1px solid rgba(233,163,24,.18) !important;
}

/* =================================================================
   RDNES — FIX SPAZIATURA PANNELLI PIXARTS
   ================================================================= */

/* Il tema originale aveva margin-top:-110px per sovrapporsi all'hero.
   Con il nuovo layout va azzerato. */
.pixarts-body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background-color: #070502 !important;
  min-width: unset !important;
  width: 100% !important;
}

/* Container centrato — nessun gap tra colonne */
.pixarts-body .pixarts-container {
  margin: 0 auto !important;
  padding: 0 !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 1280px !important;
}

.pixarts-body .pixarts-container.main {
  background-color: #070502 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 1280px !important;
}

/* Colonne: rimozione margini/padding extra, flush tra loro */
.pixarts-body .pixarts-container .left-col,
.pixarts-body .pixarts-container .center-col,
.pixarts-body .pixarts-container .right-col {
  padding: 12px !important;
  margin: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* Colonna sinistra: bordo destro oro come separatore */
.pixarts-body .pixarts-container .left-col {
  border-right: 1px solid rgba(233,163,24,.18) !important;
  border-left: 1px solid rgba(233,163,24,.18) !important;
}

/* Colonna destra: bordo sinistro oro come separatore */
.pixarts-body .pixarts-container .right-col {
  border-left: 1px solid rgba(233,163,24,.18) !important;
  border-right: 1px solid rgba(233,163,24,.18) !important;
}

/* Colonna centrale: nessun bordo laterale (già coperto da sx/dx) */
.pixarts-body .pixarts-container .center-col {
  border-left: none !important;
  border-right: none !important;
  flex: 1 !important;
  min-width: 0 !important;
  max-width: unset !important;
  width: auto !important;
}

/* Bordo oro superiore e inferiore sull'intero container */
.pixarts-body .pixarts-container.main {
  border-top: 1px solid rgba(233,163,24,.22) !important;
  border-bottom: 1px solid rgba(233,163,24,.12) !important;
}

/* Banner centrale: immagine adatta alla colonna */
.center-col .banner-main {
  padding: 0 !important;
}
.center-col .banner-main .inside img,
.center-col .banner-main .inside video {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
}

/* =================================================================
   RDNES — DOWNLOAD TRIGGER — effetto cliccabile chiaro
   ================================================================= */

/* Trigger: bordo oro tenue + glow pulsante per comunicare interattività */
.rdnes-dl-trigger {
  border: 1px solid rgba(233,163,24,.18) !important;
  border-radius: 2px !important;
  margin: 0 32px !important;
  position: relative !important;
  background: rgba(233,163,24,.03) !important;
  transition: background .3s, border-color .3s, box-shadow .3s !important;
  animation: rdnes-trigger-pulse 3s ease-in-out infinite !important;
}

/* Hover: bordo oro intenso + glow dorato */
.rdnes-dl-trigger:hover {
  background: rgba(233,163,24,.07) !important;
  border-color: rgba(233,163,24,.50) !important;
  box-shadow:
    0 0 18px rgba(233,163,24,.14),
    inset 0 0 12px rgba(233,163,24,.04) !important;
  animation: none !important;
}

/* Pulsazione leggera per comunicare interattività */
@keyframes rdnes-trigger-pulse {
  0%, 100% {
    border-color: rgba(233,163,24,.18);
    box-shadow: 0 0 0px rgba(233,163,24,0);
  }
  50% {
    border-color: rgba(233,163,24,.38);
    box-shadow: 0 0 12px rgba(233,163,24,.12);
  }
}

/* Chevron: più grande e visibile + bounce animato */
.rdnes-dl-chevron {
  width: 32px !important;
  height: 32px !important;
  background: rgba(233,163,24,.10) !important;
  border: 1px solid rgba(233,163,24,.30) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: rdnes-bounce 2s ease-in-out infinite !important;
  transition: background .3s, border-color .3s !important;
}
.rdnes-dl-trigger:hover .rdnes-dl-chevron {
  background: rgba(233,163,24,.22) !important;
  border-color: rgba(233,163,24,.70) !important;
  animation: none !important;
}
.rdnes-dl-trigger[aria-expanded="true"] .rdnes-dl-chevron {
  animation: none !important;
  background: rgba(233,163,24,.18) !important;
}

/* Bounce leggero della freccetta */
@keyframes rdnes-bounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(4px); }
}

/* Le stanghette del chevron più spesse */
.rdnes-dl-chevron::before,
.rdnes-dl-chevron::after {
  width: 9px !important;
  height: 2.5px !important;
  background: #e9a318 !important;
}

/* Label "clicca per aprire" — appare a destra del titolo */
.rdnes-dl-trigger::after {
  content: 'clicca per aprire';
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  color: rgba(200,160,96,.45);
  letter-spacing: .08em;
  text-transform: uppercase;
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: opacity .3s;
}
.rdnes-dl-trigger:hover::after {
  opacity: 0;
}
.rdnes-dl-trigger[aria-expanded="true"]::after {
  content: 'clicca per chiudere';
  opacity: 0.4;
}

/* =================================================================
   RDNES — DOWNLOAD TRIGGER — rimuove label testo, bagliore forte
   ================================================================= */

/* Rimuove le scritte "clicca per aprire/chiudere" */
.rdnes-dl-trigger::after {
  display: none !important;
  content: none !important;
}

/* Bagliore forte sul trigger */
.rdnes-dl-trigger {
  box-shadow:
    0 0 24px rgba(233,163,24,.18),
    inset 0 0 20px rgba(233,163,24,.05) !important;
}
.rdnes-dl-trigger:hover {
  box-shadow:
    0 0 40px rgba(233,163,24,.40),
    0 0 80px rgba(233,163,24,.15),
    inset 0 0 30px rgba(233,163,24,.08) !important;
}

/* Chevron: bagliore forte + pulsazione glow */
.rdnes-dl-chevron {
  box-shadow:
    0 0 12px rgba(233,163,24,.6),
    0 0 28px rgba(233,163,24,.3) !important;
  animation: rdnes-chevron-glow 2s ease-in-out infinite !important;
}
.rdnes-dl-trigger:hover .rdnes-dl-chevron {
  box-shadow:
    0 0 20px rgba(233,163,24,.9),
    0 0 50px rgba(233,163,24,.5),
    0 0 90px rgba(255,220,100,.2) !important;
  animation: none !important;
}

@keyframes rdnes-chevron-glow {
  0%, 100% {
    box-shadow: 0 0 10px rgba(233,163,24,.5), 0 0 22px rgba(233,163,24,.2);
    transform: translateY(0);
  }
  50% {
    box-shadow: 0 0 22px rgba(233,163,24,.9), 0 0 50px rgba(233,163,24,.4);
    transform: translateY(4px);
  }
}

/* =================================================================
   RDNES — CHEVRON REDESIGN — freccia elegante senza cerchio
   ================================================================= */

/* Rimuove il cerchio */
.rdnes-dl-chevron {
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  animation: rdnes-chevron-glow 2s ease-in-out infinite !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Stanghette più grandi e belle — V shape */
.rdnes-dl-chevron::before,
.rdnes-dl-chevron::after {
  width: 14px !important;
  height: 3px !important;
  background: #e9a318 !important;
  border-radius: 3px !important;
  box-shadow: 0 0 8px rgba(233,163,24,.9), 0 0 18px rgba(233,163,24,.5) !important;
  top: auto !important;
  position: absolute !important;
}
.rdnes-dl-chevron::before {
  right: 50% !important;
  transform: translateY(0) rotate(35deg) translateX(5px) !important;
}
.rdnes-dl-chevron::after {
  left: 50% !important;
  transform: translateY(0) rotate(-35deg) translateX(-5px) !important;
}

/* Stato aperto — V invertita */
.rdnes-dl-trigger[aria-expanded="true"] .rdnes-dl-chevron::before {
  transform: translateY(0) rotate(-35deg) translateX(5px) !important;
}
.rdnes-dl-trigger[aria-expanded="true"] .rdnes-dl-chevron::after {
  transform: translateY(0) rotate(35deg) translateX(-5px) !important;
}

/* Pulsazione glow sulle stanghette */
@keyframes rdnes-chevron-glow {
  0%, 100% { filter: drop-shadow(0 0 4px rgba(233,163,24,.6)); transform: translateY(0); }
  50%       { filter: drop-shadow(0 0 12px rgba(233,163,24,1)); transform: translateY(5px); }
}
.rdnes-dl-trigger:hover .rdnes-dl-chevron {
  animation: none !important;
  filter: drop-shadow(0 0 16px rgba(233,163,24,1)) !important;
  transform: translateY(3px) !important;
}
.rdnes-dl-trigger[aria-expanded="true"] .rdnes-dl-chevron {
  animation: none !important;
  filter: drop-shadow(0 0 10px rgba(233,163,24,.8)) !important;
  transform: none !important;
}

/* =================================================================
   RDNES — VIDEO TOP FIX — nessun taglio in cima
   ================================================================= */

/* Video-wrap: headroom asimmetrico — quasi 0 in cima, normale ai lati/basso */
#rdnes-video-wrap {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  inset: 0 !important;
}

#rdnes-video-wrap video {
  object-fit: contain !important;
  object-position: center center !important;
}

/* Parallax JS usa translateY negativo — max -20px così non sfora in cima */
/* (gestito inline nel JS, il CSS non può limitarlo direttamente) */

/* Hero: altezza aumentata per compensare */
#rdnes-hero {
  height: 700px !important;
}

@media (max-width: 900px) {
  #rdnes-hero { height: 520px !important; }
  #rdnes-video-wrap {
    top: 0 !important;
    left: -20px !important;
    right: -20px !important;
    bottom: -20px !important;
  }
}
@media (max-width: 600px) {
  #rdnes-hero { height: 380px !important; }
}

/* =================================================================
   RDNES — HERO RESET ESATTO PREVIEW (override definitivo)
   Valori 1:1 dalla preview/index.html — nessuna modifica
   ================================================================= */

#rdnes-hero {
  height: 580px !important;
  perspective: 900px !important;
}

#rdnes-video-wrap {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
  background: #0a0703 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform .12s ease-out !important;
  will-change: transform !important;
}

#rdnes-video-wrap video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  pointer-events: none !important;
  display: block !important;
}

@media (max-width: 900px) {
  #rdnes-hero { height: 480px !important; }
}
@media (max-width: 600px) {
  #rdnes-hero { height: 360px !important; }
}

/* =================================================================
   RDNES — ZOOM STABILITY FIX
   ================================================================= */

/* Larghezza minima fissa — previene reflow su zoom */
html {
  min-width: 1280px !important;
  overflow-x: hidden !important;
}
body {
  min-width: 1280px !important;
  overflow-x: hidden !important;
}

/* Hero: blocca qualsiasi overflow che appare con lo zoom */
#rdnes-hero {
  overflow: hidden !important;
  transform: translateZ(0) !important;   /* forza GPU layer, stabilizza */
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

/* Video-wrap: GPU layer dedicato — non si muove con zoom */
#rdnes-video-wrap {
  transform: translate(0, 0) !important; /* reset parallax al caricamento */
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

/* Impedisce che il video esca dai bordi dell'hero su zoom */
#rdnes-video-wrap video {
  transform: translateZ(0) !important;
}

/* =================================================================
   RDNES — HERO HEIGHT FINAL — mostra tutto il video senza tagli
   ================================================================= */

#rdnes-hero {
  height: 720px !important;
}

/* Video centrato verticalmente — bilancia top/bottom */
#rdnes-video-wrap video {
  object-position: center 30% !important;
}

@media (max-width: 1400px) { #rdnes-hero { height: 640px !important; } }
@media (max-width: 900px)  { #rdnes-hero { height: 500px !important; } }
@media (max-width: 600px)  { #rdnes-hero { height: 360px !important; } }

/* =================================================================
   RDNES — VIDEO BRIGHTNESS FIX — spotlight off, vignette leggera
   ================================================================= */

/* Spotlight completamente trasparente */
#rdnes-spotlight {
  display: none !important;
}

/* Vignette molto più leggera — video luminoso come nella preview */
.rdnes-vignette {
  background:
    linear-gradient(180deg,
      rgba(0,0,0,0.08) 0%,
      transparent 15%,
      transparent 60%,
      rgba(10,7,4,0.30) 80%,
      rgba(10,7,4,0.72) 100%),
    linear-gradient(90deg,
      rgba(0,0,0,0.06) 0%, transparent 6%,
      transparent 94%, rgba(0,0,0,0.06) 100%) !important;
}

/* =================================================================
   RDNES — INFO BAR — più grande
   ================================================================= */

.rdnes-info-bar {
  padding: 16px 40px !important;
  gap: 48px !important;
}

.rdnes-ii {
  font-size: 11px !important;
  gap: 10px !important;
  letter-spacing: .16em !important;
}

.rdnes-ii strong {
  font-size: 16px !important;
}

.rdnes-isdot {
  width: 9px !important;
  height: 9px !important;
}

.rdnes-isep {
  width: 1px !important;
  height: 24px !important;
}

/* =================================================================
   RDNES — HERO VIEWPORT HEIGHT — stabile su qualsiasi zoom
   ================================================================= */

/* Hero riempie sempre il viewport meno la navbar (~62px) */
#rdnes-hero {
  height: calc(100vh - 62px) !important;
  min-height: 520px !important;
  max-height: 900px !important;
}

/* Video centrato — mostra tutta l'immagine bilanciata */
#rdnes-video-wrap video {
  object-fit: cover !important;
  object-position: center center !important;
}

/* Strip in fondo: sempre visibile */
.rdnes-strip {
  position: absolute !important;
  bottom: 0 !important;
}

/* Info bar subito sotto l'hero, nessun gap */
.rdnes-info-bar {
  position: relative !important;
  z-index: 10 !important;
}

@media (max-width: 900px) {
  #rdnes-hero {
    height: calc(100vh - 54px) !important;
    min-height: 380px !important;
  }
}

/* =================================================================
   RDNES — SERVER BADGE — spostato sulla navbar
   ================================================================= */

/* Stacca il badge dall'hero e lo fissa sulla navbar */
.rdnes-badge {
  position: fixed !important;
  top: 0 !important;
  right: 20px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 99999 !important;
  /* Allineamento verticale centrato alla navbar (~62px) */
  height: 62px !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  animation: none !important;
}

/* =================================================================
   RDNES — HERO PROPORZIONALE (override definitivo — LAST WINS)
   Mantiene stesso crop video a qualsiasi zoom e risoluzione.
   Video 16:9 → height = width/1.78. Per mostrare ~90%: 0.9*(w/1.78)≈0.506w
   ================================================================= */

#rdnes-hero {
  height: clamp(500px, 50.6vw, 920px) !important;
  min-height: 500px !important;
  max-height: 920px !important;
  perspective: 900px !important;
  overflow: hidden !important;
}

#rdnes-video-wrap {
  position: absolute !important;
  inset: -30px !important;
  top: -30px !important;
  left: -30px !important;
  right: -30px !important;
  bottom: -30px !important;
  transition: transform .12s ease-out !important;
  will-change: transform !important;
}

#rdnes-video-wrap video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

@media (max-width: 900px) {
  #rdnes-hero { height: clamp(320px, 56vw, 520px) !important; }
}

/* =================================================================
   RDNES — BADGE NAVBAR (override definitivo)
   ================================================================= */

/* Nascondi il vecchio badge nell'hero */
#rdnes-hero .rdnes-badge:not(.rdnes-badge--nav) {
  display: none !important;
}

/* Badge nella navbar — inline, non fixed */
.rdnes-badge--nav {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 5px 13px !important;
  background: rgba(180,140,40,.13) !important;
  border: 1px solid rgba(200,160,50,.35) !important;
  border-radius: 20px !important;
  color: #d4a843 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  margin-left: 14px !important;
  z-index: auto !important;
  animation: none !important;
  backdrop-filter: none !important;
}

.rdnes-badge--nav .rdnes-bdot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #4caf50 !important;
  box-shadow: 0 0 6px #4caf50 !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  animation: rdnesPulse 2s ease-in-out infinite !important;
}

.rdnes-badge--nav .rdnes-bdot.rdnes-offline {
  background: #e53935 !important;
  box-shadow: 0 0 6px #e53935 !important;
  animation: none !important;
}

/* =================================================================
   RDNES — BADGE NAVBAR v2 — rettangolo, fondo a destra
   ================================================================= */

.rdnes-badge--nav {
  border-radius: 3px !important;
  margin-left: auto !important;
  padding: 6px 14px !important;
}

/* =================================================================
   RDNES — NAVBAR CENTRATA
   ================================================================= */

.pixarts-header .pixarts-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

.pixarts-header .pixarts-nav .logo-head--small {
  display: none !important;
}

.pixarts-header .pixarts-nav .l-menu,
.pixarts-header .pixarts-nav .r-menu {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
}

.rdnes-badge--nav {
  margin-left: 20px !important;
  margin-right: 0 !important;
}

/* =================================================================
   RDNES — BADGE FIX — assoluto a destra, non si sovrappone
   ================================================================= */

.pixarts-header .pixarts-nav {
  position: relative !important;
}

.rdnes-badge--nav {
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-left: 0 !important;
  /* Tutti e 4 i bordi visibili */
  border: 1px solid rgba(200,160,50,.55) !important;
  padding: 5px 12px !important;
  border-radius: 3px !important;
  background: rgba(180,140,40,.12) !important;
  box-sizing: border-box !important;
}

/* =================================================================
   RDNES — BADGE IN FLUSSO (no overlap a qualsiasi zoom)
   ================================================================= */

.rdnes-badge-li {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
}

.rdnes-badge-li .rdnes-badge--nav {
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  margin-left: 8px !important;
}

/* =================================================================
   RDNES — FEATURE CARDS PIÙ COMPATTE
   ================================================================= */

.rdnes-features-grid {
  gap: 14px !important;
}

.rdnes-feat-card {
  padding: 18px 20px !important;
  min-height: 0 !important;
}

.rdnes-feat-icon {
  font-size: 20px !important;
  margin-bottom: 8px !important;
}

.rdnes-feat-title {
  font-size: 12px !important;
  margin-bottom: 5px !important;
}

.rdnes-feat-desc {
  font-size: 11px !important;
  line-height: 1.45 !important;
}

/* =================================================================
   RDNES — HERO PIÙ CORTO (larghezza invariata)
   ================================================================= */

#rdnes-hero {
  height: clamp(380px, 42vw, 760px) !important;
  min-height: 380px !important;
  max-height: 760px !important;
}

@media (max-width: 900px) {
  #rdnes-hero { height: clamp(260px, 46vw, 440px) !important; }
}

/* =================================================================
   RDNES — HERO ALTEZZA CORRETTA (leggermente sotto originale)
   ================================================================= */

#rdnes-hero {
  height: clamp(460px, 47vw, 860px) !important;
  min-height: 460px !important;
  max-height: 860px !important;
}

@media (max-width: 900px) {
  #rdnes-hero { height: clamp(300px, 52vw, 500px) !important; }
}

/* =================================================================
   RDNES — HERO PIÙ CORTO v3
   ================================================================= */

#rdnes-hero {
  height: clamp(340px, 36vw, 660px) !important;
  min-height: 340px !important;
  max-height: 660px !important;
}

@media (max-width: 900px) {
  #rdnes-hero { height: clamp(240px, 42vw, 420px) !important; }
}

/* =================================================================
   RDNES — BANNER CENTRALE VIDEO PIÙ CORTO
   ================================================================= */

.banner-main video {
  height: 100px !important;
  width: 100% !important;
  object-fit: cover !important;
}

/* =================================================================
   RDNES — NAVBAR SPAZIATURA VOCI
   ================================================================= */

.pixarts-header .pixarts-nav .l-menu li a,
.pixarts-header .pixarts-nav .r-menu li a {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

/* =================================================================
   RDNES — NAVBAR 3 COLONNE: logo sx | voci centro | badge dx
   ================================================================= */

.pixarts-header .pixarts-nav {
  display: grid !important;
  grid-template-columns: 160px 1fr 160px !important;
  align-items: center !important;
  justify-items: stretch !important;
  padding: 0 12px !important;
}

/* Logo sx */
.rdnes-nav-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  grid-column: 1 !important;
}

.rdnes-nav-logo img {
  height: 44px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Voci centro: l-menu + r-menu in un unico blocco centrato */
.pixarts-header .pixarts-nav .l-menu,
.pixarts-header .pixarts-nav .r-menu {
  display: contents !important;
}

/* Wrapper virtuale per centrare tutte le voci */
.pixarts-header .pixarts-nav .l-menu ~ .r-menu {
  display: contents !important;
}

/* Reset e centra tutto tramite subgrid-like flex wrapper */
.pixarts-header .pixarts-nav {
  position: relative !important;
}

/* Override: usa flex invece di grid per semplicità */
.pixarts-header .pixarts-nav {
  display: flex !important;
  grid-template-columns: unset !important;
}

.rdnes-nav-logo {
  flex: 0 0 auto !important;
  margin-right: 0 !important;
}

.pixarts-header .pixarts-nav .l-menu,
.pixarts-header .pixarts-nav .r-menu {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}

/* Spazio uguale tra tutte le voci */
.pixarts-header .pixarts-nav .l-menu li a,
.pixarts-header .pixarts-nav .r-menu li a {
  padding-left: 22px !important;
  padding-right: 22px !important;
  letter-spacing: .08em !important;
}

/* Spingi le voci al centro, badge all'estrema destra */
.pixarts-header .pixarts-nav .l-menu {
  margin-left: auto !important;
}

.pixarts-header .pixarts-nav .r-menu {
  margin-right: auto !important;
}

/* Badge: all'estrema destra, sempre visibile */
.rdnes-badge-li {
  margin-left: auto !important;
  flex-shrink: 0 !important;
}

.rdnes-badge--nav {
  white-space: nowrap !important;
  font-size: 10px !important;
  padding: 5px 10px !important;
}

/* Logo originale nascosto */
.logo-head--small {
  display: none !important;
}

/* =================================================================
   RDNES — LEFTBAR INFORGE — blu scuro
   ================================================================= */

.rdnes-leftbar-inforge { border-right-color: #1a3a6b !important; color: #1a3a6b !important; }
.rdnes-leftbar-inforge:hover { filter: drop-shadow(0 0 8px rgba(26,58,107,.9)) !important; }

/* =================================================================
   RDNES — NAVBAR SPAZIATURA UNIFORME (fix definitivo)
   ================================================================= */

/* Reset padding sulle <a> — gestisco tutto con gap */
.pixarts-header .pixarts-nav .l-menu li a,
.pixarts-header .pixarts-nav .r-menu li a {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ogni <li> ha larghezza minima fissa uguale per tutti */
.pixarts-header .pixarts-nav .l-menu li,
.pixarts-header .pixarts-nav .r-menu li {
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Gap uniforme su entrambe le ul */
.pixarts-header .pixarts-nav .l-menu,
.pixarts-header .pixarts-nav .r-menu {
  gap: 46px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Gap tra l-menu e r-menu uguale agli altri */
.pixarts-header .pixarts-nav .l-menu {
  margin-left: auto !important;
  margin-right: 46px !important;
}

.pixarts-header .pixarts-nav .r-menu {
  margin-right: auto !important;
  margin-left: 0 !important;
}

/* =================================================================
   RDNES — NAVBAR LAYOUT DEFINITIVO (reset completo)
   ================================================================= */

.pixarts-header .pixarts-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

/* Logo sx fisso */
.rdnes-nav-logo {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
}

/* Entrambi i menu: flex orizzontale */
.pixarts-header .pixarts-nav .l-menu,
.pixarts-header .pixarts-nav .r-menu {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* l-menu: spingi al centro con margin-left auto */
.pixarts-header .pixarts-nav .l-menu {
  margin-left: auto !important;
}

/* r-menu: segue subito l-menu, poi badge viene spinto a dx */
.pixarts-header .pixarts-nav .r-menu {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* SPAZIATURA UNIFORME: padding uguale su ogni link */
.pixarts-header .pixarts-nav .l-menu li,
.pixarts-header .pixarts-nav .r-menu li {
  display: list-item !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.pixarts-header .pixarts-nav .l-menu li a,
.pixarts-header .pixarts-nav .r-menu li a {
  display: block !important;
  padding: 0 20px !important;
  white-space: nowrap !important;
}

/* Badge: estrema destra */
.rdnes-badge-li {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* =================================================================
   RDNES — NAVBAR CENTRATA CORRETTA (logo+badge assoluti)
   ================================================================= */

.pixarts-header .pixarts-nav {
  position: relative !important;
  justify-content: center !important;
}

/* Logo: assoluto a sinistra */
.rdnes-nav-logo {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Badge: assoluto a destra */
.rdnes-badge-li {
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-left: 0 !important;
}

/* Menus: torna al flusso normale senza margin auto */
.pixarts-header .pixarts-nav .l-menu {
  margin-left: 0 !important;
}

.pixarts-header .pixarts-nav .r-menu {
  margin-right: 0 !important;
}

/* =================================================================
   RDNES — NAVBAR: più spazio voci + badge visibile
   ================================================================= */

.pixarts-header .pixarts-nav .l-menu li a,
.pixarts-header .pixarts-nav .r-menu li a {
  padding: 0 26px !important;
}

/* Badge: assoluto a destra con margine per vedere tutti i bordi */
.rdnes-badge-li {
  right: 20px !important;
}

.rdnes-badge--nav {
  border: 1px solid rgba(200,160,50,.55) !important;
  padding: 5px 12px !important;
  border-radius: 3px !important;
  background: rgba(180,140,40,.12) !important;
  margin: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* =================================================================
   RDNES — BADGE più a destra
   ================================================================= */

.rdnes-badge-li {
  right: 0 !important;
}

.pixarts-header .pixarts-container {
  position: relative !important;
  padding-right: 160px !important;
  box-sizing: border-box !important;
}

/* =================================================================
   RDNES — BADGE FIXED A DESTRA (fix sfondo nero)
   ================================================================= */

/* Annulla il padding errato sul container */
.pixarts-header .pixarts-container {
  padding-right: 0 !important;
}

/* Badge fixed sul bordo destro del browser */
.rdnes-badge-li {
  position: fixed !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 99999 !important;
}

/* =================================================================
   RDNES — VIDEO POSIZIONE: scende per mostrare più in basso
   ================================================================= */

#rdnes-video-wrap video {
  object-position: center 50% !important;
}

/* =================================================================
   RDNES — AMBIENT BLUR (LAST WINS)
   Video nitido centrato + copia sfocata ai lati stile ambient mode
   ================================================================= */

#rdnes-hero {
  height: 400px !important;
  min-height: 400px !important;
  max-height: 400px !important;
  aspect-ratio: unset !important;
}

#rdnes-video-wrap {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  background: #0a0703 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* Video BG — sfocato, copre tutto, scuro */
#rdnes-video-wrap .rdnes-vid-bg {
  position: absolute !important;
  inset: -20px !important;
  width: calc(100% + 40px) !important;
  height: calc(100% + 40px) !important;
  object-fit: cover !important;
  filter: blur(32px) brightness(0.35) !important;
  pointer-events: none !important;
  display: block !important;
  z-index: 0 !important;
}

/* Overlay scuro sui lati sopra il bg sfocato */
#rdnes-video-wrap::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(to right,
    rgba(8,4,1,0.75) 0%,
    rgba(8,4,1,0.2) 12%,
    transparent 22%,
    transparent 78%,
    rgba(8,4,1,0.2) 88%,
    rgba(8,4,1,0.75) 100%
  ) !important;
}

/* Video MAIN — nitido, centrato, ratio esatto */
#rdnes-video-wrap .rdnes-vid-main {
  position: relative !important;
  width: auto !important;
  height: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: fill !important;
  pointer-events: none !important;
  display: block !important;
  z-index: 1 !important;
  flex-shrink: 0 !important;
  /* Sfuma i bordi laterali nel blur */
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 14%,
    black 86%,
    transparent 100%
  ) !important;
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 14%,
    black 86%,
    transparent 100%
  ) !important;
}

/* Legacy: se c'è un solo video (vecchia struttura) */
#rdnes-video-wrap > video:only-child {
  width: auto !important;
  height: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: fill !important;
  display: block !important;
  pointer-events: none !important;
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 900px) {
  #rdnes-hero {
    height: clamp(260px, 46vw, 440px) !important;
    aspect-ratio: unset !important;
  }
}

/* =================================================================
   RDNES — STRIP VERTICALE CENTRATA (LAST WINS)
   Ordine: stats | logo | bottoni — colonna centrata
   ================================================================= */

.rdnes-strip {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-areas: "stats" !important;
  flex-direction: unset !important;
  align-items: unset !important;
  justify-content: unset !important;
  gap: 0 !important;
  grid-template-columns: unset !important;
  animation: none !important;
}

/* Stats row: orizzontale, in basso a destra */
.rdnes-strip .rdnes-stats-row {
  position: absolute !important;
  right: 24px !important;
  bottom: 22px !important;
  top: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 20px !important;
  z-index: 10 !important;
  order: unset !important;
  justify-content: flex-end !important;
}

/* Logo: centrato, leggermente più in basso */
.rdnes-strip .rdnes-logo-center {
  position: absolute !important;
  left: 50% !important;
  top: 76% !important;
  transform: translate(-50%, -50%) !important;
  order: unset !important;
}

/* Bottoni: centrati, sfiorano il bordo inferiore */
.rdnes-strip .rdnes-ctas {
  position: absolute !important;
  left: 50% !important;
  bottom: 22px !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 12px !important;
  order: unset !important;
  justify-content: center !important;
  align-items: center !important;
  white-space: nowrap !important;
}

/* =================================================================
   RDNES — LOGO HERO EFFECTS PRO
   ================================================================= */

#rdnes-main-logo {
  width: 160px !important;
  height: auto !important;
  filter:
    drop-shadow(0 0 6px rgba(255,220,80,1))
    drop-shadow(0 0 18px rgba(233,163,24,0.85))
    drop-shadow(0 0 40px rgba(200,100,0,0.5))
    drop-shadow(0 2px 8px rgba(0,0,0,0.8)) !important;
  animation: rdnes-logo-glow 2.8s ease-in-out infinite !important;
  transform-origin: center center !important;
}

@keyframes rdnes-logo-glow {
  0%, 100% {
    filter:
      drop-shadow(0 0 6px rgba(255,220,80,1))
      drop-shadow(0 0 18px rgba(233,163,24,0.85))
      drop-shadow(0 0 40px rgba(200,100,0,0.5))
      drop-shadow(0 2px 8px rgba(0,0,0,0.8));
    transform: scale(1) translateY(0);
  }
  50% {
    filter:
      drop-shadow(0 0 10px rgba(255,240,120,1))
      drop-shadow(0 0 28px rgba(255,180,30,1))
      drop-shadow(0 0 60px rgba(255,120,0,0.7))
      drop-shadow(0 2px 8px rgba(0,0,0,0.8));
    transform: scale(1.05) translateY(-3px);
  }
}


.rdnes-strip .rdnes-logo-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  order: 2 !important;
}

.rdnes-strip .rdnes-logo-center img {
  width: 110px !important;
  height: auto !important;
}

.rdnes-strip .rdnes-ctas {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  order: 3 !important;
}

/* Nascondi il download-circle che duplica il bottone */
.rdnes-strip .rdnes-dl-wrap {
  display: none !important;
}

/* Stat box più compatto */
.rdnes-strip .rdnes-stat-box {
  text-align: center !important;
}

/* ══════════════════════════════════════════════════════════
   NAV — no wrap a qualsiasi zoom, voce non scende sul logo
   ══════════════════════════════════════════════════════════ */
.pixarts-header .pixarts-nav {
  flex-wrap: nowrap !important;
  overflow: visible !important;
  min-height: 62px !important;
}

.pixarts-header .pixarts-nav .l-menu,
.pixarts-header .pixarts-nav .r-menu {
  flex-wrap: nowrap !important;
  flex-shrink: 1 !important;
  min-width: 0 !important;
}

.pixarts-header .pixarts-nav ul li a {
  white-space: nowrap !important;
  font-size: clamp(9px, 1vw, 13px) !important;
  padding: 0 8px !important;
}