/* Task 9802. Applies ONLY to the framed widget document (body.kohi-widget), which exists only in
   /widget/index.html. The summer26 lander is a different document with a different body, so none
   of this reaches it. Purpose: the quote section on rent.kohicampers.co.nz is already one grey
   surface (#f4f4f2, the same --kc-offwhite this page's body uses), so the white card and the
   inset padding that the lander layout wants are dropped here. Nothing sets a height. */
body.kohi-widget .wrap{padding:0;gap:0}
body.kohi-widget #quote.panel{background:transparent;border-radius:0}
body.kohi-widget #quote .fbody{padding:0}

/* Task 9861. Opt-in centred layout, active only when embed-child.js has set html.kc-centered (frame loaded
   with ?layout=centered, which only /booking-check-availability/ does). The home page's frame has no such
   parameter, so its "Get a quote" column is untouched. The intro column goes, and the form card becomes the
   single centred element at a readable measure. width:100% with a max-width and auto side margins, rather
   than margin:auto alone, so the card still fills the row on a phone where .fbody is a column flexbox
   (auto margins in a column flexbox switch off stretch and would shrink the card to its content). */
html.kc-centered body.kohi-widget .fintro{display:none}
html.kc-centered body.kohi-widget #quote .fbody{justify-content:center}
html.kc-centered body.kohi-widget #quote .fmain{flex:0 1 auto;width:100%;max-width:960px;margin-left:auto;margin-right:auto}

/* Task 9877. "Back to the calendar" is the only way out of the manual-dates view, so it is a real
   outline button (the same .btn-outline the step-level Back uses), placed directly under the sentence
   that tells the visitor they are in manual entry, rather than a 14px underlined link at the far right
   of the row where the eye is not. Widget document only: scoped to body.kohi-widget. */
body.kohi-widget .anyhead{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}
body.kohi-widget .anyhead>div{flex:0 0 auto}
body.kohi-widget #backCal{padding:10px 24px;min-height:48px}
@media (max-width:640px){
  body.kohi-widget #backCal{align-self:stretch}
}