/* ppc-agency-boston.css — dark-theme (da-new-theme) color overrides for ppc-agency-boston.php
   Loaded after main.css/home-new.css; same-specificity selectors here win via source order.
   Colors/backgrounds/borders/display-none-on-decorative-images only — no layout, sizing,
   content, or structural changes. This page is structurally identical to
   ppc-agency-chicago.php (same .hero5-section-area/.heading5/.service8-section-area/
   .service-boxarea/.works-author-boxarea/.about3-section-area/.about5-section-area/
   .cta3-section-area classes, only city-specific copy/images differ — confirmed via a full
   class-name diff), so this file is a direct copy of ppc-agency-chicago.css. This page's
   hero also has an extra floating "social proof" widget (.auhtor-images) not present on
   the Chicago page — all position:absolute overlays with no background-color rules of
   their own, left untouched (see plan notes: the one raster stat-card image can't be
   recolored via CSS and functions as a deliberate bright-accent element). */

/* Hero — .hero5-section-area's background is a light pastel bitmap (header-bg8.png) set as
   an INLINE style, so !important is required to beat it (same technique used for
   .all-section-bg on digital-marketing-agency-in-new-york-city.css). Replaced with the same
   dark radial-gradient formula used on every other converted page's hero. */
.hero5-section-area {
    background-image: none !important;
    background: radial-gradient(120% 120% at 50% 0%, rgba(124, 58, 237, 0.18) 0%, rgba(10, 10, 10, 0) 60%), #0a0a0a !important;
}

.heading5 h1 {
    color: #ffffff;
}

.heading5 p {
    color: #cbd5e1;
}

.header-btn9 {
    background:
        linear-gradient(#060612, #060612) padding-box,
        linear-gradient(90deg, #7c3aed 0%, #c026d3 55%, #e11d48 100%) border-box;
    border: 2px solid transparent;
    color: #ffffff;
}

.header-btn9:hover {
    color: #ffffff;
}

/* "Learn More" buttons (About #2/#3) — main.css gives .header-btn11 a neon-lime background
   (#adff1c) which reads as off-theme/jarring against the dark page; recolored to match the
   site's gradient-pill button family for consistency. */
.header-btn11 {
    background:
        linear-gradient(#060612, #060612) padding-box,
        linear-gradient(90deg, #7c3aed 0%, #c026d3 55%, #e11d48 100%) border-box;
    border: 2px solid transparent;
    color: #ffffff;
}

.header-btn11:hover {
    color: #ffffff;
}

/* Decorative accent PNGs (soft white-to-pastel glow graphics, confirmed by visual
   inspection) have no dark-theme equivalent and would read as faint smudges against the
   new dark sections — hidden via display:none, same treatment used on
   seo-agency-new-york.css. Purely decorative, no informational content, position:absolute
   so hiding them doesn't affect layout. */
.about-bg1,
.about-bg2,
.cta3-section-area .cta-author-area .images .bg1,
.cta3-section-area .cta-author-area .images .elements7 {
    display: none;
}

/* Intro/feature-card row + plain "Why Choose" text block (identical shared classes,
   reused verbatim from seo-agency-new-york.css) */
.heading8 h2 {
    color: #ffffff;
}

.heading8 p {
    color: #cbd5e1;
}

.works4-section-area .works-author-boxarea {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
}

.works4-section-area .works-author-boxarea .icons {
    background: rgba(255, 255, 255, 0.08);
}

.works4-section-area .works-author-boxarea .content-area a {
    color: #ffffff;
}

.works4-section-area .works-author-boxarea .content-area p {
    color: #cbd5e1;
}

/* About #1 ("Discover Your Perfect Google Ads Agency") */
.heading6 h2 {
    color: #ffffff;
}

.heading6 h3 {
    color: #ffffff;
}

.heading6 p {
    color: #cbd5e1;
}

.about3-section-area .about-header-area .list-area ul li {
    color: #cbd5e1;
}

/* Fallback for list items outside .about3-section-area (e.g. About #2's list, which has
   no more specific rule of its own in main.css) */
.list-area ul li {
    color: #cbd5e1;
}

/* Services grid, 8 cards — the section wrapper itself has an explicit light background
   (main.css:4451-4453, #f7f8fa) unlike the other sections on this page, which is why the
   translucent card rgba() overlays below were rendering as pale washed-out tints instead
   of dark cards: they need a dark base underneath them to read correctly. Original pastel
   pink/purple/yellow/green card rotation replaced with the site's brand purple/pink/red
   rotation for cross-page consistency (same call already made for the nth-child rotation
   on digital-marketing-agency-in-new-york-city.css). */
.service8-section-area {
    background: #0a0a0a;
}

.service8-section-area .service-all-boxes-area .service-boxarea {
    background: rgba(124, 58, 237, 0.08);
}

.service8-section-area .service-all-boxes-area .service-boxarea.box2 {
    background: rgba(192, 38, 211, 0.08);
}

.service8-section-area .service-all-boxes-area .service-boxarea.box3 {
    background: rgba(225, 29, 72, 0.08);
}

.service8-section-area .service-all-boxes-area .service-boxarea.box4 {
    background: rgba(124, 58, 237, 0.08);
}

.service8-section-area .service-all-boxes-area .service-boxarea a {
    color: #ffffff;
}

.service8-section-area .service-all-boxes-area .service-boxarea p {
    color: #cbd5e1;
}

.service-header-area.heading13 h2 {
    color: #ffffff;
}

/* About #2 / About #3 ("Reliable Google Ads Agency" / "Results-Driven PPC Ad Management") */
.heading10 h3 {
    color: #ffffff;
}

.heading10 p {
    color: #cbd5e1;
}

/* Section headings using the shared .heading2 wrapper (services grid / testimonials /
   contact section headings, depending on the page) — missed in the initial pass; main.css
   only gives this class dark text (#090b0e h2, #3d4c5e p), invisible against the dark page.
   The CTA band's .cta-header-area h2/p already has its own more-specific white override in
   main.css and is unaffected by this addition. */
.heading2 h2 {
    color: #ffffff;
}

.heading2 p {
    color: #cbd5e1;
}

/* Testimonials (identical shared classes/fix already used verbatim on both prior pages) */
.testimonial {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
}

.testimonial .quote {
    color: #c026d3;
}

.testimonial p {
    color: #cbd5e1;
}

.testimonial .name {
    color: #ffffff;
}

.testimonial .designation {
    color: #a0aec0;
}

.carousel-control-prev,
.carousel-control-next {
    background-color: rgba(255, 255, 255, 0.08);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: none;
}

/* Closing CTA band */
.cta3-section-area .cta-author-area {
    background: linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);
}

.header-btn5 {
    background:
        linear-gradient(#060612, #060612) padding-box,
        linear-gradient(90deg, #7c3aed 0%, #c026d3 55%, #e11d48 100%) border-box;
    border: 2px solid transparent;
    color: #ffffff;
}

.header-btn5:hover {
    color: #ffffff;
}