/* Arabians Studio v1.40 mobile fix — service pages, ONLY on screens up to 900px.
 * Desktop/laptop (901px+) is not touched. Roll back: delete this file.
 *
 * 1. FAQ Dubai illustration was squashed (box forced to 404/380, image is 783/1180).
 * 2. Evening + Morning first package card: old CSS "Sharing Tour" badge (layout.css v1.0)
 *    was drawn on top of the real badge -> two overlapping badges. Old one removed.
 * 3. Evening "Booking" block: Check Availability / WhatsApp buttons were hidden under the wave.
 * 4. Package cards (Bus, Self Drive): photo, title, price and list were touching each other;
 *    Self Drive cards 2-4 list rows had no spacing (icons overlapped).
 * 5. (merged into 7)
 * 6. Dune Buggy card buttons: icon was touching the text.
 * 7. Booking forms (all 7 service pages) styled like the Figma 444px form: gold card border,
 *    white 46px fields, large dropdown arrow, 46px buttons above the form, 47px submit button.
 * 8. Desktop: long footer e-mail (booking.arabiandubaisafari@gmail.com, v37) did not fit the narrow
 *    Contact column and pushed the page wider than the screen -> horizontal scrollbar. Footer columns
 *    rebalanced so it fits on one line; on mobile it may wrap.
 * 9. Mobile: page could scroll sideways on staging (440px) -> sideways scrolling blocked.
 * Form texts (labels/placeholders) were changed in the HTML (block-parts + templates), see changelog.
 */
@media (max-width:900px){
  /* 1 */
  html body main .faq-layout>.original-image{aspect-ratio:783/1180!important;max-width:100%!important}

  /* 2 */
  html body.page-evening-desert-safari-dubai #packages .source-package-primary .package-mobile-layout>.package-photo::after,
  html body.page-morning-desert-safari-dubai #packages .source-package-primary .package-mobile-layout>.package-photo::after{content:none!important;display:none!important}

  /* 3 */
  html body main .support-section:has(>.v25-bottom-wave)>.container>.support-layout{position:relative!important;z-index:2!important}

  /* 4 */
  html body main .packages-section .source-has-mobile.source-has-mobile .package-mobile-layout.package-mobile-layout{display:flex!important;flex-direction:column!important;gap:16px!important}
  html body main .packages-section .source-has-mobile.source-has-mobile .package-mobile-layout.package-mobile-layout>.package-body.package-body{display:flex!important;flex-direction:column!important;gap:16px!important}
  html body main .packages-section .source-has-mobile .package-mobile-layout .package-metrics{margin-bottom:0!important}
  html body.page-self-drive-desert-safari-dubai main .packages-section .source-package-card.source-package-card .selfdrive-figma-feature-set.selfdrive-figma-feature-set,
  html body.page-self-drive-desert-safari-dubai main .packages-section .source-package-card.source-package-card .selfdrive-figma-feature-set.selfdrive-figma-feature-set>.feature-list.feature-list{gap:10px!important}

  /* 6 */
  html body.page-dune-buggy-dubai main .packages-section .card-actions>.button{gap:8px!important}

  /* 7 */
  html body main .booking-section .enquiry-copy>.actions{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;margin:8px 0 0!important}
  html body main .booking-section .enquiry-copy>.actions>.button{flex:1 1 0!important;min-width:0!important;min-height:46px!important;height:46px!important;padding:0 8px!important;font-size:15px!important;font-weight:400!important;line-height:1.2!important;border-radius:6px!important;white-space:nowrap!important}
  html body main .booking-section .enquiry-layout.source-enquiry-layout{gap:36px!important}
  html body main .booking-section .enquiry-layout>.enquiry-copy{min-height:0!important;justify-content:flex-start!important}
  html body main .booking-section form.enquiry-form.inline-enquiry.inline-enquiry{border:1px solid #c88a3d!important;border-radius:8px!important;background:#fef9f3!important;padding:15px 14px 12px!important;gap:16px!important;box-shadow:none!important}
  html body main .booking-section form.enquiry-form.inline-enquiry label{font-size:16px!important;font-weight:400!important;line-height:1.5!important;color:#211c17!important;gap:8px!important}
  html body main .booking-section form.enquiry-form.inline-enquiry :is(input,select,textarea){background-color:#fff!important;border:1px solid #c88a3d!important;border-radius:8px!important;font-size:14px!important;color:#211c17!important;padding-left:20px!important;padding-right:20px!important;box-shadow:none!important}
  html body main .booking-section form.enquiry-form.inline-enquiry :is(input,select){height:46px!important;min-height:46px!important;padding-top:0!important;padding-bottom:0!important}
  html body main .booking-section form.enquiry-form.inline-enquiry :is(input,textarea)::placeholder{color:#7a7774!important;opacity:1!important}
  html body main .booking-section form.enquiry-form.inline-enquiry select{-webkit-appearance:none!important;appearance:none!important;height:50px!important;min-height:50px!important;padding-right:52px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23211c17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 20px center!important;background-size:24px 24px!important}
  html body main .booking-section form.enquiry-form.inline-enquiry textarea{height:46px!important;min-height:46px!important;padding-top:12px!important;padding-bottom:12px!important;line-height:20px!important;resize:vertical!important}
  html body main .booking-section form.enquiry-form.inline-enquiry select:has(option[value=""]:checked){color:#7a7774!important}
  html body main .booking-section form.enquiry-form.inline-enquiry select option{color:#211c17}
  html body main .booking-section form.enquiry-form.inline-enquiry input[name=date]{position:relative!important;padding-right:56px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23211c17' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M8 14h1.5M11.25 14h1.5M14.5 14h1.5M8 17h1.5M11.25 17h1.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 20px center!important;background-size:22px 22px!important}
  html body main .booking-section form.enquiry-form.inline-enquiry input[name=date]::-webkit-calendar-picker-indicator{position:absolute;right:14px;width:34px;height:34px;opacity:0;cursor:pointer}
  html body main .booking-section form.enquiry-form.inline-enquiry button[type=submit]{min-height:47px!important;height:47px!important;margin-top:5px!important;font-size:17px!important;font-weight:400!important;border-radius:6px!important;background:#c88a3d!important;border-color:#c88a3d!important;color:#fff!important}
}

/* 9 — mobile safety net: nothing may make the page scroll sideways (seen on staging at 440px). */
@media (max-width:900px){html,body{overflow-x:hidden!important;overflow-x:clip!important}}

/* 8 — all screen sizes */
html body .source-footer .footer-contact .footer-links>a[href^="mailto:"]{white-space:normal!important;min-width:0!important;max-width:100%!important}
html body .source-footer .footer-contact .footer-links>a[href^="mailto:"]>span{min-width:0!important;overflow-wrap:anywhere!important;white-space:normal!important}
html body .source-footer .footer-grid>*{min-width:0}
@media (min-width:901px){
  /* Columns rebalanced (brand column narrower, contact column wider) so the long e-mail fits on one line. */
  html body .source-footer .container.footer-grid{grid-template-columns:1.1fr .78fr .87fr 1fr!important}
  html body .source-footer .footer-contact .footer-links>a[href^="mailto:"]>span{overflow-wrap:normal!important;white-space:nowrap!important}
}