/* NIGHT2ASIA — VIEW MOBILE OVERRIDE LAYER
   Existing view.css remains untouched in STEP 1. */
@media (max-width: 1040px) {
    /* VIEW mobile-only overrides start here in later steps */
}

/* STEP 34 — VIEW mobile containment guard. */
@media (max-width: 1040px) {
  .business-detail,.bp-detail,.bp-layout,.bp-hero,.bp-hero-shell,.bp-hero-main,.bp-main-grid,.bp-media,.bp-photos,.bp-videos,.bp-meta-strip,.bp-meta-quad,.bp-contact-list,.bp-course,.bp-bottom-grid,.bp-consolidated-bottom,.content-block,.mixed-media-block,.mixed-media-row,.amenity-view-grid,.location-map-layout,.google-reviews-panel,.member-comments-block,.n2a-business-magazine-grid,.n2a-related-grid{
    min-width:0;max-width:100%;box-sizing:border-box;
  }
  .business-detail img,.business-detail picture,.business-detail video,.business-detail iframe,.bp-detail img,.bp-detail video,.bp-detail iframe{max-width:100%;}
  .business-detail h1,.business-detail h2,.business-detail h3,.business-detail p,.business-detail a,.business-detail strong,.business-detail span,.bp-detail h1,.bp-detail h2,.bp-detail h3,.bp-detail p,.bp-detail a,.bp-detail strong,.bp-detail span{overflow-wrap:anywhere;}
  .bp-contact-value,.bp-meta-copy,.member-comment-main,.n2a-business-magazine-copy{min-width:0;}
}


/* STEP 44 — VIEW six-language/mobile flow final fit. */
@media (max-width: 1040px) {
  .business-detail,
  .bp-detail,
  .bp-layout,
  .bp-main-grid,
  .content-block,
  .member-comments-block {
    width: 100%;
    min-width: 0;
  }

  .bp-contact-list,
  .bp-meta-quad,
  .bp-bottom-grid,
  .amenity-view-grid {
    min-width: 0;
  }

  html[lang="th"] .business-detail a,
  html[lang="vi"] .business-detail a,
  html[lang="ja"] .business-detail a,
  html[lang="zh"] .business-detail a,
  html[lang="th"] .bp-detail a,
  html[lang="vi"] .bp-detail a,
  html[lang="ja"] .bp-detail a,
  html[lang="zh"] .bp-detail a {
    word-break: normal;
    overflow-wrap: break-word;
  }
}


/* STEP 45 — final VIEW mobile regression guard. */
@media (max-width: 1040px) {
  .business-detail, .bp-detail { overflow-x: clip; }
  .business-detail input, .business-detail select, .business-detail textarea,
  .bp-detail input, .bp-detail select, .bp-detail textarea { max-width: 100%; box-sizing: border-box; }
}

/* STAGE 20 — benefit rows merged: approved CTA border retained, Mention copy moved into it (2026-08-30). */
@media (max-width: 700px) {
  /* Approved CTA border retained; the Mention instruction now occupies this single row. */
  .page-view .bp-mobile-benefit-claim {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-height:42px;
    margin-top:9px;
    padding:10px 14px;
    box-sizing:border-box;
    border:1px solid rgba(237,188,54,.72);
    border-radius:10px;
    background:linear-gradient(180deg,rgba(88,62,13,.72),rgba(42,27,4,.86));
    box-shadow:inset 0 1px rgba(255,239,166,.12),0 0 0 1px rgba(223,164,25,.08),0 0 12px rgba(223,164,25,.12);
    color:#f7d575;
    font-size:11.4px;
    font-weight:900;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    letter-spacing:.01em;
    animation:none;
  }
  .page-view .bp-mobile-benefit-claim b {
    flex:0 0 auto;
    font-size:14px;
    line-height:1;
  }

  .page-view .bp-mobile-benefit-claim-static {
    cursor:default;
  }
  @keyframes n2aBenefitClaimGlow {
    0%,100% { box-shadow:inset 0 1px rgba(255,239,166,.12),0 0 0 1px rgba(223,164,25,.08),0 0 10px rgba(223,164,25,.10); }
    50% { box-shadow:inset 0 1px rgba(255,239,166,.18),0 0 0 1px rgba(237,188,54,.18),0 0 17px rgba(223,164,25,.24); }
  }

  /* Seven amenities: 3 + 2 + 2 instead of a lone centered final tile. */
  .page-view .bp-amenities .amenity-view-grid.count-7 {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  .page-view .bp-amenities .amenity-view-grid.count-7 > .amenity-view-item:nth-child(-n+3) {
    grid-column:span 2!important;
  }
  .page-view .bp-amenities .amenity-view-grid.count-7 > .amenity-view-item:nth-child(n+4) {
    grid-column:span 3!important;
  }

  /* Course descriptions must remain complete; no mobile ellipsis/clamp. */
  .page-view .bp-course .course-list p {
    display:block!important;
    -webkit-box-orient:initial!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
  }
}

@media (max-width: 700px) and (prefers-reduced-motion: reduce) {
  .page-view .bp-mobile-benefit-claim { animation:none; }
}