/* social-media-agency-new-york.css — dark-theme (da-new-theme) color overrides for
   social-media-agency-new-york.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. Several rules are reused verbatim from
   google-ads-agency.css / seo-agency-new-york.css since this page shares the same
   underlying template classes (.heading6/.heading8/.heading10, .testimonial,
   .service2-boxarea, gradient-pill CTA buttons, the brand-gradient CTA card, etc.). */

/* Hero */
.heading5 h1 {
    color: #ffffff;
}

.heading5 p {
    color: #cbd5e1;
}

.header-btn4 {
    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-btn4:hover {
    color: #ffffff;
}

/* Decorative accent PNGs (soft white-to-pastel glow/ripple 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. Purely decorative, no informational
   content, position:absolute so hiding them doesn't affect layout. */
.header-bg2,
.header-bg3,
.header-imgbg2,
.cta3-section-area .cta-author-area .images .bg1,
.cta3-section-area .cta-author-area .images .elements7 {
    display: none;
}

/* Work area / intro heading row */
.heading8 h2 {
    color: #ffffff;
}

.heading8 p {
    color: #cbd5e1;
}

/* About block (bare, no section wrapper — inherits dark body already) */
.heading10 h3 {
    color: #ffffff;
}

.heading10 p {
    color: #cbd5e1;
}

/* "Learn More" button — 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;
}

/* Phone-showcase section ("Strategic Digital Growth") — .service4-section-area has its
   own active light background (main.css:3786-3790, #f6f8f9) unlike this page's other
   section wrappers, which inherit the dark body correctly — needs its own explicit
   override, same category of issue already found and fixed on google-ads-agency.css's
   .service8-section-area. */
.service4-section-area {
    background: #0a0a0a;
}

.boxsocial {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
    color: #ffffff;
}

/* Works-inner section ("Your Trusted New York Social Media Marketing Agency Partner") */
.heading2 h2 {
    color: #ffffff;
}

.heading2 p {
    color: #cbd5e1;
}

.works-inner-section-area .works-header-area .works-content-box {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
}

.works-inner-section-area .works-header-area .works-content-box .icons {
    background: rgba(255, 255, 255, 0.08);
}

.works-inner-section-area .works-header-area .works-content-box .content a {
    color: #ffffff;
}

/* Services grid, 6 cards ("Services We Offer") */
.heading6 h2 {
    color: #ffffff;
}

.heading6 p {
    color: #cbd5e1;
}

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

.service3-section-area .service2-boxarea .icons {
    background: rgba(255, 255, 255, 0.08);
}

.service3-section-area .service2-boxarea .content a {
    color: #ffffff;
}

/* Testimonials (identical shared classes/fix already used verbatim on 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;
}