/* Mobile UI pass (2026-10-24). Mobile-only (max-width: 767.98px) except where noted. Remove the <link> in layouts/header.blade.php to revert. */
@media (max-width: 767.98px) {
  /* 6. no sideways wiggle (clip keeps the sticky header working, unlike hidden) */
  html, body { overflow-x: clip; }

  /* 5. slimmer sticky header */
  .ld-header-section { padding-top: 6px !important; padding-bottom: 6px !important; }
  .ld-header-logo img { max-height: 46px !important; width: auto !important; }

  /* 8. readable hero eyebrow */
  .hero-eyebrow, .hero-eyebrow span { font-size: 12.5px !important; }

  /* 2. homepage — shorter */
  .homepage-service-card { padding: 18px !important; }
  .homepage-service-card-icon { width: 44px !important; height: 44px !important; margin-bottom: 10px !important; }
  .homepage-services-section .row.rg-24 { row-gap: 12px !important; }

  .tsv-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .tsv-card { padding: 14px 12px !important; flex-direction: column !important; gap: 8px !important; }
  .tsv-card h3 { font-size: 15px !important; line-height: 1.4 !important; margin-bottom: 4px !important; }
  .tsv-card p { font-size: 12.5px !important; line-height: 1.5 !important; margin-bottom: 8px !important; }
  .tsv-card .tsv-ico { width: 36px !important; height: 36px !important; }
  .tsv-card .tsv-btn { padding: 6px 12px !important; font-size: 13px !important; }
  .tsv-card .tsv-badge { font-size: 10.5px !important; }

  .howWork-stepWrap .row > div { flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 0 !important; }
  .howWork-item { display: flex !important; align-items: flex-start !important; gap: 12px !important; text-align: start !important; padding: 8px 0 !important; }
  .howWork-item .noWrap { flex: 0 0 auto !important; margin: 0 !important; }
  .howWork-item .noWrap .bar { display: none !important; }
  .howWork-item .no { width: 40px !important; height: 40px !important; line-height: 40px !important; font-size: 15px !important; margin: 0 !important; }
  .howWork-item .title { font-size: 16px !important; margin-bottom: 2px !important; }
  .howWork-item .info { font-size: 13.5px !important; margin: 0 !important; }

  .homepage-why-choose-us .choose-items-wrap .row > div { flex: 0 0 50% !important; max-width: 50% !important; }
  .homepage-why-choose-us .choose-item { padding: 16px 10px !important; }
  .homepage-why-choose-us .choose-item .title { font-size: 26px !important; }
  .homepage-why-choose-us .choose-item .info { font-size: 13px !important; }
  .homepage-why-choose-us .choose-item .icon { margin-bottom: 8px !important; }

  .zAccordion-two.mui-collapsed .accordion-item:nth-child(n+6) { display: none !important; }
  .mui-faq-more { display: block; margin: 16px auto 0; padding: 10px 22px; border-radius: 999px; border: 1px solid currentColor; background: transparent; color: var(--brand-primary, #2f5aa8); font-weight: 600; min-height: 44px; }

  .blog-grid > .blog-card:nth-child(n+4) { display: none !important; }

  /* 3. visa hub — 2 countries per row */
  .visa-country-card { padding: 14px 10px !important; }
  .row > [class*="col"]:has(> .visa-country-card) { flex: 0 0 50% !important; max-width: 50% !important; }
  .visa-country-card-flag img { width: 34px !important; height: auto !important; }
  .visa-country-card-name { font-size: 15px !important; margin: 8px 0 !important; }
  .visa-country-card-actions { flex-direction: column !important; gap: 6px !important; }
  .visa-country-card-link { font-size: 12.5px !important; justify-content: center !important; min-height: 36px; }

  /* 1. visa service page — content (H1) first, application form after it */
  .visa-main-content { order: 1 !important; }
  .row > [class*="col"]:has(> .visa-application-sidebar) { order: 2 !important; }

  /* 10. blog article — title before the cover image */
  .blog-details-content .textBlock-wrap > .text-content { display: flex; flex-direction: column; }
  .blog-details-content .textBlock-wrap > .text-content > * { order: 5; }
  .blog-details-content .textBlock-wrap > .text-content > .breadcrumb { order: 1; }
  .blog-details-content .textBlock-wrap > .text-content > h1 { order: 2; }
  .blog-details-content .textBlock-wrap > .text-content > .blog-meta-row { order: 3; }
  .blog-details-content .textBlock-wrap > .text-content > .imgBlock { order: 4; margin-top: 12px; }

  /* 7. bigger tap targets */
  .footer-menu a, footer ul li a { display: inline-block; padding: 9px 0; min-height: 40px; }
  .mobile-drawer-close { min-width: 44px !important; min-height: 44px !important; }

  /* 4. sticky bottom bar (built by mobile-ui.js on visa / study / university pages) */
  .mui-sticky-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040; display: flex; gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -6px 18px rgba(18, 29, 53, .10); }
  .mui-sticky-bar a { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 46px; border-radius: 10px; font-weight: 700; font-size: 15px; text-decoration: none; }
  .mui-sticky-bar .mui-primary { background: var(--brand-primary, #2f5aa8); color: #fff; }
  .mui-sticky-bar .mui-wa { flex: 0 0 auto; padding: 0 16px; background: #25d366; color: #fff; }
  body.mui-has-bar { padding-bottom: 76px; }
  body.mui-has-bar .whatsapp-float { display: none !important; }

  /* 9. WhatsApp bubble: higher, and out of the way while typing */
  .whatsapp-float { bottom: 22px !important; }
  body.mui-typing .whatsapp-float { opacity: 0 !important; pointer-events: none !important; }
}
@media (max-width: 767.98px) {
  /* round 2 fixes */
  .ld-header-wrap .row { min-height: 58px !important; }
  .howWork-item .text-content { padding: 0 !important; }
  .howWork-item .title { line-height: 1.35 !important; }
  .howWork-item .info { line-height: 1.6 !important; }
  .blog-grid > .blog-card:nth-child(n+3) { display: none !important; }
  .blog-card__image { height: 170px !important; overflow: hidden; }
  .blog-card__image img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .visa-country-card-link-primary { display: none !important; }
  .visa-country-card-name { margin: 6px 0 8px !important; }
}
/* Footer bottom row: keep social icons clear of the floating WhatsApp button (all widths) */
.footer-bottomArea { padding-inline-end: 72px; }
@media (max-width: 767.98px) { .footer-bottomArea { padding-inline-end: 0; padding-bottom: 64px; } }