/* ==========================================================================
   ResQmed Brand CSS - Override theme defaults with ResQmed brand colors
   Load AFTER theme CSS files to override via cascade
   ========================================================================== */

:root {
    /* ResQmed Brand Colors */
    --resqmed-blue:      #004e89;
    --resqmed-blue-dark: #002962;
    --resqmed-red:       #ff002b;
    --resqmed-red-dark:  #c00021;
    --resqmed-red-deep:  #800016;
    --resqmed-white:     #ffffff;
    --resqmed-gray:      #5a6a7a;
    --resqmed-gray-light:#8a9aaa;

    /* Override theme variables */
    --thm-primary:       #004e89;
    --thm-primary-rgb:   0, 78, 137;
    --thm-base:          #ff002b;
    --thm-base-rgb:      255, 0, 43;
    --thm-black:         #001a2f;
    --thm-black-rgb:     0, 26, 47;
    --thm-gray:          #5a6a7a;
    --thm-gray-rgb:      90, 106, 122;
}

/* Brand button overrides */
.btn-one {
    background-color: var(--resqmed-red);
}
.btn-one:hover {
    background-color: var(--resqmed-red-dark);
}

/* Brand link color */
a {
    color: var(--resqmed-blue);
}
a:hover {
    color: var(--resqmed-red);
}

/* Brand-colored sections */
.thm-bg {
    background-color: var(--resqmed-blue) !important;
}

/* Footer brand override */
.footer-style1 {
    background-color: var(--resqmed-blue-dark);
}

/* Preloader: ensure white text on brand bg */
.preloader {
    background-color: var(--resqmed-blue);
}

/* Header: brand accent for active nav */
.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a {
    color: var(--resqmed-red);
}

/* Service cards accent */
.service-style1__content:hover {
    border-color: var(--resqmed-red);
}

/* Counter accent */
.fact-counter__count {
    color: var(--resqmed-red);
}