/* ============================================================
   Logo — bolder / more prominent
   ============================================================ */

#header .header-logo-non-sticky {
    width: 195px !important;
    height: auto !important;
}

/* ============================================================
   Body text — navy blue on white/light backgrounds
   Scoped to elements that don't already carry an explicit
   white-text class (text-color-light, text-light, etc.)
   ============================================================ */

:root {
    --bs-body-color:        #001238;
    --bs-body-color-rgb:    0, 18, 56;
    --bs-heading-color:     #001238;
    --dark:                 #001238;   /* Porto uses this for text-color-dark */
    --dark-rgb:             0, 18, 56;
}

body {
    color: #001238;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #001238;
}

p, li, label, blockquote {
    color: #001238;
}

/* ============================================================
   Header: Logo / contact-info area — dark navy background
   The .header-nav-bar has its own bg-primary, so #001238 only
   shows in the logo + contact row above it.
   ============================================================ */

#header .header-body {
    background-color: #001238 !important;
}

/* Icons (envelope, whatsapp) */
#header .header-container .header-extra-info-icon i {
    color: #ffffff !important;
}

/* "SEND AN EMAIL" / "CALL NOW" small labels */
#header .header-container .header-extra-info-text label {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* Email address & phone number links */
#header .header-container .header-extra-info-text strong a {
    color: #ffffff !important;
}

#header .header-container .header-extra-info-text strong a:hover {
    color: #0088cc !important;
}

/* ============================================================
   Bootstrap CSS variable overrides — replace royal blue (#0d6efd)
   with navy blue (#001238) across all Bootstrap-generated elements
   (focus rings, link colours, utilities, form controls, etc.)
   ============================================================ */

:root {
    --bs-primary:           #001238;
    --bs-primary-rgb:       0, 35, 145;
    --bs-link-color:        #001238;
    --bs-link-color-rgb:    0, 35, 145;
    --bs-link-hover-color:  #001238;
    --bs-focus-ring-color:  rgba(0, 35, 145, 0.25);
}

/* Form-control focus ring (Bootstrap hardcodes #0d6efd here) */
.form-control:focus,
.form-select:focus {
    border-color: #001238 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 35, 145, 0.20) !important;
}

/* ============================================================
   Footer background — navy blue instead of dark grey (#212529)
   ============================================================ */

#footer {
    background-color: #001238 !important;
}

/* Footer copyright bar — match the main footer navy */
#footer .footer-copyright {
    background-color: #001238 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ============================================================
   Footer links — enforce white so browser defaults don't bleed through
   ============================================================ */

#footer a {
    color: #ffffff !important;
}

#footer a:hover {
    color: rgba(255, 255, 255, 0.70) !important;
}

/* ============================================================
   Header contact strip — shift left + prevent phone number wrapping
   ============================================================ */

/* Pull the email + phone group ~one Bootstrap column away from the right edge */
#header .header-extra-info {
    margin-right: 8.33%;
}

/* Prevent text inside each item from breaking onto multiple lines */
#header .header-extra-info-text strong,
#header .header-extra-info-text label {
    white-space: nowrap;
}

/* ============================================================
   Footer social icons — navy circle background with white symbols
   ============================================================ */

#footer .social-icons li a {
    background-color: #002391 !important;
    border-color:     #002391 !important;
    color:            #ffffff !important;
}

#footer .social-icons li a i {
    color: #ffffff !important;
}

#footer .social-icons li a:hover {
    background-color: #4FCD73 !important;
    border-color:     #4FCD73 !important;
    color:            #001238 !important;
}

#footer .social-icons li a:hover i {
    color: #001238 !important;
}

/* ============================================================
   Button hover: #4FCD73 (green)
   Overrides theme-elements.css without editing the theme file.
   ============================================================ */

/* CSS variable used internally by the theme */
.btn-primary {
    --hover: #4FCD73;
}

/* Hover background */
.btn-primary:hover:not(.bg-transparent),
.btn-primary.hover:not(.bg-transparent) {
    background-color: #4FCD73 !important;
}

/* Hover border & text — dark navy text for legibility on bright green */
.btn-primary:hover,
.btn-primary.hover {
    border-color: #4FCD73 #4FCD73 var(--primary) !important;
    color: #001238 !important;
}

/* Gradient button variants (not currently used but overridden for consistency) */
.btn-gradient:not(.btn-outline):hover,
.btn-gradient:not(.btn-outline).hover {
    background: #4FCD73 !important;
    color: #001238 !important;
}

.btn-gradient.btn-outline:hover,
.btn-gradient.btn-outline.hover {
    border-color: #4FCD73 !important;
    color: #4FCD73 !important;
}

.btn-gradient-primary:not(.btn-outline):hover,
.btn-gradient-primary:not(.btn-outline).hover {
    background: #4FCD73 !important;
    color: #001238 !important;
}

.btn-gradient-primary.btn-outline:hover,
.btn-gradient-primary.btn-outline.hover {
    border-color: #4FCD73 !important;
    color: #4FCD73 !important;
}