/*
 * theme-alpine.css  —  Alpine
 * "Crisp & clean" — ice-white backgrounds, sky blue accent, slate grey borders.
 *
 * Light mode only. Activated via:
 *   activateTheme('light', 'alpine')
 *
 * Structure:
 *   [data-theme="alpine"]                       — sky blue primary
 *   [data-bs-theme="light"][data-theme="alpine"] — ice-white surfaces, cool grey borders
 */

/* ── Primary sky blue — active in both light and dark ───────────────────────── */
[data-theme="alpine"] {
    --tblr-primary:        #0ea5e9;
    --tblr-primary-rgb:    14, 165, 233;
    --tblr-primary-darken: #0284c7;
    --tblr-primary-lt:     rgba(14, 165, 233, 0.12);
}

/* ── Full light alpine ────────────────────────────────────────────────────────
   Crisp white surfaces, cool grey borders, deep navy text.
   ─────────────────────────────────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="alpine"] {
    /* Page / surface backgrounds */
    --tblr-body-bg:              #f8faff;
    --tblr-bg-surface:           #ffffff;
    --tblr-bg-surface-secondary: #eef4ff;
    --tblr-bg-surface-tertiary:  #f8faff;

    /* Borders */
    --tblr-border-color:             #c7d8ef;
    --tblr-border-color-translucent: rgba(199, 216, 239, 0.6);

    /* Text */
    --tblr-body-color:      #0f1f3d;
    --tblr-secondary-color: #4b6a8a;
    --tblr-muted:           #7a9ab8;

    /* Status colours */
    --tblr-success:     #059669;
    --tblr-success-rgb: 5, 150, 105;
    --tblr-danger:      #dc2626;
    --tblr-danger-rgb:  220, 38, 38;
    --tblr-warning:     #d97706;
    --tblr-warning-rgb: 217, 119, 6;
    --tblr-info:        #0ea5e9;
    --tblr-info-rgb:    14, 165, 233;
}

/* ── DataTables ──────────────────────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="alpine"] table.dataTable thead th,
[data-bs-theme="light"][data-theme="alpine"] table.dataTable thead td {
    background-color: #f8faff;
    border-bottom-color: #c7d8ef;
    color: #4b6a8a;
}
[data-bs-theme="light"][data-theme="alpine"] table.dataTable tbody td {
    background-color: #ffffff;
    color: #0f1f3d;
}
[data-bs-theme="light"][data-theme="alpine"] table.dataTable tbody tr {
    border-bottom-color: #eef4ff;
}
[data-bs-theme="light"][data-theme="alpine"] table.dataTable tbody tr:hover > td {
    background-color: #eef4ff !important;
}
[data-bs-theme="light"][data-theme="alpine"] table.dataTable tbody a {
    color: #0ea5e9;
}
[data-bs-theme="light"][data-theme="alpine"] table.dataTable tbody a:hover {
    color: #0284c7;
}
/* Sort arrows */
[data-bs-theme="light"][data-theme="alpine"] table.dataTable thead .sorting::after {
    border-top-color: #c7d8ef;
}
[data-bs-theme="light"][data-theme="alpine"] table.dataTable thead .sorting_asc::after {
    border-bottom-color: #0ea5e9;
}
[data-bs-theme="light"][data-theme="alpine"] table.dataTable thead .sorting_desc::after {
    border-top-color: #0ea5e9;
}
/* DataTables controls */
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_filter input,
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_length select {
    background-color: #ffffff;
    border-color: #c7d8ef;
    color: #0f1f3d;
}
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_filter input:focus,
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_length select:focus {
    border-color: #0ea5e9;
}
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_filter label,
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_length label,
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_info {
    color: #4b6a8a;
}
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_info,
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_paginate {
    border-top-color: #c7d8ef;
}
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #0f1f3d !important;
}
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(14, 165, 233, 0.08);
    border-color: #0ea5e9;
    color: #0ea5e9 !important;
}
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #0ea5e9;
    border-color: #0ea5e9;
    color: #fff !important;
}
[data-bs-theme="light"][data-theme="alpine"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #c7d8ef !important;
}

/* ── br_rides expanded child row ─────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="alpine"] .ride-expand-body {
    background: #eef4ff;
    border-top-color: #c7d8ef;
}
[data-bs-theme="light"][data-theme="alpine"] .ride-expand-lbl { color: #7a9ab8; }
[data-bs-theme="light"][data-theme="alpine"] .ride-expand-val { color: #0f1f3d; }

/* ── Cards ────────────────────────────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="alpine"] .card {
    background-color: #ffffff;
    border-color: #c7d8ef;
}
[data-bs-theme="light"][data-theme="alpine"] .card-header,
[data-bs-theme="light"][data-theme="alpine"] .card-footer {
    border-color: #c7d8ef;
    background-color: #f8faff;
}

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

/* ── Gradient card ─────────────────────────────────────────────────────────── */
[data-bs-theme="light"][data-theme="alpine"] .card-gradient {
    background: linear-gradient(to bottom, rgba(14,165,233,.22) 0%, transparent 100%) !important;
    border-color: rgba(14,165,233,.38) !important;
}