/* Noble Transfer - mobile overflow and sticky-icon fix (12 Nov 2026)
   Mobile only. Desktop is unchanged. Loaded from pages/blocks/head.php.
   Selectors for .contact-sticky are more specific than the inner-page
   rule in style_new.min.css (`.contact-sticky{top:21%!important}`), so
   this file can stay in <head> and still win. */
@media (max-width: 767px) {
  .page_banner1,
  .page_banner1 .container,
  .page_banner1_text,
  .page_banner1 .row,
  .page_banner1 .col-md-7,
  .page_banner1 .col-md-5,
  .page_banner1 .col-sm-12,
  .banner_title,
  .form_booking,
  .form_tab1,
  .nt-ap,
  .nt-ap .container,
  .nt-ap-sec,
  .nt-ap-sum,
  .nt-ap-tablewrap,
  .nt-ap-table {
    max-width: 100%;
    box-sizing: border-box;
  }

  .banner_title h1 {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    hyphens: auto;
    box-sizing: border-box;
  }

  .nt-ap-sum,
  .nt-ap-sum p,
  .nt-ap-table th,
  .nt-ap-table td {
    overflow-wrap: anywhere;
    word-wrap: break-word;
    word-break: break-word;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Win over the existing 767px rule that sets overflow:visible on .nt-ap-tablewrap */
  .nt-ap-tablewrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .nt-ap-table {
    table-layout: fixed;
  }

  /* Move the WhatsApp / Telegram / email buttons to the bottom-right on small
     screens so they no longer sit on top of the H1 and the booking form.
     Desktop position is left as it is.
     Higher specificity beats style_new.min.css `.contact-sticky{top:21%!important}`. */
  .mainpage .contact-sticky,
  div.contact-sticky {
    top: auto !important;
    bottom: 16px !important;
    right: 8px !important;
    left: auto !important;
    height: auto !important;
    max-height: 160px !important;
    width: 40px !important;
    z-index: 40 !important;
  }
  .mainpage .contact-sticky img,
  div.contact-sticky img {
    width: 40px !important;
    height: auto !important;
    max-width: 100%;
  }
}