/* Arabians Studio v21 — Self Drive Figma geometry patch.
 * Scope: /self-drive-desert-safari-dubai/ only.
 * Reference nodes: booking 142:630, booking support 142:1741,
 * Figma file G4K0BFItr6Vl75D9rNTmYO.
 * Based on QA-tested Morning v20 form geometry; other service pages unaffected.
 */
/* v2.0 — Figma node 135:5114 (booking) and node 135:5354 (support).
   Morning-only isolation: do not change generic .enquiry-layout or support styles.
   The earlier card border on .enquiry-layout caused the visible giant outline,
   and v19 hid the image layer that paints the golden desert waves. */
body.page-self-drive-desert-safari-dubai .booking-section .source-enquiry-layout {
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}
/* Image URL comes from the WordPress-rewritten HTML asset src. Unlike relative
   stylesheet URLs this works with the WP theme in a subdirectory and previews. */
body.page-self-drive-desert-safari-dubai .booking-section.arabians-section-index-3 {
  position:relative;
  isolation:isolate;
  background-color:#fef9f3 !important;
  background-image:none !important;
  background-repeat:no-repeat;
  overflow:hidden !important;
}
body.page-self-drive-desert-safari-dubai .booking-section .source-enquiry-layout>.source-enquiry-layer {
  display:block !important;
  position:absolute !important;
  top:calc(-100 * var(--figma-unit));
  left:calc((100% - 100vw)/2);
  width:100vw !important;
  height:calc(100% + 200 * var(--figma-unit)) !important;
  aspect-ratio:auto !important;
  max-height:none !important;
  z-index:0;
  pointer-events:none;
  border-radius:0;
  overflow:hidden;
}
body.page-self-drive-desert-safari-dubai .booking-section .source-enquiry-layer .image-crop {position:absolute;inset:0;}
body.page-self-drive-desert-safari-dubai .booking-section .source-enquiry-layer img {
  display:block !important;
  position:absolute !important;
  left:0 !important;top:0 !important;
  width:100% !important;height:100% !important;
  max-width:none !important;
  object-fit:fill !important;
}
body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy,
body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry {
  position:relative;
  z-index:1;
}
/* Desktop form: Figma 1920 x 830 section, 705+123+892 grid.
   Form at (928,100) w892 h630; copy at (100,213) w705 h404. */
