/*
Theme Name: eagle1
Theme URI: https://eaglesportz.com
Author: Patterns LLC
Author URI: https://patterns.llc
Description: Premium DTF printing and custom apparel WordPress theme. Fully responsive across all devices and screen sizes.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eagle1
Domain Path: /languages
Tags: custom-menu, custom-logo, featured-images, elementor, responsive-layout
*/

/* Reset & Overflow Guards */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Global 100% Full Width Container Overrides */
.eagle-section-wrapper,
.eagle-trusted-section,
.eagle-mission-section,
.eagle-services,
.eagle-gallery-wrapper,
.eagle-why,
.eagle-process,
.eagle-tech,
.eagle-story-wrapper,
.eagle-masonry-wrapper,
.eagle-faq-wrapper,
.eagle-cta,
.eagle-contact-container,
.eagle-form-container,
.eagle-quote-container,
.eagle-blog-wrapper,
.eagle-single-wrapper,
.elementor-section,
.elementor-widget-html,
.elementor-widget-html > .elementor-widget-container,
.elementor-container,
.max-w-7xl,
.max-w-6xl,
.max-w-5xl,
.max-w-4xl {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Broad Widescreen Layout Spacing (> 1400px) */
@media (min-width: 1400px) {
    .eagle-container,
    .eagle-gallery-container,
    .eagle-story-container,
    .eagle-masonry-container,
    .eagle-section-wrapper > div,
    .elementor-section > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
}

/* Broad Desktop Layout Spacing (1024px - 1399px) */
@media (min-width: 1024px) and (max-width: 1399px) {
    .eagle-container,
    .eagle-gallery-container,
    .eagle-story-container,
    .eagle-masonry-container,
    .eagle-section-wrapper > div,
    .elementor-section > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 4% !important;
        padding-right: 4% !important;
    }
}

/* Tablet Layout Spacing (640px - 1023px) */
@media (min-width: 640px) and (max-width: 1023px) {
    .eagle-container,
    .eagle-gallery-container,
    .eagle-story-container,
    .eagle-masonry-container,
    .eagle-section-wrapper > div,
    .elementor-section > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

/* Mobile Layout Spacing (< 640px) */
@media (max-width: 639px) {
    .eagle-container,
    .eagle-gallery-container,
    .eagle-story-container,
    .eagle-masonry-container,
    .eagle-cta,
    .eagle-section-wrapper > div,
    .elementor-section > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    h1, .hero-h1, .eagle-heading, .eagle-gallery-heading, .eagle-story-heading, .eagle-faq-heading {
        font-size: 38px !important;
        line-height: 1.0 !important;
    }

    h2 {
        font-size: 32px !important;
    }
}

/* Image & Media Responsiveness Safety Guards */
img, svg, video, iframe {
    max-width: 100%;
}

/* Header & Footer Logo Specific Height Enforcements */
header img, footer img {
    max-height: 64px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Hero Section Normal Layout Spacing */
.hero-section,
.eagle-hero-section {
    position: relative !important;
    margin-top: 0 !important;
}

/* Form & Quote Page Header Overlap Fix */
.eagle-contact-container,
.eagle-form-container,
.quote-page-wrapper {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-top: 140px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.eagle-quote-container {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-top: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

@media (min-width: 1024px) {
    .eagle-contact-container,
    .eagle-form-container,
    .quote-page-wrapper {
        padding-top: 160px !important;
    }
    .eagle-quote-container {
        padding-top: 0px !important;
    }
}