/* Glass V1 mobile QA fixes — narrow, additive overrides.
   No protected HTML, copy, animations, desktop layout or production settings changed. */

/* Al-Barq: decorative 700px glow was inadvertently pulled into document flow by
   the shared legacy rule for every hero child. Keep the visual, not its layout box. */
.v13-legacy main .case-hero > .case-hero-glow[aria-hidden="true"] {
  position: absolute !important;
  pointer-events: none;
}

/* Three modern header pages must not push the hamburger outside a 320px screen.
   Preserve the desktop/tablet header and the primary action in page content. */
@media (max-width:359px) {
  .site-header .header-cta { display:none !important; }
  .site-header .header-row {
    margin-inline:12px;
    gap:8px;
    justify-content:space-between;
    min-width:0;
  }
  .site-header .brand { min-width:0;max-width:calc(100% - 60px); }
  .site-header .nav-toggle {
    flex:0 0 44px;
    width:44px;
    min-width:44px;
    min-height:44px;
    padding:8px;
  }
}

/* A readable card view for 2–4 column Wix article tables, applied only when
   progressive enhancement added the class and accessible column labels. */
@media (max-width:620px) {
  .blog-page .blog-table-scroll.blog-table-cards {
    overflow:visible;
    border:0;
    box-shadow:none;
    background:transparent;
    border-radius:0;
    margin-block:22px 28px;
    scrollbar-width:none;
  }
  .blog-page .blog-table-cards :is(table,tbody) {
    display:block;
    min-width:0 !important;
    width:100% !important;
    border-collapse:separate;
  }
  .blog-page .blog-table-cards tr:not(:first-child) {
    display:block;
    margin:0 0 12px;
    padding:8px 12px;
    border:1px solid #cfdef1;
    border-radius:14px;
    box-shadow:0 9px 25px rgba(18,72,141,.07);
    background:#fff !important;
    overflow-wrap:anywhere;
  }
  /* Visually hide column-heading row, retaining it in the accessibility tree. */
  .blog-page .blog-table-cards tr:first-child {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    overflow:hidden !important;
    clip-path:inset(50%);
    white-space:nowrap;
  }
  .blog-page .blog-table-cards tr:not(:first-child) td {
    display:grid;
    grid-template-columns:minmax(72px,36%) minmax(0,1fr);
    align-items:start;
    gap:10px;
    padding:10px 0;
    width:100% !important;
    min-width:0 !important;
    border:0;
    border-bottom:1px solid #e4edf9;
    overflow-wrap:anywhere;
    font-size:13px;
    line-height:1.85;
    background:transparent;
  }
  .blog-page .blog-table-cards tr:not(:first-child) td:last-child { border-bottom:0; }
  .blog-page .blog-table-cards tr:not(:first-child) td::before {
    content:attr(data-column);
    display:block;
    min-width:0;
    font-weight:800;
    color:#174985;
    font-size:12px;
    line-height:1.8;
  }
  .blog-page .blog-table-cards td p {
    margin:0;
    min-width:0;
    overflow-wrap:anywhere;
  }
  /* Larger touch targets without altering the approved Glass layout language. */
  .v13-legacy main .v9-arrow,
  .v13-legacy main .svc-card > a,
  .v13-legacy main .case-inline-link,
  .v13-legacy main .fc-card .fc-details,
  body:not(.v13-legacy) main a.text-link {
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding-block:7px;
  }
  .blog-page .blog-backtop {
    width:44px;
    height:44px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .v13-legacy main .case-hero > .case-hero-glow[aria-hidden="true"] {
    animation:none !important;
  }
}