/*
Theme Name: GeneratePress Child Atlas flightradar.online
Description: Atlas-design UI-overhaul 2026 (design-spec 02-08). Meertalig, taalbalk onder navigatie.
Template: generatepress
Version: 1.0.0
*/

:root {
    --brand:#22c1e0;
    --brand-ink:#04222a;
    --brand-soft:#dff6fb;
    --bg:#ffffff;
    --surface:#f4f8fa;
    --ink:#13222b;
    --muted:#5b6d77;
    --line:#e0e8ec;
    --radar-bg:#0b2530;
    --radar-ink:#c4ecf6;
    --radar-grid:rgba(34,193,224,.16);
    --radar-sweep:rgba(34,193,224,.45);
    --hd-bg:#091e28;
    --hd-ink:#eaf6fa;
    --ft-bg:#091e28;
    --ft-ink:#bcd4dd;
    --radius:14px;
    --btn-radius:999px;
    --hero-bg:#091e28;
}

/* Basis */
body { background: var(--bg); color: var(--ink); font-family: Inter, system-ui, sans-serif; }
a { color: var(--brand); }
h1, h2, h3, h4, .entry-title, .main-title { font-family: "Inter Tight", Inter, sans-serif; font-weight: 800; color: var(--ink); }

/* Donkere header + hero die doorloopt */
.site-header, .main-navigation { background-color: var(--hd-bg); color: var(--hd-ink); }
.main-title a, .site-description, .main-navigation .main-nav ul li a, .main-navigation .menu-toggle { color: var(--hd-ink); }
.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li.current-menu-item > a { color: var(--brand); }
.main-navigation ul ul, .main-navigation .main-nav ul ul li a { background-color: var(--hd-bg); color: var(--hd-ink); }
.page-hero, .entry-header.atlas-hero { background: var(--hero-bg); color: var(--hd-ink); }

/* Taalbalk direct onder de navigatie */
.atlas-taalbalk { background: var(--hero-bg); border-bottom: 1px solid var(--line); padding: .45em 1em .65em; }
.atlas-taalbalk ul { list-style: none; margin: 0 auto; padding: 0; max-width: 1120px; display: flex; flex-wrap: wrap; gap: .35em; }
.atlas-taalbalk li a { display: inline-block; padding: .15em .8em; border-radius: 999px; background: rgba(255,255,255,.08); color: var(--hd-ink); font-size: .82em; text-decoration: none; }
.atlas-taalbalk li a:hover { background: var(--brand); color: var(--brand-ink); }
.atlas-taalbalk li.current-lang a { background: var(--brand); color: var(--brand-ink); font-weight: 600; }

/* Footer */
.site-footer, .footer-widgets, .site-info { background-color: var(--ft-bg); color: var(--ft-ink); }
.site-info a, .footer-widgets a { color: var(--ft-ink); }

/* Pill-knoppen en vlakken */
button, .button, input[type="submit"], .wp-block-button__link { background-color: var(--brand); color: var(--brand-ink); border-radius: var(--btn-radius); border: 0; font-weight: 600; padding: .55em 1.4em; }
button:hover, .button:hover, input[type="submit"]:hover { background-color: var(--brand-ink); color: var(--brand-soft); }
.inside-article, blockquote { border-radius: var(--radius); }
blockquote { background: var(--surface); border-left: 4px solid var(--brand); padding: .8em 1em; }

/* Radar donker paneel */
.radar-wrapper, .glb-radar, .main_widget { background: var(--radar-bg); color: var(--radar-ink); border-radius: var(--radius); }

/* Tabellen */
.tablewrap { overflow-x: auto; max-width: 100%; }
table { border-collapse: collapse; width: 100%; }
table th { background: var(--surface); border-bottom: 2px solid var(--brand); text-align: left; }
table td, table th { padding: .5em .7em; border-bottom: 1px solid var(--line); }

/* Formulieren */
input[type="text"], input[type="email"], input[type="search"], textarea, select { border: 1px solid var(--line); border-radius: var(--radius); }
::selection { background: var(--brand-soft); color: var(--brand-ink); }