/* ============================================
   Lucky Tailor — Responsive Overrides
   Supplements ui-improvements.css
   ============================================ */

/* Hide hero side image on tablet/mobile */
@media (max-width: 991px) {
    .hero-img {
        display: none;
    }
}

@media (min-width: 992px) {
    .hero-img {
        display: block;
    }
}

/* Footer overflow fix */
.footer-wrapper {
    overflow-x: hidden;
    width: 100%;
}

/* Ensure containers don't cause horizontal scroll */
.container,
.container-fluid {
    overflow-x: hidden;
}

/* Tablet footer */
@media (max-width: 991px) {
    .footer-area .row {
        gap: 10px 0;
    }
    
    .map-area iframe {
        min-height: 220px;
    }
}

/* Mobile footer centering */
@media (max-width: 576px) {
    .single-footer-caption {
        text-align: center;
    }
    
    .footer-tittle h4::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .footer-social {
        text-align: center;
    }
    
    .footer-copy-right {
        text-align: center !important;
        font-size: 12px;
    }
    
    .map-area iframe {
        min-height: 200px;
    }
}