/* Hermes II – "Bestill"-knapp + selvstendig booking-popup for tur-seksjoner.
 * Brukes når [hermes_booking display="button"] står på en side UTEN toppkalenderen
 * (som eksponerer den delte popupen). Da åpner knappen sin egen popup med
 * CityBreak-widgeten (én om gangen => ingen id-kollisjon). På forsiden med
 * kalender brukes i stedet den delte popupen, og denne CSS-en styler bare knappen. */

/* Knapp – matcher sidens egne knapper (gin, firkantet, heltrukket rød). */
.hb-book-btn{background:#c0322a;color:#fff;border:0;border-radius:0;padding:12px 26px;
  font-family:"gin","Georgia",serif;font-weight:500;font-size:15px;line-height:1;cursor:pointer;
  text-transform:none;letter-spacing:normal;white-space:nowrap;display:inline-block}
.hb-book-btn:hover,.hb-book-btn:focus{background:#a52a23;color:#fff}

/* Selvstendig popup (egen klasse så den ikke arver toppkalenderens
   kalender-skjuling). z-index 10000: over sideinnhold, under CityBreaks
   mfp-wizard (~10043). */
.hbx-modal[hidden]{display:none}
.hbx-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:64px 20px 20px;overflow:auto}
.hbx-modal__bg{position:absolute;inset:0;background:rgba(28,43,51,.55);backdrop-filter:blur(2px)}
/* Krem tvilling av CityBreaks egen popup, matcher forsidens popup. */
.hbx-modal__panel{position:relative;background:#f3f1dc;width:min(800px,94vw);max-height:88vh;overflow:auto;
  padding:26px 26px 24px;box-shadow:none;
  font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.hbx-modal__x{position:absolute;top:10px;right:14px;background:none;border:0;font-size:26px;line-height:1;color:#6b7a82;cursor:pointer;padding:4px 8px}
.hbx-modal__x:hover{color:#c0322a}
.hbx-load{color:#6b7a82;text-align:center;padding:46px 10px;font-family:"freight-sans-pro","Arial",sans-serif;font-size:14px}

/* Demp CityBreaks røde "I have a code"-lenke (samme som i kalender.css), både i
   den frittstående popupen og i tur-sidenes innebygde widget. */
.hbx-modal .cb-code, .hbx-modal a.cb-code, .hermes-bf .cb-code, .hermes-bf a.cb-code{
  color:#4a5960 !important;font-weight:400 !important;text-decoration:underline !important; /* var #6b7a82 — 4,43:1, strøk WCAG (25.08) */
}
.hbx-modal .cb-code:hover, .hermes-bf .cb-code:hover{color:#283c8c !important}

/* ---- Button-modus: CityBreaks ene popup (dato+antall -> tid -> kurv) ------- */

/* Skjult vert der button-widgeten rendrer sin knapp (vi auto-klikker den). */
.hb-cb-host{position:fixed;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}

/* Kun en dempet bakgrunn mens CityBreaks ekte popup lastes (ingen spinner). */
.hb-cbload[hidden]{display:none}
.hb-cbload{position:fixed;inset:0;z-index:10020;background:rgba(28,43,51,.35);backdrop-filter:blur(1.5px)}

/* Demp CityBreaks røde "I have a code" også i deres egen popup. */
.cb-mfp-container .cb-code, .cb-outer .cb-code{color:#6b7a82 !important;font-weight:400 !important;text-decoration:underline !important}
.cb-mfp-container .cb-code:hover, .cb-outer .cb-code:hover{color:#283c8c !important}

/* Når dato er forhåndsvalgt (forsidens dagspanel): skjul CityBreaks kalender i
   popupen og la antall-velgeren fylle hele bredden. Dato-etiketten står igjen i
   options-segmentet, så kunden ser fortsatt valgt dag. Scoped til body-klassen vi
   kun setter når startDateISO sendes, så tur-knappenes kalender (uten dato) står. */
body.hb-cb-datepicked .cb-outer .cb-segment.cb--date{display:none !important}
body.hb-cb-datepicked .cb-outer .cb-segment.cb--options{flex:1 1 100% !important;width:100% !important;max-width:none !important}

@media (max-width:640px){ .hbx-modal{padding:0} .hbx-modal__panel{width:100vw;max-height:100vh;padding:44px 14px 18px} }

/* Tooltip med avgangstider over CityBreak-kalenderens dagceller (booking-embed.js).
   Ligger på body (ikke i widgeten) så CityBreaks overflow ikke klipper den. */
.hb-cbtip{
  position:absolute;z-index:9999;pointer-events:none;transform:translate(-50%,-100%);
  background:#1c2b33;color:#fff;font-size:12.5px;line-height:1;padding:7px 10px;
  border-radius:6px;white-space:nowrap;opacity:0;transition:opacity .12s ease;
  font-family:"freight-sans-pro",-apple-system,Arial,sans-serif;letter-spacing:.02em;
}
.hb-cbtip.vis{opacity:1}
.hb-cbtip::after{
  content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);
  border:5px solid transparent;border-top-color:#1c2b33;
}

/* Fallback-forespørselsskjema når CityBreak melder «utilgjengelig» (24.08).
   Vises av booking-embed.js kun når turen ikke har ledige avganger. Smal boks. */
.hb-book-formfallback{padding:2px 2px 4px}
.hb-book-formfallback__h{font-family:"gin","Arial Narrow",Georgia,serif;font-weight:400;text-transform:uppercase;letter-spacing:.03em;color:#283c8c;font-size:1.15rem;margin:.2rem 0 .35rem}
.hb-book-formfallback__p{font-size:.92rem;line-height:1.35;color:#333;margin:0 0 .8rem}
.hb-book-formfallback .gform_wrapper{margin:0}
.hb-book-formfallback .gfield{margin-bottom:.55rem!important}
.hb-book-formfallback .gform_wrapper .gform_fields{grid-column-gap:.5rem;row-gap:.5rem}
.hb-book-formfallback input,.hb-book-formfallback textarea,.hb-book-formfallback select{font-size:.9rem;padding:.45rem .55rem}
.hb-book-formfallback textarea{min-height:70px}
.hb-book-formfallback .gform_footer{margin-top:.4rem;padding-top:0}