/* Design change 47: "At a Glance" facts row on v2 trip pages. Style "Pale Petrol" (owner: Night Band too dark).
   A soft petrol wash with white icon tiles; text tinted from the brand petrol instead of grey; ember stays for actions only.
   Loaded by cg-trip/content.blade.php. Facilities moved to the included section (design change 51; styles at the end of this file). */
.cg-trip .cg-glance { border-color: #D3E6EC; box-shadow: 0 1px 2px rgba(11, 74, 94, .04), 0 8px 24px rgba(11, 74, 94, .06); }
.cg-trip .cg-facts--glance { background: linear-gradient(180deg, #F6FBFC 0%, #EDF5F8 100%); padding: 4px 0; }
.cg-trip .cg-facts--glance > div { position: relative; border-left: 0; border-top: 0; }
.cg-trip .cg-facts--glance .cg-ico { color: #0E6B88; background: #fff; border: 1px solid #D3E6EC; box-shadow: 0 1px 2px rgba(11, 74, 94, .06), 0 3px 8px rgba(11, 74, 94, .06); stroke-width: 1.7; }
.cg-trip .cg-facts--glance dt { color: #4E6E79; font-size: 12.5px; font-weight: 500; letter-spacing: .005em; }
.cg-trip .cg-facts--glance dd { color: #0B3F50; font-weight: 650; letter-spacing: -.005em; overflow-wrap: anywhere; }

/* Computers: one row, short dividers between the facts */
@media (min-width: 1200px) {
  .cg-trip .cg-facts--glance > div { grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; padding: 16px 18px; }
  .cg-trip .cg-facts--glance > div + div::before { content: ""; position: absolute; left: 0; top: 24%; bottom: 24%; border-left: 1px solid #D3E6EC; }
  .cg-trip .cg-facts--glance .cg-ico { width: 40px; height: 40px; padding: 9px; }
  .cg-trip .cg-facts--glance dd { font-size: 16px; }
}
/* Tablets: 3 per row */
@media (min-width: 992px) and (max-width: 1199px) {
  .cg-trip .cg-facts--glance { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cg-trip .cg-facts--glance > div { padding: 16px 18px; }
  .cg-trip .cg-facts--glance > div:nth-child(n+4) { border-top: 1px solid #D3E6EC; }
  .cg-trip .cg-facts--glance > div:not(:nth-child(3n+1)) { border-left: 1px solid #D3E6EC; }
}
/* Phones and small tablets: 2 per row (layout from trip.css) */
@media (max-width: 991px) {
  .cg-trip .cg-facts--glance > div:nth-child(n+3) { border-top: 1px solid #D3E6EC; }
  .cg-trip .cg-facts--glance > div:nth-child(even) { border-left: 1px solid #D3E6EC; }
}

/* Design change 51: Facilities inside "What's included in the price", above the two panels. No frame: part of the section. */
.cg-trip .cg-inc .cg-amen { display: block; margin: 0 0 22px; padding: 0; background: none; border: 0; }
.bravo_wrap .cg-trip .cg-inc .cg-amen__title { margin: 0 0 12px !important; padding: 0; font-size: 18px !important; font-weight: 700; letter-spacing: -.01em; color: var(--navy); }
.cg-trip .cg-inc .cg-amen__list { grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); gap: 12px 16px; }
.bravo_wrap .cg-trip .cg-inc .cg-amen__list li { min-width: 0; font-size: 15px !important; line-height: 1.3 !important; color: #14232B; }
.cg-trip .cg-inc .cg-amen__list .cg-ico { flex: none; width: 34px; height: 34px; padding: 7px; background: #E5F1F5; border: 0; color: #0E6B88; stroke-width: 1.6; }
.cg-trip .cg-inc .cg-amen__list li > span { min-width: 0; overflow-wrap: anywhere; hyphens: auto; }