/* Swiflare Custom Fixes */

/* ============================================
   Breadcrumb — white on dark page header
   ============================================ */
.thm-breadcrumb li a {
    color: var(--nexin-white) !important;
    text-decoration: underline;
}
.thm-breadcrumb li a:hover {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* ============================================
   Services Cards (services-page — light bg)
   Default: dark text (already set in services.css)
   Hover: white text because dark overlay slides in
   ============================================ */

/* Number counter — dark on default, white on hover */
.services-page .services-three__count::before {
    color: var(--nexin-gray) !important;
}
.services-page .services-three__single:hover .services-three__count::before {
    color: var(--nexin-white) !important;
}

/* Icon — dark on default (set in services.css), white on hover */
.services-page .services-three__single:hover .services-three__icon span {
    color: var(--nexin-white) !important;
}

/* Title — dark on default (set in services.css), white on hover */
.services-page .services-three__single:hover .services-three__title a {
    color: var(--nexin-white) !important;
}

/* Body text — dark on default, white on hover */
.services-page .services-three__text {
    color: var(--nexin-gray) !important;
}
.services-page .services-three__single:hover .services-three__text {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Read More link — dark on default (set in services.css), white on hover */
.services-page .services-three__single:hover .services-three__read-more a {
    color: var(--nexin-white) !important;
}

/* Card border: light on default, disappears on hover (already in services.css) */
.services-page .services-three__single {
    border-color: var(--nexin-bdr-color) !important;
    transition: border-color 0.5s ease, transform 0.3s ease !important;
}
.services-page .services-three__single:hover {
    border-color: transparent !important;
    transform: translateY(-4px);
}

/* Hover overlay — use brand dark navy instead of near-black */
.services-page .services-three__single-bg::before {
    background-color: rgba(2, 21, 90, 0.97) !important;
}

/* ============================================
   Global Buttons — brand navy, white text, zoom hover
   ============================================ */
.thm-btn {
    color: var(--nexin-white) !important;
    background-color: #02155A !important;
    transition: transform 0.3s ease-in-out !important;
}
.thm-btn:hover {
    color: var(--nexin-white) !important;
    transform: scale(1.05) !important;
}
.thm-btn::before {
    background-color: #0a2580 !important;
}
.thm-btn::after {
    background-color: rgba(2, 21, 90, 0.3) !important;
}

/* ============================================
   Footer link hover — subtle white fade
   ============================================ */
.footer-widget-two__link-list li a:hover,
.footer-widget-two__bottom-menu li a:hover,
.site-footer-two__bottom-menu li a:hover {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* ============================================
   Page header — compact and centered
   ============================================ */
.page-header__inner {
    padding: 180px 0 90px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.thm-breadcrumb {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* ============================================
   Brand Images Background Removal
   ============================================ */
.brand-no-bg {
    /* The images are now true transparent PNGs. 
       This filter turns the dark logos solid white so they show up on the dark background. */
    filter: brightness(0) invert(1);
    
    /* Fix cropping: Ensure the image scales down properly within its container */
    max-width: 100%;
    height: auto;
    max-height: 80px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.brand-light-bg {
    /* For true transparent PNGs on a light background. 
       We do NOT invert them, we let them show their original colors. */
    max-width: 100%;
    height: auto;
    max-height: 80px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* When brand-light-bg images appear inside a dark section (.brand-four),
   invert them to white so they are visible against the dark background */
.brand-four .brand-light-bg {
    filter: brightness(0) invert(1);
    opacity: 0.85;
    transition: opacity 0.3s ease;
}

.brand-four .brand-light-bg:hover {
    opacity: 1;
}

/* ============================================
   Team Section — disable hover animation & hide social icons
   ============================================ */

/* Remove hover lift/transform on the card */
.team-one__single,
.team-one__single:hover {
    transform: none !important;
    transition: none !important;
}

/* Disable overlay animations on hover */
.team-one__img-box::before,
.team-one__img-box::after,
.team-one__img::before,
.team-one__img::after {
    display: none !important;
}

/* Hide social icon box if still present in DOM */
.team-one__social-box {
    display: none !important;
}

/* Remove image scale animation */
.team-one__img img {
    transition: none !important;
    transform: none !important;
}