/* ============================================================
   DIVINE X - SHARED SUMMER PAGE OVERRIDE (2026-07)
   Linked LAST on the content pages (highscores, wiki, guides,
   rules, faq, staff, tournaments, roadmap, dashboard, news,
   register, login, player, profile) so it wins over each page's
   inline theme. Targets the common class patterns those pages
   share, giving every tab a cohesive tropical look on top of the
   site-wide ocean + beach decor from cosmic-theme.css.
   ============================================================ */

/* BIG page heroes -> bold sunset-ocean with a rising sun (the showpiece header) */
.hero, .page-header, .page-hero, .bestiary-hero, .dashboard-header {
    position: relative !important; overflow: hidden !important; text-align: center !important;
    padding: 52px 32px 56px !important; border-radius: 22px !important; border: 0 !important;
    background:
        radial-gradient(120% 90% at 50% -10%, rgba(255,232,150,.5), transparent 60%),
        linear-gradient(180deg, #ff9e3d 0%, #ff6b4a 32%, #2ec6e6 32%, #159fd0 68%, #0e6f9e 100%) !important;
    box-shadow: 0 20px 50px rgba(6,39,51,.42), inset 0 2px 0 rgba(255,255,255,.35) !important;
    color: #fff !important;
}
.hero::before, .page-header::before, .page-hero::before, .bestiary-hero::before, .dashboard-header::before {
    content: ""; position: absolute; left: 50%; top: 30px; width: 116px; height: 116px;
    transform: translateX(-50%); border-radius: 50%; z-index: 0;
    background: radial-gradient(circle at 50% 45%, #fff6cf 0%, #ffd23f 45%, #ff9e3d 100%);
    box-shadow: 0 0 60px 20px rgba(255,205,80,.6); animation: sp-sun 6s ease-in-out infinite;
}
.hero > *, .page-header > *, .page-hero > *, .bestiary-hero > *, .dashboard-header > * { position: relative; z-index: 1; }
.hero h1, .page-header h1, .page-header h2, .page-hero h1, .page-title,
.bestiary-hero h1, .bestiary-hero-inner h1, .dashboard-header h1, .bestiary-pretitle {
    color: #fff !important; font-family: "Cinzel", serif !important; font-weight: 800 !important;
    text-shadow: 0 3px 0 rgba(255,120,74,.55), 0 8px 24px rgba(0,0,0,.4) !important;
}
.hero p, .page-header p, .page-subtitle, .page-hero p, .bestiary-hero p, .dashboard-header p { color: #fff !important; text-shadow: 0 2px 10px rgba(0,0,0,.4) !important; }
/* wiki bestiary hero uses an absolutely-positioned bg image layer - hide it so the sunset shows */
.bestiary-hero-bg { opacity: .18 !important; }
@keyframes sp-sun { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-7px); } }

/* small in-card headers / bars -> flat teal */
.card-header, .panel-head, .sub-nav, .section-title, .giveaway-banner {
    background: linear-gradient(180deg, #2fb7a6, #1b8f86 60%, #0e5e5a) !important;
    border: 0 !important; border-bottom: 3px solid #073f42 !important;
    color: #fff7ea !important; box-shadow: 0 6px 16px rgba(6,39,51,.28) !important;
}
.card-header h2, .card-header h3, .section-title h2 { color: #fff7ea !important; }

/* cards / panels / tiles -> sandy card with teal frame */
.card, .stat-card, .faq-item, .help-item, .glass-card, .osrs-panel, .panel, .tile,
.rule-card, .guide-card, .wiki-card, .tournament-card, .staff-card, .roadmap-card, .dashboard-card {
    background: linear-gradient(180deg, #fff6e4 0%, #f7e6c4 100%) !important;
    border: 2px solid #1b8f86 !important; border-radius: 16px !important;
    box-shadow: 0 12px 26px rgba(6,39,51,.28), inset 0 1px 0 #fff !important;
    color: #10343a !important;
}
.card h1, .card h2, .card h3, .card h4,
.faq-question, .help-item h3, .stat-card .stat-value, .rule-text strong { color: #0e5e5a !important; }
.card p, .faq-answer, .help-item p, .rule-text { color: #2c5a55 !important; }

/* accents: numbers, prices, values, gems */
.rule-number, .stat-value, .value, .podium-stat, .giveaway-amount, .price, .beta-badge {
    color: #ff6b4a !important;
}
.rule-number { background: linear-gradient(180deg, #ff9e3d, #ff6b4a) !important; color: #fff !important;
    border-radius: 999px !important; border: 0 !important; }

/* tables -> teal header + sand rows */
table th, .table th { background: linear-gradient(180deg, #2fb7a6, #0e5e5a) !important; color: #fff7ea !important; border-color: #073f42 !important; }
table tbody tr:nth-child(odd) td { background: rgba(255,246,228,.85) !important; color: #10343a !important; }
table tbody tr:nth-child(even) td { background: rgba(213,240,236,.7) !important; color: #10343a !important; }

/* buttons -> coral to sun */
.btn, button, .button, .btn-primary, input[type="submit"], .color-preset {
    background: linear-gradient(180deg, #ffd23f 0%, #ff9e3d 45%, #ff6b4a 100%) !important;
    border: 0 !important; color: #5a2410 !important; border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(255,107,74,.4), inset 0 2px 0 rgba(255,255,255,.5) !important;
}
.btn:hover, button:hover, .button:hover { transform: translateY(-2px) !important; }

/* form fields -> light with teal border */
.form-control, input, textarea, select {
    background: #fffaf0 !important; color: #10343a !important;
    border: 2px solid #1b8f86 !important; border-radius: 10px !important;
}
.form-control::placeholder, input::placeholder { color: #6b8b86 !important; }
.form-group label, .label { color: #eafaff !important; }