/* Approved concierge header: matches the notification and profile medallions. */
.ef-concierge .ef-head {
  position: relative;
  z-index: 1;
  min-height: 78px;
  padding: 5px 16px 5px 4px;
  gap: 11px;
  border: 2px solid #cda65e;
  border-radius: 999px;
  background: radial-gradient(ellipse at 42% -40%, #284159 0%, #112437 52%, #071523 100%);
  box-shadow: inset 0 0 0 2px #071524, inset 0 0 0 3px #a7833f, inset 0 1px 12px #f6d5821f, 0 3px 9px #0715214d;
  color: #fbf3dc;
}
.ef-concierge .ef-headset {
  position: relative;
  width: 67px;
  height: 67px;
  flex: 0 0 67px;
  border: 2px solid #dfba72;
  border-radius: 50%;
  background: radial-gradient(circle at 33% 25%, #233e53 0%, #0d2236 58%, #071523 100%);
  color: #e9c77d;
  box-shadow: 0 0 0 2px #081827, 0 0 0 3px #a78040, inset 0 0 0 2px #112c41, inset 0 0 0 4px #a5803e, 0 3px 8px #03121d9c;
}
.ef-concierge .ef-headset::after {
  content: '';
  position: absolute;
  left: calc(100% + 2px);
  top: 50%;
  width: 16px;
  height: 20px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, #a37b38, #e8c778 46%, #aa843e);
  clip-path: polygon(0 12%, 100% 50%, 0 88%);
  pointer-events: none;
}
.ef-concierge .ef-headset svg {
  width: 32px;
  height: 32px;
  stroke-width: 2;
  filter: drop-shadow(0 1px 2px #0008);
}
.ef-concierge .ef-head > div {
  min-width: 0;
  padding-left: 10px;
}
.ef-concierge .ef-head h2 {
  margin: 0;
  font: italic 600 clamp(27px, 1.9vw, 35px)/1 'Cormorant Garamond', Georgia, serif;
  white-space: nowrap;
  text-shadow: 0 1px 2px #0008;
}
.ef-concierge .ef-head p {
  margin: 4px 0 0;
  color: #e4dfd1;
  font: 12px/1.2 Inter, Arial, sans-serif;
  white-space: nowrap;
}
.ef-concierge .ef-control {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 2px solid #cda45b;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 25%, #254158, #071725 75%);
  box-shadow: inset 0 0 0 2px #102b3d, 0 2px 5px #02101b9c;
  color: #e9ca84;
  font-size: 23px !important;
  line-height: 1;
}
.ef-concierge .ef-control:hover {
  background: radial-gradient(circle at 35% 25%, #365975, #10283e 75%);
  border-color: #f0d493;
}
@media (max-width: 600px) {
  .ef-concierge .ef-head { gap: 8px; padding-right: 10px; }
  .ef-concierge .ef-headset { width: 56px; height: 56px; flex-basis: 56px; }
  .ef-concierge .ef-headset svg { width: 28px; height: 28px; }
  .ef-concierge .ef-head > div { padding-left: 7px; }
  .ef-concierge .ef-head h2 { font-size: clamp(23px, 5.5vw, 29px); }
  .ef-concierge .ef-head p { font-size: 10px; }
  .ef-concierge .ef-control { width: 35px; height: 35px; flex-basis: 35px; }
}
@media (max-width: 390px) {
  .ef-concierge .ef-head { gap: 6px; }
  .ef-concierge .ef-headset { width: 50px; height: 50px; flex-basis: 50px; }
  .ef-concierge .ef-head h2 { font-size: 22px; }
  .ef-concierge .ef-head p { font-size: 9px; }
  .ef-concierge .ef-control { width: 32px; height: 32px; flex-basis: 32px; }
}
@media (max-height: 650px) {
  .ef-concierge .ef-head { min-height: 60px; }
  .ef-concierge .ef-headset { width: 49px; height: 49px; flex-basis: 49px; }
  .ef-concierge .ef-headset svg { width: 26px; height: 26px; }
  .ef-concierge .ef-head h2 { font-size: 26px; }
  .ef-concierge .ef-head p { display: none; }
}