/* ============================================================
   DIVINE X FORUMS - SUMMER SEASON OVERRIDE (2026-07)
   Loaded LAST on every forum page so it wins the cascade over
   both the forum's dark-teal inline theme AND the old brown
   OSRS override block. body is made transparent so the ocean
   ground + floating beach decor from cosmic-theme.css show
   through. Sandy cards + teal/coral chrome = beach vibe.
   ============================================================ */

/* self-contained sunlit-ocean ground + beach decor (some forum pages do NOT
   load cosmic-theme.css, so this file paints its own so every page matches). */
html {
    background:
        radial-gradient(1100px 560px at 82% -60px, rgba(255,207,63,.30), transparent 55%),
        radial-gradient(820px 480px at 8% 0, rgba(255,107,74,.16), transparent 60%),
        linear-gradient(180deg, #12586e 0%, #0b3a4a 36%, #062733 100%) !important;
    background-attachment: fixed !important;
}
body {
    background: transparent !important;
    color: #10343a !important;
    font-family: 'Arial', 'Helvetica', sans-serif !important;
}

/* floating beach decor (sun + palms + surfboards), behind all content */
body::before {
    content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .92;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='26' fill='%23ffcf3f'/%3E%3Cg stroke='%23ffcf3f' stroke-width='7' stroke-linecap='round'%3E%3Cline x1='60' y1='6' x2='60' y2='24'/%3E%3Cline x1='60' y1='96' x2='60' y2='114'/%3E%3Cline x1='6' y1='60' x2='24' y2='60'/%3E%3Cline x1='96' y1='60' x2='114' y2='60'/%3E%3Cline x1='22' y1='22' x2='35' y2='35'/%3E%3Cline x1='85' y1='85' x2='98' y2='98'/%3E%3Cline x1='98' y1='22' x2='85' y2='35'/%3E%3Cline x1='35' y1='85' x2='22' y2='98'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 240'%3E%3Cpath d='M96 240 C92 170 90 120 100 90 L112 92 C104 130 108 180 112 240 Z' fill='%23146b5c'/%3E%3Cg fill='%231b8f6f'%3E%3Cpath d='M104 92 C70 60 40 55 12 66 C46 60 74 74 104 92 Z'/%3E%3Cpath d='M104 92 C138 60 168 55 196 70 C160 60 132 74 104 92 Z'/%3E%3Cpath d='M104 92 C92 52 70 30 44 20 C80 40 96 62 104 92 Z'/%3E%3Cpath d='M104 92 C116 52 140 30 166 22 C130 42 112 62 104 92 Z'/%3E%3Cpath d='M104 92 C104 50 104 30 104 12 C112 40 110 64 104 92 Z'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 220'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ff6b4a'/%3E%3Cstop offset='.5' stop-color='%23ffcf3f'/%3E%3Cstop offset='1' stop-color='%2335d9c4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M30 4 C46 40 52 110 30 216 C8 110 14 40 30 4 Z' fill='url(%23g)' stroke='%23fff5e0' stroke-width='3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 26px top 22px, left -22px bottom -12px, right 3% 62%;
    background-size: 72px, 150px, 44px;
}

/* rolling wave band at the foot */
body::after {
    content: ""; position: fixed; left: 0; right: 0; bottom: 0; height: 150px; z-index: -1; pointer-events: none; opacity: .5;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='150' viewBox='0 0 1200 150'%3E%3Cpath d='M0,60 C200,110 400,10 600,55 C800,100 1000,20 1200,60 L1200,150 L0,150 Z' fill='%2335d9c4'/%3E%3C/svg%3E") repeat-x bottom / 1200px 150px;
    animation: summer-wave 16s linear infinite;
}
@keyframes summer-wave { from { background-position-x: 0; } to { background-position-x: 1200px; } }
@media (prefers-reduced-motion: reduce) { body::after { animation: none; } }

/* tropical teal navbar */
.navbar {
    background: linear-gradient(180deg, #2fb7a6 0%, #1b8f86 45%, #0e5e5a 100%) !important;
    border-bottom: 4px solid #083f42 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 6px 18px rgba(0,0,0,0.35) !important;
}

/* sandy cards with teal frame - like beach signage */
.container, .forum-container, .forum-card, .category-card, .thread-card,
.post-card, .breadcrumb, .forum-stats, .panel, .card, .stat-card {
    background: linear-gradient(180deg, #fdf3dd 0%, #f6e4bd 100%) !important;
    border: 2px solid #1b8f86 !important;
    border-radius: 12px !important;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.35), 0 10px 26px rgba(6,39,51,0.45),
                inset 0 1px 0 rgba(255,255,255,0.6) !important;
    color: #10343a !important;
}

/* headings: deep teal on cards, sun-gold on the dark ground */
h1, h2, h3, h4 {
    color: #ffd23f !important;
    text-shadow: 2px 2px 0 rgba(6,39,51,0.55) !important;
    font-family: 'Cinzel', 'Times New Roman', serif !important;
}
.container h1, .container h2, .container h3, .container h4,
.forum-card h1, .forum-card h2, .forum-card h3, .forum-card h4,
.category-card h2, .category-card h3, .thread-card h2, .thread-card h3,
.post-card h2, .post-card h3, .breadcrumb {
    color: #0e5e5a !important;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5) !important;
}

/* links: coral on the sand, sun-gold on the dark ground */
a { color: #ffd23f !important; }
a:hover { color: #ffffff !important; }
.container a, .forum-card a, .category-card a, .thread-card a,
.post-card a, .breadcrumb a { color: #c1440e !important; font-weight: bold !important; }
.container a:hover, .forum-card a:hover, .category-card a:hover,
.thread-card a:hover, .post-card a:hover, .breadcrumb a:hover { color: #ff6b4a !important; }

/* coral -> sun buttons */
.btn, .button, button, .new-thread-btn, input[type="submit"] {
    background: linear-gradient(180deg, #ff8a5c 0%, #ff6b4a 55%, #e8531f 100%) !important;
    border: 2px solid #8a2f10 !important;
    border-radius: 10px !important;
    color: #fff7ea !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.35) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 3px 0 #8a2f10, 0 6px 12px rgba(0,0,0,0.35) !important;
}
.btn:hover, .button:hover, button:hover, .new-thread-btn:hover, input[type="submit"]:hover {
    background: linear-gradient(180deg, #ffc24b 0%, #ff8a3d 55%, #ff6b4a 100%) !important;
    color: #ffffff !important;
}

/* aqua icons */
.category-icon, .forum-icon, .thread-icon {
    background: linear-gradient(180deg, #57d6c6, #1b8f86) !important;
    border: 2px solid #0e5e5a !important;
    color: #ffffff !important;
}

/* tables */
table th {
    background: linear-gradient(180deg, #2fb7a6, #0e5e5a) !important;
    color: #fff7ea !important;
    border: 2px solid #083f42 !important;
}
table tbody tr:nth-child(odd)  td { background: rgba(253,243,221,0.85) !important; color: #10343a !important; }
table tbody tr:nth-child(even) td { background: rgba(246,228,189,0.75) !important; color: #10343a !important; }

/* inputs */
input, textarea, select {
    background: #fffaf0 !important;
    color: #10343a !important;
    border: 2px solid #1b8f86 !important;
    border-radius: 8px !important;
}
input::placeholder, textarea::placeholder { color: #6b8b86 !important; }