:root {
  --portal-accent: #ff7900;
  --portal-bg: #f5f7fb;
}

body {
  background: radial-gradient(circle at top right, #ffffff 10%, var(--portal-bg) 70%);
  min-height: 100vh;
}

.portal-logo {
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  object-fit: cover;
  flex-shrink: 0;
}

.hero-box {
  background: linear-gradient(135deg, #fff4ea, #ffffff);
  border: 1px solid #f2dfcc;
}

.portal-subnav .nav-link.active {
  background-color: var(--portal-accent);
  color: #000;
}

.portal-agenda .table td,
.portal-agenda .table th {
  white-space: nowrap;
}

#booking-contact-results {
  max-height: 12rem;
  overflow-y: auto;
}

#navbar-logout-btn {
  color: rgba(255, 255, 255, 0.9) !important;
}

#navbar-logout-btn:hover {
  color: #fff !important;
}

/* Modale contact au-dessus d'une autre modale (ex. création de RDV). */
#contact-details-modal.show {
  z-index: 1070;
}