/*
 * FAMIGLIA GRAFICA "hospitality-warm"
 *
 * Riutilizzabile da piu tipologie ricettive (bed-and-breakfast, guest-house,
 * affittacamere, agriturismo). Il portalType e separato dalla grafica: la
 * terminologia vive in themes/portal-types.json, l'associazione dominio -> theme
 * in data/network-portals.json.
 *
 * AMBITO DEGLI OVERRIDE: solo colori, font, raggi, ombre, wordmark.
 * NON sono ammessi qui: layout, griglie, struttura delle card, motore di ricerca,
 * visibilita dei blocchi per tipo di pagina. Quelli sono comuni e vivono in styles.css.
 *
 * Contrasto WCAG AA verificato: #0b5f47 su #f4f8f4 = 6.7:1.
 */

[data-theme="hospitality-warm"] {
  --ink: #173b34;
  --muted: #61746c;
  --line: #dfe9e3;
  --paper: #ffffff;
  --soft: #f4f8f4;
  --accent: #16845f;
  --accent-dark: #0b5f47;
  --accent-soft: #e4f3eb;
  --sun: #f0b85a;
  --sea: #1f6f73;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow-sm: 0 4px 16px rgba(15, 70, 50, 0.08);
  --shadow: 0 14px 40px rgba(15, 70, 50, 0.12);
  --shadow-lg: 0 24px 60px rgba(15, 70, 50, 0.18);
}

/* Header: stessa struttura, identita verde B&B */
[data-theme="hospitality-warm"] .topbar {
  background: rgba(255, 255, 255, 0.97);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 2px 12px rgba(15, 70, 50, 0.07);
}

/* Wordmark */
[data-theme="hospitality-warm"] .brand-mark {
  background: var(--accent);
  color: var(--paper);
}

/* Hero: stessa struttura, palette verde ospitalita */
[data-theme="hospitality-warm"] .hero {
  background:
    linear-gradient(90deg, rgba(7, 45, 36, 0.9) 0%, rgba(7, 45, 36, 0.64) 48%, rgba(7, 45, 36, 0.22) 82%, rgba(7, 45, 36, 0.08) 100%),
    url("/assets/demo-photos/demo-provincia-toscana-siena.webp") center 52% / cover no-repeat;
}

/* Footer */
[data-theme="hospitality-warm"] .footer {
  background: #082d24;
  color: rgba(255, 255, 255, 0.82);
  border-top: 3px solid var(--accent);
}

[data-theme="hospitality-warm"] .footer a {
  color: #c8f1df;
}

[data-theme="hospitality-warm"] .footer a:hover {
  color: #fff;
}

/* Focus visibile */
[data-theme="hospitality-warm"] :focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}
