/*
Theme Name:     Astra Child
Theme URI:      
Description:    Astra child theme for Tampa Bay Pool Care.
Author:         Antigravity
Author URI:     
Template:       astra
Version:        0.1.2
*/

/* ==========================================================================
   Antigravity - Rounded Dark Banners (#0F172A) with Spacing
   ========================================================================== */

/* 1. All Top Hero Banners (City, Service, About & Contact Pages) */
.elementor-section[data-id^="loc_hero_"],
.elementor-element[data-id^="loc_hero_"],
.elementor-section[data-id^="service_hero_"],
.elementor-element[data-id^="service_hero_"],
.elementor-section[data-id="about_hero"],
.elementor-element[data-id="about_hero"],
.elementor-section[data-id="contact_hero"],
.elementor-element[data-id="contact_hero"] {
    max-width: 1140px !important;
    width: calc(100% - 40px) !important;
    margin: 28px auto 20px auto !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 16px 36px -12px rgba(15, 23, 42, 0.22) !important;
}

/* 2. Homepage: Top Hero Banner */
.elementor-section[data-id="hero_section"],
.elementor-element[data-id="hero_section"],
.elementor-element-hero_section {
    max-width: 1240px !important;
    width: calc(100% - 40px) !important;
    margin: 28px auto 30px auto !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 45px -12px rgba(15, 23, 42, 0.28) !important;
}

/* 3. Homepage: Bottom Locations Banner */
.elementor-section[data-id="locations_bar_section"],
.elementor-element[data-id="locations_bar_section"],
.elementor-element-locations_bar_section {
    max-width: 1240px !important;
    width: calc(100% - 40px) !important;
    margin: 36px auto 44px auto !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 45px -12px rgba(15, 23, 42, 0.2) !important;
}

/* Mobile & Tablet Responsive Adjustments */
@media (max-width: 768px) {
    .elementor-section[data-id^="loc_hero_"],
    .elementor-element[data-id^="loc_hero_"],
    .elementor-section[data-id^="service_hero_"],
    .elementor-element[data-id^="service_hero_"],
    .elementor-section[data-id="about_hero"],
    .elementor-element[data-id="about_hero"],
    .elementor-section[data-id="contact_hero"],
    .elementor-element[data-id="contact_hero"] {
        width: calc(100% - 24px) !important;
        margin: 16px auto 16px auto !important;
        border-radius: 18px !important;
    }

    .elementor-section[data-id="hero_section"],
    .elementor-element[data-id="hero_section"],
    .elementor-element-hero_section {
        width: calc(100% - 24px) !important;
        margin: 16px auto 20px auto !important;
        border-radius: 18px !important;
    }

    .elementor-section[data-id="locations_bar_section"],
    .elementor-element[data-id="locations_bar_section"],
    .elementor-element-locations_bar_section {
        width: calc(100% - 24px) !important;
        margin: 20px auto 28px auto !important;
        border-radius: 18px !important;
    }
}