@media(min-width:1200px) {
 body.page-self-drive-desert-safari-dubai main>.booking-section.arabians-section-index-3 {
   min-height:calc(830 * var(--figma-unit)) !important;
   padding:calc(100 * var(--figma-unit)) 0 !important;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .source-enquiry-layout {
   display:grid;
   grid-template-columns:minmax(0,705fr) minmax(0,892fr);
   gap:calc(123 * var(--figma-unit));
   align-items:center;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy {
   display:flex;
   flex-direction:column;
   justify-content:flex-start;
   align-self:center;
   gap:0 !important;
   min-height:0;
   padding:0 !important;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy .section-heading {
   display:flex;
   flex-direction:column;
   gap:calc(16 * var(--figma-unit));
   margin:0;
   max-width:none;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy h2 {
   font-size:calc(48 * var(--figma-unit));
   line-height:1.2;
   max-width:calc(586 * var(--figma-unit));
   margin:0;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy .section-heading>p {
   font-size:calc(25 * var(--figma-unit));
   line-height:1.4;
   max-width:calc(705 * var(--figma-unit));
   margin:0;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy .actions {
   width:calc(664 * var(--figma-unit));
   max-width:100%;
   justify-content:flex-start;
   margin-top:calc(68 * var(--figma-unit)) !important;
   gap:calc(16 * var(--figma-unit));
   flex-wrap:nowrap;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry {
   width:100%;
   min-height:calc(630 * var(--figma-unit));
   align-self:center;
   padding:calc(20 * var(--figma-unit)) !important;
   display:flex;
   flex-direction:column;
   gap:calc(24 * var(--figma-unit)) !important;
   border-radius:calc(8 * var(--figma-unit));
   box-shadow:none;
   background:#fef9f3;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry .form-grid {
   display:grid;
   grid-template-columns:minmax(0,1fr) minmax(0,1fr);
   gap:calc(20 * var(--figma-unit));
 }
 body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry .form-grid label {
   font-size:calc(20 * var(--figma-unit));
   line-height:1.4;
   gap:calc(12 * var(--figma-unit));
   font-weight:400;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry :is(input,select,textarea) {
   height:calc(70 * var(--figma-unit));
   min-height:0;
   padding:calc(20 * var(--figma-unit));
   border-radius:calc(8 * var(--figma-unit));
   font-size:calc(20 * var(--figma-unit));
   background:#fff;
   margin:0;
   line-height:1.4;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry .source-enquiry-submit {
   min-height:calc(64 * var(--figma-unit));
   margin-top:0 !important;
   padding:calc(12 * var(--figma-unit));
   font-size:calc(24 * var(--figma-unit));
 }
 /* Support: Figma 1927x816 frame; image 812x588; content 906x500.
    Heading->first paragraph 43px; second paragraph 26px; buttons 81px later. */
 body.page-self-drive-desert-safari-dubai main>.support-section.arabians-section-index-8 {
   min-height:calc(816 * var(--figma-unit)) !important;
   padding:calc(114 * var(--figma-unit)) 0 !important;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layout {
   grid-template-columns:minmax(0,812fr) minmax(0,906fr);
   gap:calc(49 * var(--figma-unit));
   align-items:center;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layout>.original-image:not(.source-support-layer) {
   width:100%;
   height:calc(588 * var(--figma-unit));
   aspect-ratio:auto !important;
   max-height:none;
   border-radius:calc(20 * var(--figma-unit));
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy {
   align-self:center;
   min-height:0;
   display:block;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy .section-heading {
   display:flex;
   flex-direction:column;
   gap:calc(14 * var(--figma-unit));
   margin:0 0 calc(43 * var(--figma-unit)) !important;
   max-width:100%;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy .eyebrow {
   font-size:calc(24 * var(--figma-unit)) !important;
   line-height:1.4;
   letter-spacing:calc(1.92 * var(--figma-unit));
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy h2 {
   font-size:calc(48 * var(--figma-unit));
   line-height:1.2;
   margin:0;
   max-width:none;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy>p {
   font-size:calc(25 * var(--figma-unit));
   line-height:1.2;
   margin:0;
   max-width:calc(762 * var(--figma-unit));
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy>p:first-of-type {
   margin-bottom:calc(26 * var(--figma-unit));
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy .actions {
   justify-content:flex-start;
   flex-wrap:nowrap;
   gap:calc(16 * var(--figma-unit));
   margin-top:calc(81 * var(--figma-unit)) !important;
 }
 /* Figma action widths: 340 + 16 gap + 308. */
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy .actions .button:first-child,
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy .actions .button:first-child {
   flex:0 0 calc(340 * var(--figma-unit));
   width:calc(340 * var(--figma-unit));
 }
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy .actions .button:last-child,
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy .actions .button:last-child {
   flex:0 0 calc(308 * var(--figma-unit));
   width:calc(308 * var(--figma-unit));
 }
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy .actions .button,
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy .actions .button {
   min-height:calc(64 * var(--figma-unit));
   font-size:calc(20 * var(--figma-unit));
   padding:calc(12 * var(--figma-unit));
   white-space:nowrap;
   border-radius:calc(8 * var(--figma-unit));
 }
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy .actions .button:first-child::after,
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy .actions .button:first-child::after {
   content:'→';font-size:1.35em;margin-left:calc(14 * var(--figma-unit));line-height:1;
 }
}
/* Tablet/phone: leave the previously QA'd responsive stack intact; remove only
   the phantom outline and display the same wave underneath both columns. */
@media(max-width:1199px) {
 body.page-self-drive-desert-safari-dubai .booking-section .source-enquiry-layout>.source-enquiry-layer {
   top:-45px;
   height:calc(100% + 90px) !important;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy .actions,
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy .actions {
   position:relative;
   z-index:1;
 }
}

/* SELF DRIVE booking support is intentionally MIRRORED vs Morning:
   Figma image at right (x1030), 906px copy at left (x76).
   The Gutenberg markup keeps the source image before copy, so visual CSS order
   changes the desktop layout without changing the DOM or its editable content. */
@media (min-width:1200px) {
 body.page-self-drive-desert-safari-dubai main>.support-section.arabians-section-index-8 {
   padding:calc(114 * var(--figma-unit)) 0 !important;
   min-height:calc(816 * var(--figma-unit)) !important;
   margin-top:calc(-40 * var(--figma-unit)) !important;
   background:#fffdf8;
   overflow:hidden !important;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8>.container {
   width:min(calc(1767 * var(--figma-unit)),calc(100% - 7.916667vw));
   max-width:none;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layout {
   grid-template-columns:minmax(0,906fr) minmax(0,812fr) !important;
   gap:calc(49 * var(--figma-unit));
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy {
   order:1;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layout>.original-image:not(.source-support-layer) {
   order:2;
   justify-self:end;
   height:calc(588 * var(--figma-unit));
   width:100%;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy>p {
   max-width:calc(762 * var(--figma-unit));
 }
}
/* Source background is a distinct decorative image spanning the section. */
body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layer {
  order:0;
  pointer-events:none;
}
@media (min-width:768px) and (max-width:1199px) {
 body.page-self-drive-desert-safari-dubai main>.booking-section.arabians-section-index-3,
 body.page-self-drive-desert-safari-dubai main>.support-section.arabians-section-index-8 {
   height:auto !important;
   min-height:0 !important;
   overflow:visible !important;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layout {
   grid-template-columns:minmax(0,1fr) minmax(0,1fr);
   gap:28px;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy {order:1;}
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layout>.original-image:not(.source-support-layer) {order:2;width:100%;height:auto;aspect-ratio:812/588 !important;}
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy .actions {margin-top:28px !important;flex-wrap:wrap;}
 body.page-self-drive-desert-safari-dubai .booking-section .source-enquiry-layout {min-width:0;}
 body.page-self-drive-desert-safari-dubai .booking-section :is(.enquiry-copy,.inline-enquiry) {min-width:0;}
}
@media(max-width:767px) {
 body.page-self-drive-desert-safari-dubai main>.booking-section.arabians-section-index-3,
 body.page-self-drive-desert-safari-dubai main>.support-section.arabians-section-index-8 {height:auto !important;min-height:0 !important;overflow:hidden !important;}
 body.page-self-drive-desert-safari-dubai .booking-section .source-enquiry-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;}
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy,
 body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry {width:100%;max-width:100%;min-width:0;}
 body.page-self-drive-desert-safari-dubai .booking-section .form-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 body.page-self-drive-desert-safari-dubai .booking-section :is(input,select,textarea) {width:100%;min-width:0;}
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy .actions {flex-wrap:wrap;gap:8px;}
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy .actions>* {min-width:0;}
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;}
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy {order:1;min-width:0;}
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layout>.original-image:not(.source-support-layer) {order:2;width:100%;height:auto;aspect-ratio:812/588 !important;}
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy .actions {margin-top:22px !important;flex-wrap:wrap;gap:10px;}
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-copy>p {max-width:100%;}
}
@media(max-width:0.5px) /* v38: was max-width:390px) - disabled, page is scaled below 444px */{body.page-self-drive-desert-safari-dubai .booking-section .form-grid{grid-template-columns:minmax(0,1fr);}}
/* Tablet/phone readability. At 900px the old 2-column frame made the left
   text column as tall as the long, single-column form. Stack the copy instead. */
@media (min-width:768px) and (max-width:1024px) {
 body.page-self-drive-desert-safari-dubai .booking-section .source-enquiry-layout {
   grid-template-columns:minmax(0,1fr) !important;
   gap:32px;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry .form-grid {
   grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy,
 body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry {
   align-self:stretch;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .enquiry-copy .actions {
   margin-top:24px;
 }
}
@media(min-width:768px) and (max-width:900px) {
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layout {
   grid-template-columns:minmax(0,1fr);
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layout>.original-image:not(.source-support-layer) {
   max-width:100%;
 }
}
@media(max-width:600px) {
 body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry .form-grid,
 body.page-self-drive-desert-safari-dubai .booking-section .form-grid {
   grid-template-columns:minmax(0,1fr) !important;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry textarea {
   height:88px !important;
   min-height:88px !important;
   resize:vertical;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .inline-enquiry {
   padding:16px !important;
 }
 body.page-self-drive-desert-safari-dubai .booking-section .form-grid label {
   min-width:0;
 }
 body.page-self-drive-desert-safari-dubai .booking-section :is(input,select,textarea) {
   width:100%;
   max-width:100%;
   text-overflow:ellipsis;
 }
 /* Local section background fallback. The page markup's Figma decorative
    layer can be clipped by the tall stack; this shows its wave at the bottom. */
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 {
   background:#fffdf8 url('../../assets/6baddef84e22a7d7888007985204e05002cc1819.webp') center bottom / 100% 100% no-repeat;
 }
 body.page-self-drive-desert-safari-dubai .support-section.arabians-section-index-8 .source-support-layer {
   display:none;
 }
}