/* ==================================================
   Astra Child Theme – Responsive Overrides
   ================================================== */

/* ===== BASE HERO SECTION ===== */
.elementor-element-e352d3a {
    position: relative !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: scroll !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background-image: url('https://lilis-coffee.com/wp-content/uploads/2025/10/New-Horizontal-1920-1080.webp') !important;
}

/* INFO CARD */
.elementor-element-e352d3a .hfe-infocard-text {
    z-index: 2 !important;
    max-width: 650px !important;
    width: 90% !important;
    margin: 0 auto !important;
    padding: 1rem 1.5rem !important;
    color: #fff !important;
    text-align: left !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-radius: 10px !important;
    backdrop-filter: blur(0.5px) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* ===== Small Phones (≤480px) ===== */
@media (max-width: 480px) {
    .elementor-element-e352d3a {
        min-height: 85vh;
    }
    .elementor-element-e352d3a .hfe-infocard-text {
        font-size: 0.9rem;
        line-height: 1.4;
        padding: 0.8rem 1rem;
        width: 92%;
        margin-top: 60px;
    }
}

/* ===== Mobile (481px–767px) ===== */
@media (max-width: 767px) {
    .elementor-element-e352d3a {
        min-height: 90vh;
    }
    .elementor-element-e352d3a .hfe-infocard-text {
        font-size: 0.95rem;
        padding: 0.9rem 1rem;
        width: 92%;
        margin-top: 80px;
    }
}

/* ===== Small Tablets (768px–991px) ===== */
@media (min-width: 768px) and (max-width: 991px) {
    .elementor-element-e352d3a {
        min-height: 95vh;
    }
    .elementor-element-e352d3a .hfe-infocard-text {
        max-width: 600px;
        padding: 1.2rem 1.5rem;
    }
}

/* ===== Large Tablets / Small Laptops (992px–1199px) ===== */
@media (min-width: 992px) and (max-width: 1199px) {
    .elementor-element-e352d3a {
        min-height: 95vh;
    }
}

/* ===== Small Laptops (1200px–1366px) ===== */
@media (min-width: 1200px) and (max-width: 1366px) {
    .elementor-element-e352d3a {
        min-height: 75vh !important;
        padding-top: 120px !important;
        justify-content: center !important;
    }
    .elementor-element-e352d3a .hfe-infocard-text {
        margin-top: 0 !important;
    }
}

/* ==================================================
   Fix two containers stacking on mobile
   ================================================== */
@media (max-width: 991px) {
    /* Parent wrapper container */
    .elementor-element-404e2c2 .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    /* Child containers */
    .elementor-element-404e2c2 .elementor-element-199fad8,
    .elementor-element-404e2c2 .elementor-element-29061ae {
        display: block !important;
        width: 100% !important;
        margin: 10px 0 !important; /* spacing between them */
    }

    /* Center heading, text, and button */
    .elementor-element-404e2c2 .elementor-element-71a3e28,
    .elementor-element-404e2c2 .elementor-element-cae7d92,
    .elementor-element-404e2c2 .elementor-element-aa36902 {
        text-align: center !important;
        width: 100% !important;
    }
}