/* ================================================================
   Inner Pages — Blog detail + Service detail unified theme
   Primary: #0b3ac6
   ================================================================ */

/* ── Blog detail hero ── */
.blog-detail-page .blog-hero__section .blog-hero__container {
    background-image: none !important;
    background: linear-gradient(135deg, #0a1a3a 0%, #0b3ac6 100%) !important;
}
.blog-detail-page .blog-hero__section .blog-hero__container .hero-text .hero-text-heading {
    color: #ffffff !important;
}
.blog-detail-page .blog-hero__section .blog-hero__container .hero-text .blog-info .user {
    color: rgba(255, 255, 255, 0.92) !important;
}
.blog-detail-page .blog-hero__section .blog-hero__container .hero-text .blog-info .user span {
    color: #ffffff !important;
    font-weight: 600;
}
.blog-detail-page .blog-hero__section .blog-hero__container .hero-text .blog-info .date {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Blog TOC + social */
.blog-detail-page .main-container .right-column .toc ul li a.active {
    color: #0b3ac6 !important;
    background: rgba(11, 58, 198, 0.08) !important;
    border-left-color: #0b3ac6 !important;
}
.blog-detail-page .main-container .left-column .toc-mobile ul li a.active {
    color: #0b3ac6 !important;
}
.blog-detail-page .main-container .right-column .blog-detail-Social-icon:hover {
    border-color: #0b3ac6 !important;
    background: rgba(11, 58, 198, 0.06) !important;
}
.blog-detail-page .contact-banner {
    background: #0b3ac6 !important;
    background-image: none !important;
}
.blog-detail-page .contact-banner__content--cta-btn {
    color: #0b3ac6 !important;
    border-color: #ffffff !important;
}
.blog-detail-page .blog-content h2,
.blog-detail-page .blog-content h3,
.blog-detail-page .blog-content h4 {
    color: #0f172a;
}
.blog-detail-page .blog-content a {
    color: #0b3ac6 !important;
}
.blog-detail-page .btn-read-more {
    border-color: #0b3ac6 !important;
    color: #0b3ac6 !important;
}
.blog-detail-page .btn-read-more:hover {
    background: #0b3ac6 !important;
    color: #ffffff !important;
}

/* ── Service detail pages — pink/red tints → blue theme ── */
.service-detail-page [class*="hero__wrapper--desc"],
.service-detail-page [class*="-hero__wrapper--desc"] {
    background-color: #ffffff !important;
    background-image: none !important;
}
.service-detail-page [class*="__wrapper--cards"] [id^="card-"] {
    border-color: rgba(11, 58, 198, 0.35) !important;
}
.service-detail-page [class*="__wrapper--txts-heading"] span,
.service-detail-page [class*="__wrapper--headings-heading"] span,
.service-detail-page [class*="__wrapper--headings-heading2"] span,
.service-detail-page [class*="__header--heading"] span,
.service-detail-page [class*="__wrapper--txts-heading"] span {
    color: #0b3ac6 !important;
}
.service-detail-page [class*="__wrapper--cards-card"] [class*="card-num"],
.service-detail-page [class*="__wrapper--cards"] [class*="cards-numbers"],
.service-detail-page [class*="__wrapper--cards"] [class*="step-num"] {
    background-color: #0b3ac6 !important;
}

/* Image icons — never fill with solid brand blue (matches *cards-icon*, .card-icon, etc.) */
.service-detail-page [class*="__wrapper--cards"] img[class*="icon"],
.service-detail-page [class*="excellence__wrapper--cards-icon"],
.service-detail-page [class*="toolsntech__wrapper--cards-icon"],
.service-detail-page [class*="mobapps__wrapper--cards-icon"],
.service-detail-page [class*="process__wrapper--cards-icon"],
.service-detail-page .card-icon {
    background-color: transparent !important;
}
/* Mobapps numbered cards — white bg (see hover-effects.css) */
.service-detail-page [style*="#feeded" i],
.service-detail-page [style*="#ffe3e3" i],
.service-detail-page [style*="#ffedfe" i] {
    background-color: rgba(11, 58, 198, 0.06) !important;
}

/* Mobapps / process step cards — unified blue borders */
.service-detail-page [class*="mobapps__wrapper--cards"] [id^="card-"],
.service-detail-page [class*="mobapps__wrapper--cards-card"] {
    border-color: rgba(11, 58, 198, 0.35) !important;
}
.service-detail-page [class*="mobapps__wrapper--cards-card"]::after {
    background-color: #0b3ac6 !important;
}

/* Service CTA / contact sections */
.service-detail-page .services-contactus,
.service-detail-page [class*="contactus"],
.service-detail-page [class*="contact-us"],
.service-detail-page .message-container {
    --accent: #0b3ac6;
}
.service-detail-page .btn-primary,
.service-detail-page .hero-form__submit,
.service-detail-page button[type="submit"].hero-form__submit {
    background: #0b3ac6 !important;
    border-color: #0b3ac6 !important;
    color: #ffffff !important;
}
.service-detail-page .btn-primary:hover,
.service-detail-page .hero-form__submit:hover {
    background: #0930b0 !important;
    border-color: #0930b0 !important;
}
.service-detail-page .btn-primary-outline,
.service-detail-page .btn-secondary-outline {
    color: #0b3ac6 !important;
    border-color: #0b3ac6 !important;
}
.service-detail-page .btn-primary-outline:hover,
.service-detail-page .btn-secondary-outline:hover {
    background: #0b3ac6 !important;
    color: #ffffff !important;
}

/* Service FAQ / tabs active */
.service-detail-page [class*="faqs"] [class*="active"],
.service-detail-page [class*="accordion"][class*="active"],
.service-detail-page [class*="tab-button"].active,
.service-detail-page [class*="tab-btn"].active {
    color: #0b3ac6 !important;
    border-color: #0b3ac6 !important;
}

/* Service testimonial / slider arrows */
.service-detail-page .swiper-button-prev,
.service-detail-page .swiper-button-next,
.service-detail-page [class*="slider-nav"] [class*="arrow"],
.service-detail-page [class*="swiper-button"] {
    background: #0b3ac6 !important;
    border-color: #0b3ac6 !important;
}

/* Pink section backgrounds — broad override for service wrappers */
.service-detail-page [class*="excellence"],
.service-detail-page [class*="brands__wrapper"],
.service-detail-page [class*="toolsntech"],
.service-detail-page [class*="industry__wrapper"],
.service-detail-page [class*="services-mob"],
.service-detail-page [class*="seo__wrapper"],
.service-detail-page [class*="faqs__wrapper"],
.service-detail-page [class*="process"] [class*="card"],
.service-detail-page [class*="detail-items"] {
    background-color: transparent;
}
/* Pink inline style overrides */
.service-detail-page [class*="__wrapper--cards-card"][style],
.service-detail-page div[style*="background-color: #ff" i],
.service-detail-page div[style*="background-color:#ff" i] {
    background-color: var(--svc-surface, #ffffff) !important;
}

/* Step badges only — NOT stat labels like *-cards-numbers */
.service-detail-page [class*="card-number"],
.service-detail-page [class*="step-number"],
.service-detail-page [class*="__wrapper--cards"] [class*="step-num"],
.service-detail-page [class*="mobapps__wrapper--cards"] [class*="card-num"] {
    background: #0b3ac6 !important;
    color: #ffffff !important;
}

/* Links + hover */
.service-detail-page a:not(.btn-primary):not(.hero-form__submit):not([class*="footer"]):hover {
    color: #0b3ac6;
}
.service-detail-page .navbar .mobile-menu-button:hover {
    background-color: #0930b0 !important;
}

/* SVG fills in service content areas */
.service-detail-page main [fill="#1248F4"],
.service-detail-page section [fill="#1248F4"] {
    fill: #0b3ac6 !important;
}
.service-detail-page main [stroke="#1248F4"],
.service-detail-page section [stroke="#1248F4"] {
    stroke: #0b3ac6 !important;
}

/* Legacy pink slide/section backgrounds — see hover-effects.css for card styles */
.service-detail-page .uiuxprocess__slidesdiv--slide,
.service-detail-page .uiuxprocess__slidesdiv #s-4,
.service-detail-page .uiuxprocess__slidesdiv #s-6,
.service-detail-page .web-dev-services__slidesdiv--slide,
.service-detail-page .web-dev-services__slidesdiv #s-2,
.service-detail-page .web-dev-services__slidesdiv #s-4,
.service-detail-page .web-dev-services__slidesdiv #s-6,
.service-detail-page [class*="process__slidesdiv"] [class*="slide"],
.service-detail-page [class*="services__slidesdiv"] [class*="slide"],
.service-detail-page [class*="__slidesdiv"] [id^="s-"] {
    background-color: rgba(11, 58, 198, 0.06) !important;
}
.service-detail-page .home-our-industries-voices__wrapper--txts-heading span,
.service-detail-page [class*="voices"] [class*="heading"] span,
.service-detail-page [class*="testimonial"] [class*="heading"] span {
    color: #0b3ac6 !important;
}

/* Service detail card/hover theme — see hover-effects.css (loads last) */