/* =============================================================
   Muggun Technologies — Brand Color Overrides
   Primary Orange : #F7931E
   Deep Navy      : #031633
   White          : #FFFFFF
   Silver Accent  : #D9D9D9
================================================================ */

/* ── CSS Variable Overrides ───────────────────────────────── */
:root {
    --color-primary:          #F7931E;
    --color-secondary:        #f9a94e;           /* lighter orange for gradients */
    --dark:                   #031633;
    --dark-secondary:         #020f24;
    --dark-optional:          #031e40;
    --white-secondary:        #D9D9D9;
    --bg-gray:                #f5f6f8;
    --bg-gradient:            linear-gradient(45deg, #F7931E 0%, #f9a94e 100%);
    --box-shadow-secondary:   0 10px 30px 0 rgba(247, 147, 30, 0.35);
}

/* ── Buttons ──────────────────────────────────────────────── */
.btn-theme,
.btn-style-one,
.btn.btn-theme,
.btn.btn-style-one {
    background: #F7931E;
    border-color: #F7931E;
    color: #ffffff;
}

.btn-theme:hover,
.btn-style-one:hover,
.btn.btn-theme:hover,
.btn.btn-style-one:hover {
    background: #e0821a;
    border-color: #e0821a;
    color: #ffffff;
}

.btn-style-one.light {
    background: #ffffff;
    border-color: #ffffff;
    color: #031633;
}

.btn-style-one.light:hover {
    background: #D9D9D9;
    border-color: #D9D9D9;
    color: #031633;
}

.btn-dark,
.btn.btn-dark {
    background: #031633;
    border-color: #031633;
    color: #ffffff;
}

.btn-dark:hover,
.btn.btn-dark:hover {
    background: #020f24;
    border-color: #020f24;
}

/* ── Backgrounds ─────────────────────────────────────────── */
.bg-theme {
    background: #F7931E !important;
}

.bg-dark {
    background: #031633 !important;
}

.bg-gray {
    background: #f5f6f8 !important;
}

/* ── Sub-title / badge labels ─────────────────────────────── */
.sub-title {
    color: #F7931E;
}

.sub-title::before,
.sub-title::after {
    background: #F7931E;
}

/* ── Links & accents ─────────────────────────────────────── */
a:hover {
    color: #F7931E;
}

/* ── Navbar ──────────────────────────────────────────────── */
.navbar-fixed .nav > li > a:hover,
.navbar-fixed .nav > li.active > a {
    color: #F7931E;
}

/* ── Header / Side Menu ──────────────────────────────────── */
header.bg-dark,
nav.validnavs.navbar-fixed {
    background: #031633 !important;
}

/* ── Section headings accent ──────────────────────────────── */
.title strong,
h1 strong, h2 strong, h3 strong {
    color: #F7931E;
}

/* ── List style checkmarks & bullets ─────────────────────── */
.list-style-three li::before,
.list-style-four li::before,
.useful-link li a:hover,
.useful-link li a:hover i {
    color: #F7931E;
}

/* ── Icons in feature/service cards ──────────────────────── */
.icon i,
.f-icon i,
.svc-icon i {
    color: #ffffff;
}

.icon,
.svc-icon {
    color: #F7931E;
}

/* ── Progress bars & counters ────────────────────────────── */
.js-counter {
    color: #F7931E;
}

/* ── Accordion active state ──────────────────────────────── */
.accordion-button:not(.collapsed) {
    color: #F7931E;
    background-color: rgba(247, 147, 30, 0.06);
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(247, 147, 30, 0.25);
}

/* ── Fun-fact / stat cards ───────────────────────────────── */
.funfact-card.bg-theme {
    background: #F7931E !important;
}

/* ── Process step numbers ────────────────────────────────── */
.process-style-one-item .content span {
    color: #F7931E;
    border-color: rgba(247, 147, 30, 0.3);
}

/* ── CTA / Request Demo section ──────────────────────────── */
.req-demo-wrap.bg-theme,
.req-demo-wrap {
    background: #F7931E !important;
}

/* ── Service cards (services.php & what-we-do.php) ───────── */
.service-card::before {
    background: linear-gradient(45deg, #F7931E, #f9a94e);
}

.service-card .icon {
    background: rgba(247, 147, 30, 0.12);
    color: #F7931E;
}

.service-card:hover {
    border-color: rgba(247, 147, 30, 0.4);
    box-shadow: 0 26px 70px rgba(247, 147, 30, 0.18);
}

.service-card.featured {
    background: #031633;
    border-color: #031633;
}

/* ── What We Do page ─────────────────────────────────────── */
.wwd-intro {
    border-color: #e8e8e8;
}

.wwd-stat {
    border-color: #e0e0e0;
    background: #fafafa;
}

.wwd-stat strong {
    color: #F7931E;
}

.service-block {
    border-color: #e8e8e8;
}

.service-block .svc-number {
    color: #F7931E;
}

.service-block .svc-icon {
    background: rgba(247, 147, 30, 0.12);
    color: #F7931E;
}

.service-block:hover {
    border-color: rgba(247, 147, 30, 0.35);
    box-shadow: 0 22px 60px rgba(247, 147, 30, 0.15);
}

.sub-svc-item {
    border-color: #e0e0e0;
    background: #f9f9f9;
}

.sub-svc-item i {
    color: #F7931E;
}

.sub-svc-item:hover {
    border-color: #F7931E;
    background: rgba(247, 147, 30, 0.06);
}

/* ── About page — Why Choose Us / Mission-Vision cards ───── */
.funfact-card.bg-theme {
    background: #F7931E !important;
}

/* ── Footer ──────────────────────────────────────────────── */
footer.bg-dark,
.footer-style-one.bg-dark {
    background: #031633 !important;
}

.footer-style-one-bottom {
    border-top-color: rgba(217, 217, 217, 0.15);
}

/* ── Contact info icons ──────────────────────────────────── */
.contact-style-two-info .icon i {
    color: #ffffff;
}

/* ── Breadcrumb ──────────────────────────────────────────── */
.breadcrumb-area .breadcumb-title {
    color: #031633;
}

/* ── Moving brand scroll items ───────────────────────────── */
.brand-style-one-item img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter 0.3s, opacity 0.3s;
}

.brand-style-one-item img:hover {
    filter: none;
    opacity: 1;
}

/* ── Scrollbar accent (optional) ─────────────────────────── */
::-webkit-scrollbar-thumb {
    background: #F7931E;
}