/* ChipXpert — phone polish for the student site (14 Sep 2026).
   Loaded after custom.css from includes_top.php; removing that one <link> undoes all of it. */

/* WhatsApp bubble: stay below modals/menus, never cover a form's last button */
.wa-float { z-index: 1020 !important; right: 16px !important; bottom: calc(16px + env(safe-area-inset-bottom)) !important; }
body.modal-open .wa-float, body.offcanvas-open .wa-float { display: none !important; }

@media (max-width: 767.98px) {
  /* The phone/email/social strip costs ~100px of every screen; WhatsApp + footer carry contact on phones */
  .sub-header { display: none; }

  /* Login / sign-up: form straight away */
  .sign-up.my-5.pt-5 { margin-top: 1rem !important; padding-top: .5rem !important; }
  .sing-up-right { margin-top: 0 !important; }

  /* Courses list: the sort box pushed the page 2px wide */
  .list-card-control { flex-wrap: wrap; gap: 8px; }
  .list-card-control .select-box { max-width: 100%; margin-left: 0 !important; }

  /* Cookie notice: a compact bar instead of half the screen */
  .cookieConsentContainer { left: 8px !important; right: 8px !important; bottom: 8px !important; width: auto !important;
    max-width: none !important; padding: 12px 14px !important; font-size: 13px !important; border-radius: 10px; }
  .cookieConsentContainer * { font-size: 13px !important; }

  /* Mobile menu: leave a strip of page visible to tap away */
  #offcanvasWithBothOptions { width: min(320px, 86vw); }

  .wa-float .wa-btn { width: 48px !important; height: 48px !important; }
  .wa-float .wa-btn svg { width: 26px !important; height: 26px !important; }
}

@media (max-width: 575.98px) {
  /* iOS zooms into any field under 16px and leaves the page zoomed */
  input.form-control, select.form-select, textarea.form-control,
  .form-control-sm, .form-select-sm, input.text-14px, textarea.text-14px { font-size: 16px !important; }
  table { max-width: 100%; }
}