/*
 * ============================================================
 *  THEME OVERRIDE — uses CSS custom properties from :root
 *  (injected by views/_theme-vars.php via theme-config.php)
 *
 *  DO NOT change colors here.
 *  Change THEME_PRIMARY (and companions) in theme-config.php
 * ============================================================
 */

/* ---------- Buttons ---------- */
.btn.btn-primary,
.btn-primary {
    background:    var(--primary)       !important;
    border-color:  var(--primary)       !important;
    color:         #fff                 !important;
    -webkit-box-shadow: 0 4px 20px -5px rgba(var(--primary-rgb), 0.4) !important;
            box-shadow: 0 4px 20px -5px rgba(var(--primary-rgb), 0.4) !important;
}

.btn.btn-primary:hover,
.btn-primary:hover {
    background:    var(--primary-hover) !important;
    border-color:  var(--primary-hover) !important;
    color:         #fff                 !important;
}

/* ---------- Text-primary utility ---------- */
.text-primary {
    color: var(--primary) !important;
}

/* ---------- Links ---------- */
a {
    color: var(--primary);
}
a:hover {
    color: var(--primary-hover);
}

/* ---------- Form controls ---------- */
.form-control:focus,
.form-control:active {
    border-color: var(--primary) !important;
    box-shadow: none !important;
}

/* ---------- Navbar active / hover link ---------- */
.site-navigation .site-menu > li > a:hover,
.site-navigation .site-menu > li.active > a {
    color: var(--primary) !important;
}

/* ---------- Section title underline ---------- */
.section-title {
    position: relative;
    padding-bottom: .75rem;
}
.section-title::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: var(--primary);
    margin: .6rem auto 0;
    border-radius: 2px;
}

/* ---------- Light section background ---------- */
.bg-light,
section.bg-light {
    background: var(--bg-light) !important;
}

/* ---------- Testimonial / owl dots ---------- */
.owl-dot.active span,
.owl-dot:hover span {
    background: var(--primary) !important;
}

/* ---------- Badge ---------- */
.badge-primary {
    background-color: var(--primary) !important;
}

/* ---------- ul-check success ticks ---------- */
.ul-check.success li::before {
    color: var(--primary) !important;
}

/* ---------- Icon accent colour ---------- */
.icon-wrap .text-primary {
    color: var(--primary) !important;
}

/* ---------- Cover hero section ---------- */
.site-blocks-cover {
    background: linear-gradient(135deg, var(--primary-light) 0%, #fff 60%);
}

/* ---------- Feature-big section ---------- */
.feature-big {
    background: #fff;
}

/* ---------- Navbar border on scroll ---------- */
.sticky-nav .site-navbar {
    border-bottom: 2px solid var(--primary);
}

/* ---------- Footer icon hover ---------- */
.footer a:hover span {
    color: var(--primary) !important;
}

/* ---------- Scrollbar accent (Chrome) ---------- */
::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 4px;
}
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }

/* ---------- Selection ---------- */
::selection {
    background: var(--primary);
    color: #fff;
}
::-moz-selection {
    background: var(--primary);
    color: #fff;
}