/* BTP Survey Group - Responsive v2.0 */
/* Extra breakpoints & touch optimizations */

/* ===== TABLETS (481-768px) ===== */
@media (min-width:481px) and (max-width:768px) {
    .grid-3 { grid-template-columns:repeat(2,1fr); }
    /* .grid-4 stays 1 column here (mobile) — see style.css; tablet 2-col is 769-1024 */
    .hero-title { font-size:2.5rem; }
}

/* ===== SMALL LAPTOPS (769-1024px) ===== */
@media (min-width:769px) and (max-width:1024px) {
    :root { --container-width:960px; --section-padding:90px; }
    .navbar-menu { gap:1.5rem; }
    .grid-3 { grid-template-columns:repeat(2,1fr); }
    .grid-4 { grid-template-columns:repeat(2,1fr); }
}

/* ===== LARGE (1025-1440px) ===== */
@media (min-width:1025px) and (max-width:1440px) {
    :root { --container-width:1140px; }
}

/* ===== XL (1441px+) ===== */
@media (min-width:1441px) {
    :root { --container-width:1320px; --section-padding:130px; }
    h1 { font-size:5rem; }
    h2 { font-size:3.75rem; }
    .hero { min-height:850px; }
}

/* ===== LANDSCAPE MOBILE ===== */
@media (max-width:896px) and (orientation:landscape) {
    .hero { min-height:450px; }
    .page-hero { min-height:280px; }
    .section { padding:50px 0; }
}

/* ===== TOUCH DEVICES ===== */
@media (hover:none) and (pointer:coarse) {
    .btn { min-height:48px; }
    .navbar-link { min-height:48px; }
    .card:hover { transform:translateY(-6px); box-shadow:0 12px 40px rgba(0,0,0,.15); }
    * { -webkit-tap-highlight-color:rgba(62,173,168,.15); }
}

/* ===== HIGH CONTRAST ===== */
@media (prefers-contrast:high) {
    :root { --primary-green:#1a3d27; --primary-blue:#0d3a5c; --charcoal:#000; }
    .btn-primary { border:2px solid var(--charcoal); }
}

/* ===== iOS FIXES ===== */
@supports (-webkit-touch-callout:none) {
    input,textarea { font-size:16px !important; }
}

/* ===== ORIENTATION ===== */
@media (orientation:portrait) { .hero { min-height:100vh; } }
@media (orientation:landscape) and (max-width:896px) { .hero { min-height:65vh; } }