/*
Theme Name:   Hello Elementor Child
Theme URI:    https://alphasremanagement.com
Description:  Alpha SRE Management Child Theme
Author:       Alpha SRE Management
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

/* =====================================================
   MOBILE RESPONSIVENESS FIXES
   ===================================================== */

/* Base mobile resets */
* { box-sizing: border-box; }

img { max-width: 100%; height: auto; }

/* Prevent horizontal scroll on mobile */
html, body { overflow-x: hidden; max-width: 100%; }

/* =====================================================
   TYPOGRAPHY SCALE - Mobile First
   ===================================================== */
@media (max-width: 767px) {
    h1 { font-size: clamp(1.6rem, 5vw, 2.2rem) !important; line-height: 1.2 !important; }
    h2 { font-size: clamp(1.3rem, 4vw, 1.8rem) !important; line-height: 1.3 !important; }
    h3 { font-size: clamp(1.1rem, 3.5vw, 1.4rem) !important; }
    p  { font-size: clamp(0.95rem, 2.5vw, 1rem) !important; line-height: 1.7 !important; }

    /* Elementor sections - full width on mobile */
    .elementor-section { padding-left: 16px !important; padding-right: 16px !important; }
    .elementor-container { max-width: 100% !important; }

    /* Stack columns on mobile */
    .elementor-column { width: 100% !important; }

    /* Nav menu mobile */
    .elementor-nav-menu { flex-direction: column; }

    /* CTA buttons full width on mobile */
    .elementor-button { width: 100% !important; text-align: center !important; padding: 14px 20px !important; font-size: 1rem !important; }

    /* Hide decorative padding on mobile */
    .elementor-section.elementor-section-height-min-height { min-height: auto !important; }

    /* Stat counters wrap */
    .elementor-counter { padding: 10px !important; }

    /* Service cards stack */
    .elementor-widget-wrap { padding: 15px !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    h1 { font-size: clamp(2rem, 4vw, 2.8rem) !important; }
    h2 { font-size: clamp(1.5rem, 3vw, 2rem) !important; }
    .elementor-column { min-width: 50% !important; }
}

/* =====================================================
   PERFORMANCE: Font display & image loading
   ===================================================== */
@font-face { font-display: swap; }

/* =====================================================
   LOCAL SEO: NAP consistency styling
   ===================================================== */
.alpha-nap address { font-style: normal; }

/* =====================================================
   ACCESSIBILITY
   ===================================================== */
:focus-visible { outline: 3px solid #1a56db; outline-offset: 2px; }
a:focus-visible { outline: 3px solid #1a56db; }