/* ═══════════════════════════════════════════════
   MarkMyCash — Brand Customisations
   Loaded after the iStudio theme style.css
═══════════════════════════════════════════════ */

/* ── Brand palette ───────────────────────── */
:root {
    --mmc-blue: #0d6efd;
    --mmc-green: #198754;
    --mmc-dark: #1a1a2e;
}

/* ── Navbar brand text ─────────────────────── */
.navbar-brand h1,
.navbar-brand h2 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.5px;
}

/* ── Sticky navbar background on scroll ───── */
.sticky-top.bg-white {
    background: #ffffff !important;
}

/* ── Primary button hover ─────────────────── */
.btn-primary:hover {
    background-color: #10b58b;
    border-color: #10b58b;
}

/* ── Hero section text ─────────────────────── */
.hero-header h1.display-1 {
    font-family: 'Space Grotesk', sans-serif;
    line-height: 1.15;
}

/* ── Service cards hover state ─────────────── */
.service-item {
    transition: transform .3s, box-shadow .3s;
}

.service-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

/* ── Project overlay ───────────────────────── */
.project-overlay {
    transition: background .4s;
}

.project-item:hover .project-overlay {
    background: linear-gradient(rgba(13, 110, 253, .4) 0%, var(--mmc-dark) 100%);
}

/* ── Team overlay ──────────────────────────── */
.team-overlay small {
    background: var(--mmc-blue);
    color: #fff;
}

/* ── Testimonial stars ─────────────────────── */
.testimonial-text .fa-star,
.testimonial-text .fa-star-half-alt {
    font-size: .85rem;
}

/* ── Stats counter section ─────────────────── */
.counter-item h1 {
    font-size: 3.5rem;
}

/* ── FAQ accordion ─────────────────────────── */
.accordion-button:not(.collapsed) {
    color: var(--mmc-blue);
    background-color: #eaf1ff;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .2);
}

/* ── Portfolio filter buttons ──────────────── */
.filter-btn {
    border-radius: 30px;
    transition: all .25s;
}

/* ── CTA bar ───────────────────────────────── */
.cta-phone-bar {
    border-top: 3px solid var(--mmc-blue);
}

/* ── Footer link hover ─────────────────────── */
.footer .btn-link:hover {
    color: #fff !important;
    padding-left: 8px;
}

/* ── Services mega-dropdown ─────────────────── */
.services-mega .dropdown-item:hover {
    background: var(--mmc-blue);
    color: #fff;
}

.services-mega .dropdown-item:hover i {
    color: #fff !important;
}

/* ── Mobile responsive fixes ───────────────── */
@media (max-width: 991.98px) {
    .navbar-collapse {
        padding: 1rem 0;
    }

    .navbar .nav-link {
        padding: .65rem 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .navbar .nav-link:last-child {
        border-bottom: none;
    }

    .services-mega {
        columns: 1;
        min-width: auto;
    }

    .hero-header h1.display-1 {
        font-size: 2.5rem;
    }

    .btn-group.flex-wrap {
        gap: .5rem !important;
    }
}

@media (max-width: 575.98px) {
    .hero-header h1.display-1 {
        font-size: 2rem;
    }

    .newsletter .p-5 {
        padding: 2rem !important;
    }

    .cta-phone-bar .d-flex {
        flex-direction: column;
    }
}