/* =============================================================================
   WebTerme — stile comune
   Colori delle terme (verde acqua) per tutte le pagine; il colore di base di ogni
   hotel (lo stesso del programma hotel, public/css/hotel.css) compare solo come
   segno di riconoscimento: pallino, filo in alto e barra dell'hotel.
   ============================================================================= */
:root {
  --t-accent: #0d6e6e;
  --t-accent-d: #0a5555;
  --t-ink: #1f2937;
  --t-muted: #6b7280;
  --t-line: #e5e7eb;
  --t-bg: #f4f6f8;
  --hotel: #0d6e6e;
}
[data-hotel="ROYAL"]       { --hotel: #b49013; }
[data-hotel="SANGIOVANNI"] { --hotel: #468d71; }
[data-hotel="AURORA"]      { --hotel: #68d3e8; }
[data-hotel="VILLAROSA"]   { --hotel: #f58ae1; }

/* barra dell'hotel in cima a ogni pagina (inserita da terme.js) */
.wt-barra {
  position: sticky; top: 0; z-index: 40;
  display: flex; align-items: center; gap: 14px;
  padding: 9px 16px; background: var(--t-accent-d); color: #fff;
  border-top: 4px solid var(--hotel);
  font: 14px/1.3 "Segoe UI", system-ui, sans-serif;
}
.wt-barra .wt-app { font-weight: 700; letter-spacing: .02em; }
.wt-barra .wt-hotel { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.wt-barra .wt-hotel::before {
  content: ""; width: 11px; height: 11px; border-radius: 50%; flex: none;
  background: var(--hotel); box-shadow: 0 0 0 2px rgba(255, 255, 255, .35);
}
.wt-barra .wt-sep { flex: 1; }
.wt-barra a { color: #d6f0ef; text-decoration: none; font-size: 13px; padding: 4px 10px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, .25); }
.wt-barra a:hover { background: rgba(255, 255, 255, .12); color: #fff; }
@media (max-width: 560px) { .wt-barra .wt-app { display: none; } }

/* ── casella con ricerca mentre si digita (WT.autocompleta, terme.js) ── */
.wt-ac { position: relative; display: block; }
.wt-ac > input { width: 100%; }
.wt-ac > input.wt-scelto { border-color: #7cc8a1 !important; background: #f3fbf6 !important; }
.wt-ac-lista {
  position: absolute; left: 0; right: 0; top: calc(100% + 3px); z-index: 60;
  max-height: 330px; overflow: auto; display: none;
  background: #fff; border: 1px solid var(--t-line); border-radius: 9px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .16); font: 14px/1.35 "Segoe UI", system-ui, sans-serif;
}
.wt-ac-lista.aperta { display: block; }
.wt-ac-gruppo { padding: 7px 12px 4px; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--t-accent); background: #f7fafa; border-bottom: 1px solid var(--t-line); position: sticky; top: 0; }
.wt-ac-voce { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f1f2f4; }
.wt-ac-voce:last-child { border-bottom: 0; }
.wt-ac-voce.attiva, .wt-ac-voce:hover { background: #e9f6f5; }
.wt-ac-voce .t { color: var(--t-ink); }
.wt-ac-voce .s { display: block; font-size: 12px; color: var(--t-muted); margin-top: 1px; }
.wt-ac-voce .d { font-size: 13px; color: var(--t-accent-d); font-weight: 600; white-space: nowrap; align-self: center; }
.wt-ac-vuoto { padding: 10px 12px; color: var(--t-muted); font-size: 13px; }
.wt-ac-voce mark { background: #fff1b8; color: inherit; padding: 0; border-radius: 2px; }

/* ── pulsante Indietro nella barra ── */
.wt-barra a.wt-indietro { font-weight: 600; color: #fff; border-color: rgba(255, 255, 255, .45); }

/* ── pagina aperta sopra un'altra (WT.finestra) ── */
.wt-fin-ov { position: fixed; inset: 0; z-index: 150; background: rgba(15, 23, 42, .4); display: flex; align-items: stretch; justify-content: center; padding: 24px 16px; }
.wt-fin { width: 100%; max-width: 1100px; background: var(--t-bg); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 20px 50px rgba(15, 23, 42, .3); }
.wt-fin-testa { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 14px; background: var(--t-accent-d); color: #fff; border-top: 4px solid var(--hotel); font: 14px/1.3 "Segoe UI", system-ui, sans-serif; }
.wt-fin-chiudi { font: inherit; font-size: 13px; color: #fff; background: transparent; border: 1px solid rgba(255, 255, 255, .45); border-radius: 6px; padding: 4px 12px; cursor: pointer; }
.wt-fin-chiudi:hover { background: rgba(255, 255, 255, .12); }
.wt-fin iframe { flex: 1; width: 100%; border: 0; background: var(--t-bg); }
/* dentro la finestra la pagina non mostra i collegamenti al menu */
.wt-incastrata a.home { display: none !important; }

/* ── crediti in fondo alla pagina ── */
.wt-crediti { text-align: center; font: 12px/1.4 "Segoe UI", system-ui, sans-serif; color: #8a94a3; padding: 18px 16px 22px; letter-spacing: .02em; }

/* ── logo nella barra in alto (sfondo trasparente) ── */
.wt-barra a.wt-logo { padding: 0; border: 0; background: none; display: inline-flex; align-items: center; margin-right: -2px; }
.wt-barra a.wt-logo:hover { background: none; }
.wt-barra a.wt-logo img { width: 30px; height: 30px; display: block; filter: drop-shadow(0 1px 2px rgba(0,0,0,.25)); }

/* scorciatoie nella barra (Planning in evidenza), passaggio al programma hotel, utente */
.wt-barra .wt-vie { display: flex; gap: 6px; margin-left: 10px; flex-wrap: wrap; }
.wt-barra a.wt-via { border-color: rgba(255, 255, 255, .18); }
.wt-barra a.wt-via.qui { background: rgba(255, 255, 255, .16); color: #fff; }
.wt-barra a.wt-planning { background: #f2c14e; color: #3a2a00; border-color: #f2c14e; font-weight: 700; }
.wt-barra a.wt-planning:hover, .wt-barra a.wt-planning.qui { background: #ffd56b; color: #3a2a00; }
.wt-barra a.wt-hotelapp { background: rgba(255, 255, 255, .95); color: #0a5555; border-color: #fff; font-weight: 600; }
.wt-barra a.wt-hotelapp:hover { background: #fff; color: #063f3f; }
.wt-barra .wt-utente { font-size: 12.5px; color: #cfeeed; padding: 0 2px 0 6px; text-transform: lowercase; }
.wt-barra .wt-utente::before { content: '\1F464'; margin-right: 4px; font-size: 11px; }
@media (max-width: 1100px) { .wt-barra a.wt-via:not(.wt-planning) { display: none; } }