/* arMuseoBariThemePlugin — identità visiva Museo Civico di Bari sopra il tema arDominionB5Plugin */

@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display-italic-400.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --bs-primary: #006A9E;
  --bs-primary-rgb: 0, 106, 158;
  --bs-link-color: #006A9E;
  --bs-link-hover-color: #005580;
  --bs-font-sans-serif: "DM Sans", system-ui, -apple-system, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
}

body {
  font-family: "DM Sans", system-ui, -apple-system, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.navbar-brand {
  font-family: "Playfair Display", Georgia, serif;
}

/* Header: da sfondo scuro (default Dominion) a sfondo chiaro coerente col sito.
   Selettore rinforzato (html body #top-bar) perché AtoM può iniettare uno <style>
   inline con #top-bar{background-color:...!important} generato dalle impostazioni
   Admin del colore header, posizionato nel documento DOPO questo foglio di stile:
   a parità di specificità vincerebbe l'ultimo in ordine di documento, quindi serve
   specificità superiore a una singola regola #id, non solo !important. */
html body #top-bar {
  background-color: #FAFAF8 !important;
  border-bottom: 3px solid #E39D01 !important;
}
#top-bar.navbar-dark,
.navbar-dark {
  --bs-navbar-brand-color: #1B2733;
  --bs-navbar-brand-hover-color: #006A9E;
  --bs-navbar-toggler-border-color: #1B2733;
}

/* Logo in alto a sinistra: ingrandito rispetto al default del tema (Marco, 2026-07-08).
   Selettore rinforzato + !important per lo stesso motivo delle altre regole sopra. Altezza
   della barra aumentata di conseguenza per non tagliare il logo più grande. */
html body .navbar-brand img {
  max-height: 70px !important;
  height: 70px !important;
  width: auto !important;
}
html body #top-bar,
html body #top-bar .navbar {
  min-height: 90px !important;
}

/* Menu in alto a destra (Add, Manage, Import, ecc.): blu a riposo, terracotta in hover —
   stessa combinazione già usata sui bottoni di ricerca/sfoglia, per uniformità. Colore
   diretto + !important invece delle variabili --bs-navbar-*, per lo stesso motivo dei
   bottoni sopra (le custom property non bastano su tutti gli elementi di AtoM). Non tocca
   .navbar-brand (titolo/logo), che resta scuro a riposo. */
html body #top-bar .nav-link {
  color: #006A9E !important;
}
html body #top-bar .nav-link:hover,
html body #top-bar .nav-link:focus {
  color: #A3271C !important;
}

/* Bottoni secondari AtoM (Cerca, Sfoglia, Login, ecc.) — colore a riposo */
.atom-btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #006A9E;
  --bs-btn-border-color: #006A9E;
  --bs-btn-disabled-bg: #006A9E;
  --bs-btn-disabled-border-color: #006A9E;
}

/* Hover/focus/active di tutti i bottoni AtoM: rosso terracotta, esplicito e non tramite le
   variabili --bs-btn-* (si sono rivelate insufficienti su alcuni bottoni: la regola AtoM/Dominion
   compilata non le referenzia per quella classe, l'arancione di default restava). Selettore
   rinforzato (html body ...) + !important per vincere comunque, come già fatto per #top-bar.
   Attributo [class*="atom-btn"] come rete di sicurezza per varianti di classe non elencate qui. */
html body .atom-btn-secondary:hover,
html body .atom-btn-secondary:focus,
html body .atom-btn-secondary:active,
html body .atom-btn-primary:hover,
html body .atom-btn-primary:focus,
html body .atom-btn-primary:active,
html body .btn-primary:hover,
html body .btn-primary:focus,
html body .btn-primary:active,
html body [class*="atom-btn"]:hover,
html body [class*="atom-btn"]:focus,
html body [class*="atom-btn"]:active {
  background-color: #A3271C !important;
  border-color: #A3271C !important;
  color: #fff !important;
}

/* Barra delle azioni (Modifica, Elimina, Aggiungi nuovo, ecc. sopra/accanto alle schede):
   sfondo blu del Museo. I bottoni interni vengono invertiti (chiari con testo blu a riposo)
   per restare leggibili sopra lo sfondo ora blu, con hover coerente in terracotta come il
   resto del sito. Escluso il bottone "Elimina" (.btn-danger), che resta rosso per sicurezza —
   coerente con la scelta di non toccare i colori di stato funzionali (vedi spec tema). */
html body .actions {
  background-color: #006A9E !important;
  border-color: #006A9E !important;
}
html body .actions .btn:not(.btn-danger):not(.btn-outline-danger) {
  background-color: #FAFAF8 !important;
  border-color: #FAFAF8 !important;
  color: #006A9E !important;
}
html body .actions .btn:not(.btn-danger):not(.btn-outline-danger):hover,
html body .actions .btn:not(.btn-danger):not(.btn-outline-danger):focus,
html body .actions .btn:not(.btn-danger):not(.btn-outline-danger):active {
  background-color: #A3271C !important;
  border-color: #A3271C !important;
  color: #fff !important;
}

footer {
  background-color: #1B2733;
  color: #FAFAF8;
  padding: 1.5rem 1rem;
}
footer a {
  color: #E39D01;
}

/* Fascia statica sotto l'header ("Access to Memory", non è la breadcrumb — non cambia tra le
   pagine, confermato da Marco): nascosta del tutto, non aggiunge informazioni utili
   (Marco, 2026-07-08). Selettore sulla combinazione delle tre classi Bootstrap (non solo
   .bg-secondary) per non toccare altri elementi che potrebbero usare .bg-secondary da solo
   altrove nel sito. */
html body .bg-secondary.text-white.d-print-none {
  display: none !important;
}

/* Evidenze decorative non funzionali (tag/badge di soggetto, luogo, tipologia) — terracotta.
   Selettori best-effort sulle classi Bootstrap/AtoM più comuni: da verificare visivamente e
   affinare se qualche tag specifico non viene coperto (vedi note in stato-corrente.md). */
.badge:not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info),
.tag {
  background-color: #A3271C !important;
  color: #fff !important;
}

/* Testo secondario/di supporto — grigio del sito invece del grigio di default del tema. */
.text-muted,
small,
.text-secondary {
  color: #6B6B6B !important;
}