/* ============================================================================
   RealRadio — Horizon Theme
   - Warm daylight palette inspired by ATC towers at dawn
   - Inherits base styling and swaps key variables
   ========================================================================== */
@import url("./site.css");

:root {
    --bg: #fffaf3;
    --fg: #3d2f1b;
    --muted: #8c7851;
    --border: rgba(209, 174, 122, 0.45);
    --accent-color: #f97316;
    --accent-weak: rgba(249, 115, 22, 0.14);
    --accent-strong: #ea580c;
    --header-bg: linear-gradient(135deg, #fca311, #fb8500);
    --header-fg: #fffbeb;
    --header-fg-dim: rgba(255, 251, 235, 0.82);
    --header-active-bg: rgba(251, 133, 0, 0.25);
    --link: #fb8500;
    --link-hover: #f97316;
    --shadow: 0 12px 28px rgba(251, 133, 0, 0.18);
}

body {
    background-image: radial-gradient(circle at 20% 20%, rgba(255, 214, 153, 0.35), transparent 55%),
                      radial-gradient(circle at 80% 0%, rgba(253, 186, 116, 0.28), transparent 60%);
}

header.navbar,
.navbar {
    box-shadow: 0 15px 40px rgba(249, 115, 22, 0.2);
}

.cards .card {
    border-color: rgba(249, 115, 22, 0.35);
    background: linear-gradient(180deg, rgba(255, 237, 213, 0.92), rgba(254, 215, 170, 0.78));
    box-shadow: 0 12px 24px rgba(249, 115, 22, 0.2);
}

.cards .card h4 {
    color: #c2410c;
}

.badge.bg-success,
.alert-success {
    background: linear-gradient(135deg, #facc15, #f97316);
    color: #3d2f1b;
    border-color: rgba(250, 204, 21, 0.6);
}

.btn-primary {
    background: linear-gradient(135deg, #f97316, #fb8500);
    border-color: #f97316;
    color: #fffaf3;
}

.btn-outline-primary {
    color: #f97316;
    border-color: rgba(249, 115, 22, 0.45);
}

.sidebar {
    background: rgba(255, 247, 237, 0.92);
    border-right: 1px solid rgba(209, 174, 122, 0.45);
}

.sidebar .nav-link.active {
    background: rgba(253, 186, 116, 0.35);
    color: #9a3412;
}

.table thead th,
.aa-table th {
    background: rgba(251, 133, 0, 0.16);
    color: #7c2d12;
}

.progress-bar {
    background: linear-gradient(90deg, #f59e0b, #fb7185);
}

/* Cards — warm tones */
.rr-card {
    border-color: rgba(209, 174, 122, 0.4);
    background: linear-gradient(180deg, rgba(255, 237, 213, 0.85), rgba(255, 247, 237, 0.92));
    box-shadow: 0 8px 20px rgba(249, 115, 22, 0.12);
}

.rr-card h4,
.card-header {
    color: #9a3412;
}

/* NOTAM ribbon — warm amber matching horizon palette */
.notam-ribbon {
    background: linear-gradient(90deg, rgba(253, 186, 116, 0.5), rgba(251, 191, 36, 0.3));
    border-bottom: 1px solid #f59e0b;
    color: #7c2d12;
}

.notam-ribbon__close:hover,
.notam-ribbon__close:focus-visible {
    background: rgba(249, 115, 22, 0.15);
}

/* Alert styling */
.alert {
    border-color: rgba(209, 174, 122, 0.5);
    background: rgba(255, 237, 213, 0.6);
    color: var(--fg);
}

.alert-danger {
    background: rgba(254, 202, 202, 0.5);
    border-color: rgba(248, 113, 113, 0.4);
    color: #991b1b;
}