/*
 * Aircraft details — the small set of rules the production design does not ship,
 * layered on top of premiumDesign/css/custom.css.
 *
 * The page itself (.aircraft-detail-*) is the DESIGN's own CSS and is not touched
 * here. What is below exists because the real page is data-driven where the design
 * was drawn with fixed dummy content:
 *
 *   • the operator logo frame was an inline style in the delivered HTML,
 *   • an amenity with no matching icon needs a fallback glyph,
 *   • the price footnote moved into the quote card (the design had it on the card).
 *
 * The gallery is NOT restyled here: the design already sizes the main and thumbnail
 * images and marks the active thumbnail, and duplicating those rules would only
 * create a second place to keep in sync.
 */

/* ------------------------------------------------------------------ *
 |  Gallery navigation
 * ------------------------------------------------------------------ */

/* The prev/next arrows ARE the white circles — fa-circle-chevron-* glyphs the
 * design paints white, sitting on the photo with no background behind them.
 *
 * owl.carousel resets its nav buttons with
 *   .owl-carousel .owl-nav button.owl-prev { background:0 0; color:inherit; font:inherit }
 * which ties the design's own rule on specificity, so load order decides it. The
 * delivered HTML linked owl BEFORE custom.css and the design won; here the owl
 * stylesheets are pushed per page (deliberately — see partials/head) and so land
 * AFTER it. That handed two of the design's three declarations to the reset:
 * `color: inherit` rendered the arrows near-black instead of white, and
 * `font: inherit` shrank them from 18px to the body's 16px. (text-shadow survived —
 * the reset does not touch it.)
 *
 * Both are restated here, in the one stylesheet loaded after owl, at the design's
 * own values. Nothing about the background needs saying: owl.carousel's reset
 * already outranks the theme's grey chip by default, and the design cancels the
 * theme's hover shade — so the arrows sit on nothing, in both states, and there is
 * no hover effect at all.
 *
 * Scoped to the details gallery, so the home page's carousels are untouched. */
.aircraft-detail-page-gallery-slider .owl-theme .owl-nav button {
  color: #FFFFFF;
  font-size: 18px;
}

/* ------------------------------------------------------------------ *
 |  Amenities — the icon set does not cover every tenant amenity
 * ------------------------------------------------------------------ */

.amenity-icon-fallback {
  font-size: 24px;
  color: #335E89;
}

/* ------------------------------------------------------------------ *
 |  Quote card
 * ------------------------------------------------------------------ */

/* What the figure above is subject to ("Final price may vary" / "…depends on your
   route"). It belongs with the price, and the design had no slot for it. */
.aircraft-detail-quote-note {
  margin-top: 10px;
  font-size: 11px;
  color: #A3A3A3;
  text-align: center;
}

/* "Back to previous" — the quiet twin of Request a Quote. Same height, weight and
   type size so the pair reads as one row, but an outline on a neutral border so the
   paid action stays the obvious one. The design ships only the solid button, so the
   colours are taken from it (#A16F05) and from the theme's own tint (#FCF4E4, the
   badge background) rather than introducing new ones. */
.btn-custom-back {
  color: #A16F05;
  background-color: transparent;
  border: 1px solid #D9D9D9;
  font-weight: 500;
  font-size: 16px;
}
.btn-custom-back:hover,
.btn-custom-back:focus {
  color: #83590F;
  background-color: #FCF4E4;
  border-color: #A16F05;
}

/* The theme's solid button carries no border and the outline one does, which would
   leave the pair 2px apart in height. Matched with a transparent border INSIDE this
   row only, so .btn-custom-primary is untouched everywhere else it is used. */
.request-a-quote-btn-div .btn-custom-primary {
  border: 1px solid transparent;
}

/* ------------------------------------------------------------------ *
 |  Operator card
 * ------------------------------------------------------------------ */

/* The operator's company details reuse the design's own label/value row (.quote-line,
   from the quote card) so the two cards read alike. Two things differ and are set
   here: the labels are far longer ("Company Registration Number" against "From:"),
   and this card is half the page width — so the label is given a share of the row
   and allowed to wrap, top-aligned, instead of holding its full width and squeezing
   the value off the edge. */
.operator-details .quote-line {
  align-items: flex-start;
  margin-bottom: 10px;
}
.operator-details .quote-line:last-child {
  margin-bottom: 0;
}
.operator-details .quote-line .label {
  width: 46%;
  min-width: 0;
  padding-right: 10px;
}
.operator-details .quote-line .value {
  flex: 1;
  min-width: 0;
  /* A website URL has no spaces to break at — without this it would run past the
     card rather than wrapping. */
  overflow-wrap: anywhere;
}
/* The website is read as one of the company's details, so at rest it looks like
   every other value on the card rather than a highlighted link. It stays clickable —
   the affordance simply moves to hover, where it costs the reading nothing. */
.operator-details .quote-line .value a {
  color: inherit;
  text-decoration: none;
}
.operator-details .quote-line .value a:hover,
.operator-details .quote-line .value a:focus {
  text-decoration: underline;
}

/* Was an inline style in the delivered HTML; moved here so the markup stays clean. */
.aircraft-detail-operator-logo {
  width: 65px;
  height: 65px;
  flex-shrink: 0;
  padding: 2px;
}
.aircraft-detail-operator-logo img {
  max-width: 100%;
  height: auto;
}

/* Browsing an aircraft with no search behind the page (from the home page's
   "Featured Jets"): the card has no trip to state, so it says what happens next.
   Quieter than the price line above it, because it is guidance and not a fact about
   the aircraft. */
.aircraft-detail-quote-browse-note {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(9, 29, 49, 0.65);
}

/* Already requested — this customer has an open request for this aircraft (or this
   empty leg), so the card states which one instead of offering a request that would
   be refused. It takes the button's place, so the card's foot does not move. */
.aircraft-detail-requested {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid rgba(146, 111, 46, 0.45);
  border-radius: 5px;
  background: rgba(245, 215, 140, 0.18);
  font-size: 14px;
  font-weight: 500;
  color: #926F2E;
}