/*
 * The archived theme contains a small legacy mobile overflow edge case.
 * Contain it only in the Laravel shell; the original static export remains
 * unchanged and no visual dimensions are altered.
 */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

body:has(.mw-tracking-page) {
    margin: 0;
}

/*
 * The source theme uses the anchor's ::before for a red hover dot. The
 * enterprise menu also needs a transparent hover bridge between its trigger
 * and submenu, so keep those concerns on separate elements.
 */
.cg-header-section .mw-nav-enterprise-nav > li > a::before {
    display: none !important;
    content: none !important;
}

/* li.has-enterprise-menu must remain position:static so that the
   position:absolute submenu is anchored to .cg-header-navigation
   (the nearest positioned ancestor), letting left:0/right:0 span
   the full nav bar width.  The hover-gap is handled by CSS :hover
   inheritance and the JS close-delay timer. */

/*
 * The imported footer decoration is intentionally 600px wide on desktop.
 * Keep that source dimension there, but prevent it from expanding the page
 * canvas on narrow tracking and portal screens.
 */
@media (max-width: 680px) {
    body:has(.mw-tracking-page) .cg-ftr-shape {
        right: 0 !important;
        max-width: 100vw !important;
        overflow: hidden !important;
    }

    body:has(.mw-tracking-page) .cg-ftr-shape img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }
}

/* ============================================================
   HOME PAGE HERO — visibility fallback when GSAP / Swiper
   script.js crashes (gsap is not defined stops JS execution
   before Swiper.init(), so swiper-slide-active is never set).
   These overrides replicate the ".swiper-slide-active" CSS
   transitions at load time so the first slide's content is
   always visible without JS.
   ============================================================ */
.cg-hero1-sec .hero-text1 .hero-slug {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
.cg-hero1-sec .hero-text1 p {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
.cg-hero1-sec .hero-text1 .cg-btn-1 {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
/* split-word divs are created by GSAP SplitText; if they exist, show them */
.cg-hero1-sec .hero-text1 .hero_title .split-word {
    opacity: 1 !important;
    transform: none !important;
}
/* Show bottom bar content (it also starts hidden) */
.cg-hero1-sec .hr1-bottom-area .hr1-bottom-img,
.cg-hero1-sec .hr1-bottom-area .hr1-bottom-list {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* ============================================================
   TESTIMONIALS — "What Our Clients Say" sections across the
   site use cg-testi3-item inside mw-testi-grid. The cards
   have white text designed for a dark section background, but
   on most pages the section background is light blue/white.
   Override text colors to the brand dark navy so they're
   always readable regardless of wrapper background.
   ============================================================ */
.mw-testi-grid .cg-testi3-item {
    background: rgba(3, 37, 50, 0.06) !important;
    border: 1px solid rgba(14, 182, 189, 0.2) !important;
}
.mw-testi-grid .cg-testi3-item h3 {
    color: #032532 !important;
    border-bottom-color: rgba(3, 37, 50, 0.12) !important;
}
.mw-testi-grid .cg-testi3-item p {
    color: #1a4a5c !important;
}
.mw-testi-grid .cg-testi3-item .cg-testi3-author .item-text h4 {
    color: #032532 !important;
}
.mw-testi-grid .cg-testi3-item .cg-testi3-author .item-text span {
    color: #1a4a5c !important;
}
.mw-testi-grid .cg-testi3-item .cg-testi3-author .item-icon {
    background: rgba(14, 182, 189, 0.12) !important;
    border-color: rgba(14, 182, 189, 0.25) !important;
}
.mw-testi-grid .cg-testi3-item .cg-testi3-author .item-icon i {
    color: #0eb6bd !important;
}

/* Home-page slider testimonials (cg-testi1-sec / cg-testi-item1):
   The item-text has a dark background — just make sure it renders
   even when data-background JS hasn't fired. */
.cg-testi-item1 {
    background: var(--cg-pr-c1) !important;
}
.cg-testi-item1 .item-text {
    background-color: #032532 !important;
}