/* =========================================
   TEMA: ROYAL GOLD (Elite - €4.99)
   File: /style/temipremium/gold.css
   ========================================= */

.theme-gold {
    --primary: #ffd700;
    --primary-dark: #f59e0b;
    --primary-light: #fef3c7;
    --primary-rgb: 255, 215, 0;
    --primary-glow: rgba(255, 215, 0, 0.5);
    --accent: #f59e0b;
    --accent-rgb: 245, 158, 11;
    --gradient: linear-gradient(135deg, #ffd700, #f59e0b);
    --gradient-reverse: linear-gradient(135deg, #f59e0b, #ffd700);
}

/* === BACKGROUND === */
.theme-gold body {
    background: #000;
    background-image: 
        radial-gradient(ellipse at 20% 0%, rgba(255, 215, 0, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 100%, rgba(245, 158, 11, 0.05) 0%, transparent 50%);
}

.theme-gold body::before {
    background: 
        linear-gradient(rgba(255, 215, 0, 0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 215, 0, 0.015) 1px, transparent 1px);
}

/* === GOLD SHIMMER TEXT (Statico) === */
.theme-gold .server-title-block h1,
.theme-gold .content-card h3,
.theme-gold .info-card h3 {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: #ffd700;
    animation: none;
    text-shadow: none;
}

.theme-gold .content-card h3,
.theme-gold .info-card h3 {
    border-left-color: #ffd700;
}

/* === ICON GLOW (Senza Pulsazione) === */
.theme-gold .server-icon-wrapper {
    box-shadow: 
        0 0 0 2px #ffd700,
        0 0 30px rgba(255, 215, 0, 0.35),
        0 20px 50px rgba(0, 0, 0, 0.5);
    animation: none;
}

.theme-gold .server-icon-wrapper:hover {
    animation: none;
    box-shadow: 
        0 0 0 3px #fff8dc,
        0 0 60px rgba(255, 215, 0, 0.6),
        0 25px 60px rgba(0, 0, 0, 0.6);
}

.theme-gold .server-icon-wrapper::before {
    background: linear-gradient(135deg, #ffd700 0%, #fff8dc 30%, transparent 50%);
    opacity: 0.8;
}

/* === TAGS === */
.theme-gold .tag-votes {
    background: rgba(255, 215, 0, 0.15);
    border-color: rgba(255, 215, 0, 0.5);
    color: #ffd700;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}

.theme-gold .meta-tag:hover {
    background: rgba(255, 215, 0, 0.12);
    border-color: rgba(255, 215, 0, 0.4);
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.2);
}

/* === CARDS === */
.theme-gold .content-card,
.theme-gold .vote-card-split,
.theme-gold .info-card {
    border-color: rgba(255, 215, 0, 0.15);
}

.theme-gold .content-card:hover,
.theme-gold .info-card:hover {
    border-color: rgba(255, 215, 0, 0.4);
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.12);
}

.theme-gold .content-card::before {
    background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.6), transparent);
}

/* === BUTTONS === */
.theme-gold .btn-vote-main {
    background: linear-gradient(135deg, #ffd700, #f59e0b);
    color: #000;
    font-weight: 900;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.theme-gold .btn-vote-main:hover {
    box-shadow: 0 0 40px rgba(255, 215, 0, 0.6);
}

.theme-gold .btn-edit-desc-modern {
    border-color: #ffd700;
    color: #ffd700;
}

.theme-gold .btn-edit-desc-modern:hover {
    background: linear-gradient(135deg, #ffd700, #f59e0b);
    color: #000;
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.5);
}

/* === IP BOX === */
.theme-gold .ip-display-box {
    background: rgba(255, 215, 0, 0.08);
    border-color: rgba(255, 215, 0, 0.35);
    color: #ffd700;
}

.theme-gold .ip-display-box:hover {
    background: rgba(255, 215, 0, 0.15);
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.3);
}

.theme-gold .ip-label {
    color: rgba(255, 215, 0, 0.7);
}

/* === INFO VALUES === */
.theme-gold .info-value {
    color: #ffd700;
    background: rgba(255, 215, 0, 0.12);
    border-color: rgba(255, 215, 0, 0.25);
}

/* === INPUT === */
.theme-gold .vote-nick-input:focus {
    border-color: #ffd700;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.25);
}

/* === STAR RATING === */
.theme-gold .star-widget label:hover,
.theme-gold .star-widget label:hover ~ label,
.theme-gold .star-widget input:checked ~ label {
    color: #ffd700;
    filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.8));
}

.theme-gold .rating-stats span {
    color: #ffd700;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

/* === RECOMMENDATIONS === */
.theme-gold .rec-card-v2:hover {
    border-color: #ffd700;
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.2);
}

.theme-gold .rec-card-v2:hover .rec-title-v2 {
    color: #ffd700;
}

/* === SOCIAL BUTTONS === */
.theme-gold .social-btn:hover {
    background: rgba(255, 215, 0, 0.12);
    border-color: #ffd700;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.25);
}

/* === SCROLLBAR === */
.theme-gold ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #f59e0b, #ffd700);
}

.theme-gold ::-webkit-scrollbar-thumb:hover {
    box-shadow: 0 0 10px #ffd700;
}

/* === SELECTION === */
.theme-gold ::selection {
    background: rgba(255, 215, 0, 0.35);
    color: #000;
}

/* === MODAL === */
.theme-gold .modal-content {
    border-color: rgba(255, 215, 0, 0.25);
}

.theme-gold .modal-content h2 {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: #ffd700;
    animation: none;
}

.theme-gold .btn-modal {
    background: linear-gradient(135deg, #ffd700, #f59e0b);
    color: #000;
}

.theme-gold .checkbox-item input:checked + span {
    background: linear-gradient(135deg, #ffd700, #f59e0b);
    color: #000;
    border-color: #ffd700;
}

/* === STATIC HEADERS & FOOTER === */
.theme-gold .seo-footer {
    border-top-color: rgba(255, 215, 0, 0.2);
}

.theme-gold .footer-col h3,
.theme-gold .footer-col h4,
.theme-gold .faq-header h1,
.theme-gold .hub-header h1 {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: #ffd700;
    animation: none;
    text-shadow: none;
}

.theme-gold .footer-col ul li a:hover {
    color: #ffd700;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

/* === ELITE BADGE (Statico) === */
.theme-gold .elite-badge-indicator {
    position: fixed;
    top: 80px;
    right: 20px;
    background: linear-gradient(135deg, #ffd700, #f59e0b);
    color: #000;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.4);
    z-index: 100;
    animation: none;
}

.theme-gold .elite-badge-indicator::before {
    content: "👑 ";
}