/*
 * Release 1.8.4
 * Shared vacation, flight routes, address actions and desktop drill-down.
 */

body.shared-view.portal-household {
  min-height: 100vh;
  background:
    radial-gradient(circle at 88% 14%, rgba(255, 246, 193, .94), transparent 31rem),
    linear-gradient(145deg, #fff7cf 0%, #f8e7a4 57%, #efd17c 100%) !important;
  color: #29251e !important;
}

body.shared-view.portal-household .topbar {
  border-bottom: 1px solid rgba(132, 93, 17, .14) !important;
  background: rgba(255, 252, 238, .94) !important;
  box-shadow: 0 10px 32px rgba(92, 62, 8, .07) !important;
}

body.shared-view.portal-household main.shell {
  padding-top: clamp(28px, 5vw, 62px);
}

body.shared-view.portal-household .page-head,
body.shared-view.portal-household .shared-intro,
body.shared-view.portal-household .shared-section,
body.shared-view.portal-household .vacation-chat {
  border-color: rgba(126, 89, 18, .16) !important;
  background: rgba(255, 253, 245, .86) !important;
  color: #29251e !important;
  box-shadow: 0 18px 48px rgba(93, 64, 10, .08) !important;
}

body.shared-view.portal-household .r16-public-grid article {
  border: 1px solid rgba(126, 89, 18, .1);
  background: rgba(255, 253, 245, .64);
}

body.shared-view.portal-household .stay-card,
body.shared-view.portal-household .excursion-card,
body.shared-view.portal-household .tip-card,
body.shared-view.portal-household .vacation-chat-message {
  background: rgba(255, 255, 255, .65) !important;
  color: #332f27 !important;
}

.flight-airports {
  display: grid;
  grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  margin: 12px 0 4px;
  padding: 11px 12px;
  border: 1px solid rgba(139, 99, 22, .13);
  border-radius: 12px;
  background: rgba(255, 255, 255, .52);
}

.flight-airports > small {
  grid-column: 1 / -1;
  color: #8d6a29;
  font-size: .59rem;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.flight-airports > strong {
  min-width: 0;
  font-size: .76rem;
  overflow-wrap: anywhere;
}

.flight-airports > span {
  color: #9e7424;
  font-size: 1rem;
}

.address-icon-action {
  display: inline-grid !important;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  padding: 0 !important;
  border: 1px solid rgba(145, 104, 26, .22);
  border-radius: 12px;
  background: rgba(255, 253, 245, .82);
  color: #8d651b !important;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: transform .18s ease, box-shadow .18s ease;
}

.address-icon-action:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(71, 48, 8, .1);
}

.address-icon-action svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.address-call-icon {
  border-color: rgba(46, 116, 185, .28);
  background: linear-gradient(145deg, #e7f5ff, #cce7fb);
  color: #216eae !important;
}

/* The desktop submenu is tied to the Brikkenaren button itself and therefore
   never appears below Uitloggen. Coordinates are supplied by release184.js. */
@media (min-width: 801px) {
  .nav.show-bricks-menu > .nav-drilldown-panel {
    position: fixed !important;
    z-index: 4000 !important;
    top: var(--bricks-menu-top, 74px) !important;
    left: var(--bricks-menu-left, calc(100vw - 380px)) !important;
    right: auto !important;
    width: min(360px, calc(100vw - 32px)) !important;
    max-height: min(70vh, 520px);
    overflow-y: auto;
  }
}

@media (max-width: 800px) {
  .flight-airports {
    grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr);
  }

  .flight-airports > strong {
    font-size: .7rem;
  }

  .person-actions {
    gap: 7px;
  }
}