/* ==========================================================================
   Guardian Intel — Mobile & tablet optimizations (loaded last).
   Supplements the template's responsive.css. Desktop (>991px) is untouched.
   ========================================================================== */

/* ---- Tablets & iPads in portrait (<= 991px) ---- */
@media (max-width: 991px) {
    /* Guard against accidental horizontal scrolling. `clip` (not `hidden`)
       is used deliberately: hidden on html/body clamps page height and breaks
       vertical scrolling on mobile, whereas clip does not create a scroll box. */
    body { overflow-x: clip; }

    /* Right-size the custom-nav logo so the header isn't oversized */
    .sr-logo img { height: 46px; }
    .sr-header.sticky .sr-logo img { height: 42px; }

    /* Mobile dropdown menu: sit flush under the bar, with a soft shadow */
    .sr-menu { box-shadow: 0 10px 24px rgba(0,0,0,.10); }
    .sr-menu ul li a { font-size: 16px; }

    /* Keep the "Work With Us" button on one line beside the toggle */
    .sr-btn { white-space: nowrap; }
}

/* ---- Phones (<= 767px) ---- */
@media (max-width: 767px) {
    .sr-logo img { height: 44px; }

    /* 16px inputs stop iOS Safari from auto-zooming when a field is focused */
    input, select, textarea { font-size: 16px !important; }

    /* Comfortable tap target for the header CTA */
    .sr-btn { padding: 9px 16px; }

    /* Footer columns breathe when stacked */
    footer .footer-wedget-one,
    footer .footer-widget-menu,
    footer .footer-wedget-four { margin-bottom: 28px; }
}