/*
  Radheshyam Steel Works — responsive.css
  All media queries and mobile breakpoints
*/

/* ── Tablet / Medium (≤ 992px) ── */
@media (max-width: 992px) {
    header {
        background-color: #fff;
        padding: 14px 0;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }

    .logo img { height: 45px; filter: none; }
    header.scrolled .logo img { height: 42px; }

    .mobile-toggle { display: block; color: var(--text-heading); }

    .nav-links {
        display: none;
        position: absolute; top: 100%; left: 0; width: 100%;
        background-color: #fff; flex-direction: column;
        padding: 25px 30px; gap: 18px;
        border-top: 1px solid var(--border);
        box-shadow: 0 10px 20px rgba(0,0,0,0.06);
    }
    .nav-links.active { display: flex; }
    .nav-links a { color: var(--text-heading) !important; font-size: 1.05rem; width: 100%; }

    .hero { padding: 130px 0 70px; text-align: center; min-height: auto; }
    .hero h1 { font-size: 2.4rem; }
    .hero p { margin: 0 auto 35px; }
    .hero-content { margin: 0 auto; }
    .nav-cta { justify-content: center; }

    .d-none-mobile { display: none !important; }

    .service-row { grid-template-columns: 1fr; gap: 35px; }
    .service-row:nth-child(even) { direction: ltr; }

    .cards-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
}

/* ── Mobile (≤ 768px) ── */
@media (max-width: 768px) {
    :root { --section-padding: 70px 0; }

    .owner-grid, .contact-wrapper {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .owner-grid { padding: 30px; }

    .stats-grid { grid-template-columns: repeat(2, 1fr); }

    .page-header { padding: 120px 0 60px; }
    .page-header h1 { font-size: 2.4rem; }

    .custom-cta-block { padding: 35px 25px; }
    .contact-wrapper { grid-template-columns: 1fr; }

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

    .cards-grid { grid-template-columns: 1fr; }
    .gallery-grid { grid-template-columns: repeat(2, 1fr); }

    .hero h1 { font-size: 2rem; }
    .hero-tag { font-size: 0.78rem; }

    /* Quote calculator responsive */
    .quote-calc-grid { grid-template-columns: 1fr !important; }

    /* Sticky mobile CTA — show on mobile only */
    .sticky-mobile-cta { display: grid; }
    /* Push footer up so it's not hidden by sticky bar */
    body { padding-bottom: 56px; }
}

/* ── Small mobile (≤ 480px) ── */
@media (max-width: 480px) {
    .tabs-container { gap: 8px; }
    .tab-btn { padding: 8px 14px; font-size: 0.82rem; }

    .page-header h1 { font-size: 2rem; }

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

/* ── Desktop — Hide sticky mobile CTA ── */
@media (min-width: 769px) {
    .sticky-mobile-cta { display: none !important; }
}