/* ============================================================
   ListMENA.com — Responsive overrides
   Breakpoints: 1024, 768, 480, 375, 320
   ============================================================ */

/* Tablet & small laptops (≤1024) */
@media (max-width:1024px){
    .header-search{max-width:260px;}
    .main-nav{gap:16px;}
    .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:28px;}
    .footer-brand{grid-column:1 / -1;}
    .footer-seo{grid-column:1 / -1;}
}

/* Tablet (≤900) — hide desktop search */
@media (max-width:900px){
    .header-search{display:none;}
    .header-actions .btn-ghost{display:none;}
}

/* Mobile (≤768) */
@media (max-width:768px){
    :root{--header-h:64px;}

    .main-nav{display:none;}
    .header-actions{display:none;}
    .hamburger{display:flex;}
    .mobile-menu{display:block;}

    .logo-text{font-size:1.15rem;}

    .hero{padding:40px 0 48px;}
    .hero-title{font-size:1.75rem;}
    .hero-sub{font-size:.95rem;}

    .hero-search{flex-direction:column;gap:6px;padding:6px;border-radius:var(--radius);}
    .hero-search-field{padding:4px 8px;}
    .hero-search-loc{border-left:0;border-top:1px solid var(--c-gray-200);flex:1;}
    .hero-search-btn{width:100%;padding:14px;}

    .section{padding:40px 0;}
    .section-head{margin-bottom:20px;}
    .section-head h2{font-size:1.35rem;}

    .grid-categories{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));}
    .grid-businesses{grid-template-columns:1fr;}
    .grid-locations{grid-template-columns:1fr 1fr;}

    .footer-grid{grid-template-columns:1fr 1fr;gap:24px;}
    .footer-bottom{flex-direction:column;text-align:center;}

    .cta-inner{flex-direction:column;text-align:center;}
    .cta-inner .btn{width:100%;}

    .back-to-top{right:14px;bottom:14px;}
}

/* Small phones (≤480) */
@media (max-width:480px){
    .container{padding:0 16px;}
    .logo-text{font-size:1.05rem;}
    .logo-mark svg{width:30px;height:30px;}

    .hero-title{font-size:1.5rem;}
    .hero-sub{font-size:.9rem;}
    .hero-tags{font-size:12px;}
    .hero-tags a{padding:4px 10px;}

    .grid-categories{grid-template-columns:1fr 1fr;}
    .grid-locations{grid-template-columns:1fr;}

    .footer-grid{grid-template-columns:1fr;}

    .biz-card{padding:16px;}
    .biz-logo{width:48px;height:48px;}
}

/* Very small (≤375) */
@media (max-width:375px){
    .hero-title{font-size:1.35rem;}
    .hero-search-field input{padding:12px;font-size:14px;}
}

/* Tiny (≤320) */
@media (max-width:320px){
    .logo-text{font-size:.95rem;}
    .grid-categories{grid-template-columns:1fr;}
    h1{font-size:1.5rem;}
}