/* =========================================
   TEMA: SUNSET ORANGE (Premium - €2.99)
   File: /style/temipremium/sunset.css
   ========================================= */

.theme-sunset {
    --primary: #ff8c00;
    --primary-dark: #f97316;
    --primary-light: #ffaa33;
    --primary-rgb: 255, 140, 0;
    --primary-glow: rgba(255, 140, 0, 0.5);
    --accent: #fbbf24;
    --accent-rgb: 251, 191, 36;
    --gradient: linear-gradient(135deg, #ff8c00, #f97316);
    --gradient-reverse: linear-gradient(135deg, #f97316, #ff8c00);
}

/* === BACKGROUND === */
.theme-sunset body {
    background: #000;
    background-image: 
        radial-gradient(ellipse at 30% 10%, rgba(255, 140, 0, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 90%, rgba(249, 115, 22, 0.05) 0%, transparent 50%);
}

.theme-sunset body::before {
    background: 
        linear-gradient(rgba(255, 140, 0, 0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 140, 0, 0.015) 1px, transparent 1px);
}

/* === ICON GLOW === */
.theme-sunset .server-icon-wrapper {
    box-shadow: 
        0 0 0 1px rgba(255, 140, 0, 0.25),
        0 0 30px rgba(255, 140, 0, 0.2),
        0 20px 50px rgba(0, 0, 0, 0.5);
}

.theme-sunset .server-icon-wrapper:hover {
    box-shadow: 
        0 0 0 2px #ff8c00,
        0 0 50px rgba(255, 140, 0, 0.4),
        0 25px 60px rgba(0, 0, 0, 0.6);
}

.theme-sunset .server-icon-wrapper::before {
    background: linear-gradient(135deg, #ff8c00 0%, transparent 50%);
}

/* === TAGS === */
.theme-sunset .tag-votes {
    background: rgba(255, 140, 0, 0.15);
    border-color: rgba(255, 140, 0, 0.4);
    color: #ff8c00;
}

.theme-sunset .meta-tag:hover {
    background: rgba(255, 140, 0, 0.1);
    border-color: rgba(255, 140, 0, 0.3);
}

/* === CARDS === */
.theme-sunset .content-card,
.theme-sunset .vote-card-split,
.theme-sunset .info-card {
    border-color: rgba(255, 140, 0, 0.12);
}

.theme-sunset .content-card:hover,
.theme-sunset .info-card:hover {
    border-color: rgba(255, 140, 0, 0.3);
    box-shadow: 0 0 30px rgba(255, 140, 0, 0.1);
}

.theme-sunset .content-card::before {
    background: linear-gradient(90deg, transparent, rgba(255, 140, 0, 0.5), transparent);
}

/* === HEADINGS === */
.theme-sunset .content-card h3,
.theme-sunset .info-card h3 {
    color: #ff8c00;
    border-left-color: #ff8c00;
    text-shadow: 0 0 20px rgba(255, 140, 0, 0.4);
}

/* === BUTTONS === */
.theme-sunset .btn-vote-main {
    background: linear-gradient(135deg, #ff8c00, #f97316);
}

.theme-sunset .btn-vote-main:hover {
    box-shadow: 0 0 40px rgba(255, 140, 0, 0.5);
}

/* === IP BOX === */
.theme-sunset .ip-display-box {
    background: rgba(255, 140, 0, 0.08);
    border-color: rgba(255, 140, 0, 0.3);
    color: #ff8c00;
}

.theme-sunset .ip-display-box:hover {
    background: rgba(255, 140, 0, 0.15);
    box-shadow: 0 0 25px rgba(255, 140, 0, 0.25);
}

/* === INFO VALUES === */
.theme-sunset .info-value {
    color: #ff8c00;
    background: rgba(255, 140, 0, 0.12);
}

/* === INPUT === */
.theme-sunset .vote-nick-input:focus {
    border-color: #ff8c00;
    box-shadow: 0 0 20px rgba(255, 140, 0, 0.2);
}

/* === STAR RATING === */
.theme-sunset .star-widget label:hover,
.theme-sunset .star-widget label:hover ~ label,
.theme-sunset .star-widget input:checked ~ label {
    color: #ff8c00;
    filter: drop-shadow(0 0 6px rgba(255, 140, 0, 0.6));
}

.theme-sunset .rating-stats span {
    color: #ff8c00;
}

/* === RECOMMENDATIONS === */
.theme-sunset .rec-card-v2:hover {
    border-color: #ff8c00;
    box-shadow: 0 0 25px rgba(255, 140, 0, 0.15);
}

.theme-sunset .rec-card-v2:hover .rec-title-v2 {
    color: #ff8c00;
}

/* === SCROLLBAR === */
.theme-sunset ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #f97316, #ff8c00);
}

/* === SELECTION === */
.theme-sunset ::selection {
    background: rgba(255, 140, 0, 0.3);
}

/* === MODAL === */
.theme-sunset .modal-content h2 {
    color: #ff8c00;
}

.theme-sunset .btn-modal {
    background: linear-gradient(135deg, #ff8c00, #f97316);
}

/* === FOOTER === */
.theme-sunset .footer-col h3,
.theme-sunset .footer-col h4 {
    color: #ff8c00;
    text-shadow: 0 0 20px rgba(255, 140, 0, 0.4);
}