/*
 * theme-sunrise.css  —  Sunrise
 * "Early-morning ride" — cream backgrounds, warm coral-orange accents, gentle on the eyes.
 *
 * Light-mode only theme. Activated via:
 *   activateTheme('light', 'sunrise')
 *
 * 2026-11-07 (Vlad): Sunrise is a LIGHT theme on BOTH the website and the app. Until now the
 * website's Sunrise (2026-05-26) was a dark night-sky theme while the app's (8.0.0.43) was this
 * light one. Colours = the app's Sunrise palette (BigRingVR_QT6_APP/mainlib/config/theme.cpp
 * buildSunrisePalette) -- change one, change the other.
 *
 * Palette:
 *   Page cream      #fcf7f0      Cards        #fffbf5      Secondary surface  #f5eade
 *   Borders         #ead8c4      Body text    #322620      Secondary text     #7a6252
 *   Muted           #afa091      Primary      #ff8a4c      Primary darken     #d86632
 *
 * Structure:
 *   [data-theme="sunrise"]                       — coral primary (safe on any brightness)
 *   [data-bs-theme="light"][data-theme="sunrise"] — cream surfaces, warm borders
 */

/* ── Primary coral — active in both light and dark ──────────────────────────── */
[data-theme="sunrise"] {
    --tblr-primary:        #ff8a4c;
    --tblr-primary-rgb:    255, 138, 76;
    --tblr-primary-darken: #d86632;
    --tblr-primary-lt:     rgba(255, 138, 76, 0.12);
}

/* ── Full light sunrise ───────────────────────────────────────────────────────
   Cream surfaces, warm sand borders, deep brown text.
   ─────────────────────────────────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="sunrise"] {
    /* Page / surface backgrounds */
    --tblr-body-bg:              #fcf7f0;
    --tblr-bg-surface:           #fffbf5;
    --tblr-bg-surface-secondary: #f5eade;
    --tblr-bg-surface-tertiary:  #fcf7f0;

    /* Borders */
    --tblr-border-color:             #ead8c4;
    --tblr-border-color-translucent: rgba(234, 216, 196, 0.6);

    /* Text */
    --tblr-body-color:      #322620;
    --tblr-secondary-color: #7a6252;
    --tblr-muted:           #afa091;

    /* Links -- the darker coral reads better on cream than the primary itself */
    --tblr-link-color:      #d86632;
    --tblr-link-color-rgb:  216, 102, 50;
}

/* ── DataTables ──────────────────────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="sunrise"] table.dataTable thead th,
[data-bs-theme="light"][data-theme="sunrise"] table.dataTable thead td {
    background-color: #fcf7f0;
    border-bottom-color: #ead8c4;
    color: #7a6252;
}
[data-bs-theme="light"][data-theme="sunrise"] table.dataTable tbody td {
    background-color: #fffbf5;
    color: #322620;
}
[data-bs-theme="light"][data-theme="sunrise"] table.dataTable tbody tr {
    border-bottom-color: #f5eade;
}
[data-bs-theme="light"][data-theme="sunrise"] table.dataTable tbody tr:hover > td {
    background-color: #f5eade !important;
}
[data-bs-theme="light"][data-theme="sunrise"] table.dataTable tbody a {
    color: #d86632;
}
[data-bs-theme="light"][data-theme="sunrise"] table.dataTable tbody a:hover {
    color: #b04e20;
}
/* Sort arrows */
[data-bs-theme="light"][data-theme="sunrise"] table.dataTable thead .sorting::after {
    border-top-color: #ead8c4;
}
[data-bs-theme="light"][data-theme="sunrise"] table.dataTable thead .sorting_asc::after {
    border-bottom-color: #ff8a4c;
}
[data-bs-theme="light"][data-theme="sunrise"] table.dataTable thead .sorting_desc::after {
    border-top-color: #ff8a4c;
}
/* DataTables controls */
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_filter input,
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_length select {
    background-color: #fffbf5;
    border-color: #ead8c4;
    color: #322620;
}
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_filter input:focus,
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_length select:focus {
    border-color: #ff8a4c;
}
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_filter label,
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_length label,
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_info {
    color: #7a6252;
}
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_info,
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_paginate {
    border-top-color: #ead8c4;
}
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #322620 !important;
}
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(255, 138, 76, 0.10);
    border-color: #ff8a4c;
    color: #d86632 !important;
}
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #ff8a4c;
    border-color: #ff8a4c;
    color: #fff !important;
}
[data-bs-theme="light"][data-theme="sunrise"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #ead8c4 !important;
}

/* ── br_rides expanded child row ─────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="sunrise"] .ride-expand-body {
    background: #f5eade;
    border-top-color: #ead8c4;
}
[data-bs-theme="light"][data-theme="sunrise"] .ride-expand-lbl { color: #afa091; }
[data-bs-theme="light"][data-theme="sunrise"] .ride-expand-val { color: #322620; }

/* ── Cards ────────────────────────────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="sunrise"] .card {
    background-color: #fffbf5;
    border-color: #ead8c4;
}
[data-bs-theme="light"][data-theme="sunrise"] .card-header,
[data-bs-theme="light"][data-theme="sunrise"] .card-footer {
    border-color: #ead8c4;
    background-color: #fcf7f0;
}

/* ── dt-admin-header border ──────────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="sunrise"] .dt-admin-header {
    border-bottom-color: #ead8c4;
}

/* ── Navbar / sidebar ────────────────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="sunrise"] .navbar-vertical,
[data-bs-theme="light"][data-theme="sunrise"] .navbar {
    border-color: #ead8c4;
}

/* ── Buttons — primary coral, slightly deeper on hover ───────────────────────── */
[data-bs-theme="light"][data-theme="sunrise"] .btn-primary {
    background-color: #ff8a4c;
    border-color: #ff8a4c;
    color: #fff;
}
[data-bs-theme="light"][data-theme="sunrise"] .btn-primary:hover {
    background-color: #d86632;
    border-color: #d86632;
}

/* ── Form focus rings ────────────────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="sunrise"] .form-control:focus,
[data-bs-theme="light"][data-theme="sunrise"] .form-select:focus {
    border-color: #ff8a4c;
    box-shadow: 0 0 0 3px rgba(255, 138, 76, .18);
}

/* ── Gradient card ─────────────────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="sunrise"] .card-gradient {
    background: linear-gradient(to bottom, rgba(255,138,76,.18) 0%, transparent 100%) !important;
    border-color: rgba(255,138,76,.32) !important;
}