/* ==========================================================================
   Brand theme — public / landing pages (web/*).

   The front-pages bundle ships an orange primary (#FF8E4B) with a navy
   secondary (#161E54), which is a third palette on top of the admin theme's
   indigo and the login screen's burgundy. This file re-points the landing page
   tokens to the login burgundy so the public site, the login and the admin all
   read as one product.

   Palette (from custom-auth.css, the login screen):
       primary      #800020
       primary dark #40030f
       primary lift #900626
       primary soft #5a0017
       tint         #f7e7ea
       surface      #f8f7f4
       border       #ece9e4
       text         #232323
       muted        #8a8a93

   Loaded after front-pages.css so it wins.
   ========================================================================== */

:root {
    --bs-primary: #800020;
    --bs-primary-rgb: 128, 0, 32;

    --brand-primary: #800020;
    --brand-primary-dark: #40030f;
    --brand-primary-lift: #900626;
    --brand-primary-soft: #5a0017;
    --brand-primary-tint: #f7e7ea;
    --brand-surface: #f8f7f4;
    --brand-border: #ece9e4;

    /* The landing bundle used navy as a "success" accent for headings/footers.
       Keep it but tie it to the brand family so it does not clash. */
    --bs-success: #40030f;
}

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */

.btn-primary {
    background-color: #800020 !important;
    border-color: #800020 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #900626 !important;
    border-color: #900626 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(128, 0, 32, 0.30) !important;
}

.btn-outline-primary {
    color: #800020 !important;
    border-color: #800020 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #800020 !important;
    border-color: #800020 !important;
    color: #ffffff !important;
}

/* The landing pages use bg-success for the go-top button and a few accents. */
.bg-success {
    background-color: #800020 !important;
}

.btn-success {
    background-color: #800020 !important;
    border-color: #800020 !important;
    color: #ffffff !important;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #900626 !important;
    border-color: #900626 !important;
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   Text, links and headings
   -------------------------------------------------------------------------- */

a {
    color: #800020;
}

a:hover {
    color: #5a0017;
}

.text-primary {
    color: #800020 !important;
}

.text-success {
    color: #800020 !important;
}

.bg-primary {
    background-color: #800020 !important;
}

.border-primary {
    border-color: #800020 !important;
}

/* The hero headline in the landing bundle is coloured with a span/utility. */
.text-color,
.primary-color {
    color: #800020 !important;
}

/* --------------------------------------------------------------------------
   Navigation and footer
   -------------------------------------------------------------------------- */

.navbar .nav-link:hover,
.navbar .nav-link.active,
.navbar-nav .nav-link.active {
    color: #800020 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #800020;
    color: #ffffff;
}

/* Footer link hover and the go-top control. */
footer a:hover {
    color: #800020 !important;
}

.go-top {
    background-color: #800020 !important;
}

/* --------------------------------------------------------------------------
   Forms, tabs, pagination, badges
   -------------------------------------------------------------------------- */

.form-control:focus,
.form-select:focus {
    border-color: #800020;
    box-shadow: 0 0 0 0.2rem rgba(128, 0, 32, 0.15);
}

.form-check-input:checked {
    background-color: #800020;
    border-color: #800020;
}

.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
    background-color: #800020;
    border-color: #800020;
    color: #ffffff;
}

.page-item.active .page-link {
    background-color: #800020;
    border-color: #800020;
    color: #ffffff;
}

.page-link {
    color: #800020;
}

.page-link:hover {
    color: #5a0017;
    background-color: #f7e7ea;
}

.badge.bg-primary {
    background-color: #800020 !important;
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   Cards and section accents
   -------------------------------------------------------------------------- */

.card {
    border-color: #ece9e4;
}

/* Feature/service icons that were tinted orange now follow the brand. */
.service-icon,
.feature-icon,
.icon-box i {
    color: #800020 !important;
}

/* Section separators / underlines built from the primary colour. */
.section-title::after,
.heading-line {
    background-color: #800020 !important;
}