/*
 * theme-overrides.css
 * Platform default: orange primary with a deep-black hover, and a pure-black
 * footer. Loaded after app.css so these rules win for the default (no org,
 * no admin-configured theme) case.
 *
 * The :root block below is a FALLBACK, not a forced value: it only supplies
 * --primary/--secondary (and their derived hover/border/shadow variables)
 * when nothing later in <head> defines them. getThemeColorsSettings() (the
 * admin's sitewide theme) and getOrgThemeColors() (a logged-in org member's
 * branding) both render their own :root { ... } block further down in
 * layouts/app.blade.php's <head>, which — being later in the cascade, same
 * specificity — wins and overrides these. The .btn-primary rules below read
 * those variables rather than hardcoding the hex directly, so they follow
 * whichever value actually won instead of always forcing orange regardless
 * of org branding.
 */

/* ── CSS variables (fallback only — see note above) ──────────────────── */
:root {
    --primary:              #dd4f05;
    --primary-hover:        #000000;
    --primary-border:       #dd4f05;
    --primary-border-hover: #000000;
    --primary-btn-shadow:        0 3px 6px 0 rgba(221, 79, 5, 0.30);
    --primary-btn-shadow-hover:  0 3px 8px 0 rgba(0, 0, 0, 0.30);

    --secondary:              #000000;
    --secondary-hover:        #1a1a1a;
    --secondary-border:       #000000;
    --secondary-border-hover: #1a1a1a;
}

/* ── btn-primary ───────────────────────────────────────────────────── */
.btn-primary {
    color: #ffffff;
    background-color: var(--primary);
    border-color: var(--primary-border);
}
.btn-primary:hover {
    color: #ffffff;
    background-color: var(--primary-hover);
    border-color: var(--primary-border-hover);
}
.btn-primary:focus,
.btn-primary.focus {
    color: #ffffff;
    background-color: var(--primary-hover);
    border-color: var(--primary-border-hover);
    box-shadow: var(--primary-btn-shadow-hover);
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #ffffff;
    background-color: var(--primary);
    border-color: var(--primary-border);
    opacity: 0.65;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: var(--primary-hover);
    border-color: var(--primary-border-hover);
}

/* ── bg-secondary (footer) — matches landing page --bg-dark: #000000 ── */
.bg-secondary {
    background-color: #000000 !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #1a1a1a !important;
}