/* Monete d'Italia - nuovo stile, tema "bordeaux" (anteprima 2026-11-01, ?stile=nuovo2)
   Caricato DOPO stile/numismatica.css: riprende i colori del sito originale (2007)
   - sfondo bordeaux #3b0300, colonna #2e0202, barra menu #3b0303 tra due barre oro
   - titoli su barra rossa #a80000 con testo bianco, voce attiva del catalogo in verde
   - link crema #efd3ac, voci del catalogo #e6cead in grassetto, testo #fffaf0
   con caratteri più grandi e più spaziati. Se lo modifichi incrementa ?v= in nuovo_stile.php (nt_tema). */

.nt-tema-bordeaux {
  --bg: #330300;
  --bg-2: #220100;
  --surface: #2e0202;
  --surface-2: #3d0505;
  --surface-3: #4e0808;
  --line: #6b1a12;
  --line-soft: #4a0c08;
  --text: #fffaf0;
  --muted: #e6cead;
  --faint: #c3a283;
  --gold: #e6c28e;
  --gold-hi: #f7e2bd;
  --gold-lo: #9c824b;
  --link: #efd3ac;
  --red: #a80000;
  --red-hi: #c40e0e;
  --green: #3fc451;
  --bordo-tab: #a0a0a0;               /* bordino delle tabelle dell'originale */
  --sans: 'Source Sans 3', 'Segoe UI', Roboto, Arial, sans-serif;
  --serif: var(--sans);                 /* come l'originale: tutto in caratteri senza grazie */
  --oro: linear-gradient(180deg, #d4bf86 0%, #a99867 35%, #9c824b 60%, #af9666 80%, #2c1d00 100%);
}

/* ---------- base: testo più grande e più arioso ---------- */
body.nt-tema-bordeaux {
  background: var(--bg) linear-gradient(180deg, #3d0400 0, var(--bg) 420px) no-repeat;
  font-size: 18px; line-height: 1.7; letter-spacing: .012em;
}
.nt-tema-bordeaux a { color: var(--link); }
.nt-tema-bordeaux a:hover { color: #fff; }

/* ---------- testata: banner originale + barre oro ---------- */
/* fascia rossa come la parte alta dell'originale (barra menu #380300), un po' più accesa in cima */
.nt-tema-bordeaux .nt-header { background: linear-gradient(180deg, #6a0909 0%, #520505 55%, #440302 100%); }
.nt-tema-bordeaux .nt-header::after { height: 5px; background: var(--oro); }
.nt-tema-bordeaux .nt-header-in { min-height: 0; padding-top: 6px; padding-bottom: 6px; gap: 24px; }
.nt-tema-bordeaux .nt-logo { flex: 1 1 auto; max-width: 938px; }
.nt-tema-bordeaux .nt-logo img { content: url(/immagini/loghi/logo.jpg); width: 100%; height: auto; aspect-ratio: 938 / 83; border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(230, 194, 142, .35), 0 3px 10px rgba(0, 0, 0, .45); }
.nt-tema-bordeaux .nt-search { flex: 0 1 340px; }
.nt-tema-bordeaux .nt-search input[type=search] { background: #2a0100; border-color: #8a3a22; height: 44px; font-size: 1.02rem; }
.nt-tema-bordeaux .nt-search input[type=search]:focus { border-color: var(--gold); }
.nt-tema-bordeaux .nt-topnav { background: linear-gradient(180deg, #440401 0%, #380300 100%); border-top: 0; }
.nt-tema-bordeaux .nt-topnav::before { content: ""; display: block; height: 5px; background: var(--oro); }
.nt-tema-bordeaux .nt-topnav .nt-wrap { gap: 0; }
.nt-tema-bordeaux .nt-topnav a { padding: 12px 15px; color: #fff; font: 700 .9rem/1.2 var(--sans); letter-spacing: .06em; border-bottom: 0; }
.nt-tema-bordeaux .nt-topnav a + a { box-shadow: -1px 0 0 rgba(239, 211, 172, .22); }
.nt-tema-bordeaux .nt-topnav a:hover { color: var(--link); background: rgba(255, 255, 255, .06); }
.nt-tema-bordeaux .nt-topnav a[aria-current] { color: #fff; background: var(--red); }

/* ---------- colonna sinistra ---------- */
.nt-tema-bordeaux .nt-cat { background: var(--surface); border: 1px solid var(--line-soft); border-radius: 10px; box-shadow: 0 6px 18px rgba(0, 0, 0, .35); }
.nt-tema-bordeaux .nt-cat-head { justify-content: center; padding: 12px 16px 8px; }
.nt-tema-bordeaux .nt-cat-title { font: 800 .95rem/1.2 var(--sans); color: #fff; text-transform: uppercase; letter-spacing: .12em; }
.nt-tema-bordeaux .nt-cat-title::before { content: "- "; }
.nt-tema-bordeaux .nt-cat-title::after { content: " -"; }
.nt-tema-bordeaux .nt-grp > summary { color: var(--gold-hi); background: rgba(0, 0, 0, .18); font-size: .84rem; letter-spacing: .08em; }
.nt-tema-bordeaux .nt-grp > summary:hover { background: var(--surface-2); }
.nt-tema-bordeaux .nt-cat a { color: var(--muted); font-weight: 700; font-size: 1rem; padding: 6px 9px; letter-spacing: .01em; }
.nt-tema-bordeaux .nt-cat a:hover { background: var(--surface-2); color: #fff; }
.nt-tema-bordeaux .nt-subs a, .nt-tema-bordeaux .nt-coins a { color: var(--gold); font-weight: 400; }
.nt-tema-bordeaux .nt-cat li.on > a { color: var(--green); }
.nt-tema-bordeaux .nt-cat a[aria-current] { color: var(--green); background: rgba(0, 126, 3, .16); box-shadow: inset 3px 0 0 var(--green); }
.nt-tema-bordeaux .nt-cat-years { color: var(--link) !important; border-color: var(--gold-lo) !important; text-decoration: underline; text-transform: uppercase; font-size: .76rem; letter-spacing: 0; padding: 7px 8px; white-space: nowrap; }
.nt-tema-bordeaux .nt-cat a + a[href^="/admin/admin.php"], .nt-tema-bordeaux .nt-cat li > a[href*="page=md"] { color: var(--green); }

/* ---------- titoli: barra rossa come l'originale ---------- */
.nt-tema-bordeaux .nt-head { border-bottom: 0; margin-bottom: 22px; padding-bottom: 0; }
.nt-tema-bordeaux .nt-kicker { color: var(--gold); letter-spacing: .1em; margin-bottom: 6px; }
.nt-tema-bordeaux .nt-head h1,
.nt-tema-bordeaux .nt-sez-t {
  margin: 0; padding: 8px 16px; border: 0; border-radius: 6px;
  background: linear-gradient(180deg, var(--red-hi) 0%, var(--red) 55%, #920000 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 2px 0 #4a0000;
  color: #fff; font: 700 clamp(1.3rem, 1rem + 1.1vw, 1.7rem)/1.3 var(--sans); letter-spacing: .015em;
}
.nt-tema-bordeaux .nt-sez-t { margin: 40px 0 16px; font-size: 1.3rem; }
.nt-tema-bordeaux .nt-crumbs { font-size: .9rem; }
.nt-tema-bordeaux .nt-crumbs a { color: var(--link); }

/* ---------- testo delle pagine ---------- */
.nt-tema-bordeaux .nt-prose { font-size: 1.06rem; line-height: 1.75; color: var(--text); }
.nt-tema-bordeaux .nt-prose p, .nt-tema-bordeaux .nt-prose .markdown_p { max-width: 75ch; margin-bottom: 1.1em; }
/* i testi vecchi forzano arial 13-15px dentro tabelle e div: qui prevale la misura leggibile, il colore resta quello scelto */
.nt-tema-bordeaux .nt-prose table:not(.tbl700)[style*="font"],
.nt-tema-bordeaux .nt-prose div[style*="font"],
.nt-tema-bordeaux .nt-prose p[style*="font"],
.nt-tema-bordeaux .nt-prose td[style*="font"],
.nt-tema-bordeaux .nt-prose span[style*="font-family"] { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; }
.nt-tema-bordeaux .nt-prose img[align=left] { margin: 6px 22px 12px 0; }
.nt-tema-bordeaux .nt-prose img[align=right] { margin: 6px 0 12px 22px; }
.nt-tema-bordeaux .nt-prose h2, .nt-tema-bordeaux .nt-prose .markdown_h2 {
  font: 700 1.5rem/1.3 var(--sans); color: #ece4da; letter-spacing: .03em;
  border-bottom: 1px solid var(--line); padding-bottom: .35em; margin-top: 1.7em;
}
.nt-tema-bordeaux .nt-prose h3, .nt-tema-bordeaux .nt-prose .markdown_h3 { font: 700 1.22rem/1.35 var(--sans); color: var(--link); letter-spacing: .03em; }
.nt-tema-bordeaux .nt-prose h4, .nt-tema-bordeaux .nt-prose .markdown_h4,
.nt-tema-bordeaux .nt-prose h5, .nt-tema-bordeaux .nt-prose .markdown_h5 { color: var(--gold); letter-spacing: .03em; }
.nt-tema-bordeaux .nt-prose strong, .nt-tema-bordeaux .nt-prose b { color: #fff; }
.nt-tema-bordeaux .nt-prose blockquote { border-left-color: var(--red); background: var(--surface); }

/* tabelle dei dati: intestazione rossa, righe alternate rosate come bg_alpha */
.nt-tema-bordeaux .nt-tw { background: #2a0202; border-color: var(--line); }
.nt-tema-bordeaux .nt-prose table.tbl700 { font-size: 1rem; }
.nt-tema-bordeaux .nt-prose table.tbl700 td { padding: 8px 12px; }
.nt-tema-bordeaux .nt-prose table.tbl700 tr:nth-child(even) td { background: rgba(180, 0, 81, .1); }
.nt-tema-bordeaux .nt-prose table.tbl700 tr:hover td { background: rgba(239, 211, 172, .09); }
.nt-tema-bordeaux .nt-prose table.tbl700 tr.nt-th td { background: var(--red); color: #fff; font-size: .82rem; }
.nt-tema-bordeaux .nt-tw.nt-scroll td:first-child { background: #350303 !important; }
.nt-tema-bordeaux .nt-tw.nt-scroll tr.nt-th td:first-child { background: var(--red) !important; }

/* bordini chiari da 1 px su ogni cella, come table.tbl700 dell'originale (2026-11-01).
   Il contenitore .nt-tw perde il suo bordo per non raddoppiare la linea esterna.
   Le tabelle che impaginano solo testo e foto (senza classe tbl700) restano senza bordi. */
.nt-tema-bordeaux .nt-tw { border: 0; border-radius: 0; }
.nt-tema-bordeaux .nt-prose table.tbl700 { border-collapse: collapse; }
.nt-tema-bordeaux .nt-prose table.tbl700 tr td { border: 1px solid var(--bordo-tab); }

/* pagina "per anno": di nuovo una tabella a celle con bordino, invece dei pulsanti staccati */
.nt-tema-bordeaux.nt-annate .nt-prose table.tbl700 { display: table; width: 100%; margin: 8px 0 22px !important; border-collapse: collapse; font-size: 1.02rem !important; }
.nt-tema-bordeaux.nt-annate .nt-prose table.tbl700 tbody { display: table-row-group; }
.nt-tema-bordeaux.nt-annate .nt-prose table.tbl700 tr { display: table-row; }
.nt-tema-bordeaux.nt-annate .nt-prose table.tbl700 td,
.nt-tema-bordeaux.nt-annate .nt-prose table.tbl700 td:empty { display: table-cell; padding: 0; border: 1px solid var(--bordo-tab); background: none !important; }
.nt-tema-bordeaux.nt-annate .nt-prose table.tbl700 a { display: block; min-width: 0; padding: 6px 10px; text-align: left; border: 0; border-radius: 0; background: none; color: var(--text); text-decoration: none; font-variant-numeric: tabular-nums; }
.nt-tema-bordeaux.nt-annate .nt-prose table.tbl700 a:hover { background: rgba(239, 211, 172, .14); color: #fff; text-decoration: underline; }

/* elenchi risultati */
.nt-tema-bordeaux .nt-prose .bg_alpha1 { background: rgba(180, 0, 81, .1); border-color: rgba(170, 0, 41, .35); }
.nt-tema-bordeaux .nt-prose a.title, .nt-tema-bordeaux .nt-prose span.title { font-family: var(--sans); color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }
.nt-tema-bordeaux .nt-prose .snippet { color: #c9b8a6; font-size: .95rem; }

/* ---------- schede, griglie, sezioni ---------- */
.nt-tema-bordeaux .nt-faces { background: radial-gradient(circle at 50% 40%, #4a0a06 0%, #220100 75%); }
.nt-tema-bordeaux .nt-cc-img { background: radial-gradient(circle at 50% 45%, #4a0a06 0%, #220100 80%); }
.nt-tema-bordeaux .nt-facts dt { color: var(--gold); }
.nt-tema-bordeaux .nt-facts dd { font-size: 1.05rem; }
.nt-tema-bordeaux .nt-serie h2 { font-family: var(--sans); color: #ece4da; letter-spacing: .02em; }
.nt-tema-bordeaux .nt-cc-name { font-size: .98rem; }
.nt-tema-bordeaux .nt-cards a, .nt-tema-bordeaux .nt-hcards a, .nt-tema-bordeaux .nt-snav a, .nt-tema-bordeaux .nt-chips { box-shadow: 0 4px 12px rgba(0, 0, 0, .25); }
.nt-tema-bordeaux .nt-cards a:hover, .nt-tema-bordeaux .nt-hcards a:hover, .nt-tema-bordeaux .nt-snav a:hover { border-color: var(--gold); }
.nt-tema-bordeaux .nt-chips-t { color: var(--gold); }
.nt-tema-bordeaux .nt-chips a { color: var(--muted); font-weight: 700; font-size: .98rem; }

/* ---------- homepage ---------- */
.nt-tema-bordeaux .nt-hero { border-color: var(--line);
  background: linear-gradient(100deg, rgba(40, 3, 1, .97) 0%, rgba(40, 3, 1, .86) 48%, rgba(40, 3, 1, .3) 100%), url(/immagini/loghi/logo.jpg) left center / cover no-repeat; }
.nt-tema-bordeaux .nt-hero h1 { font: 800 clamp(1.8rem, 1.3rem + 2vw, 2.6rem)/1.15 var(--sans); color: #fff; letter-spacing: .01em; }
.nt-tema-bordeaux .nt-hero p { font-size: 1.15rem; color: var(--muted); }
.nt-tema-bordeaux .nt-hero-search input { background: rgba(20, 1, 0, .85); }
.nt-tema-bordeaux .nt-hc-t b { font-family: var(--sans); font-size: 1.12rem; color: #fff; }
.nt-tema-bordeaux .nt-hc-t small { color: var(--muted); font-size: .92rem; }

/* ---------- amministrazione (solo rete locale) ---------- */
.nt-tema-bordeaux .nt-adm { background: #240202; border-color: #6b4a1a; }
.nt-tema-bordeaux .nt-adm > summary { background: #3b0505; }
.nt-tema-bordeaux .nt-adm a:hover { background: #3b0505; }
.nt-tema-bordeaux .nt-editbar { background: #240202; }

/* ---------- piè di pagina ---------- */
.nt-tema-bordeaux .nt-footer { background: #1d0100; border-top: 0; color: var(--muted); font-size: .95rem; }
.nt-tema-bordeaux .nt-footer::before { content: ""; display: block; height: 5px; background: var(--oro); }
.nt-tema-bordeaux .nt-footer b { font-family: var(--sans); color: #fff; }
.nt-tema-bordeaux .nt-footer nav a { color: var(--link); }

/* ---------- tablet e telefono ---------- */
@media (max-width: 960px) {
  body.nt-tema-bordeaux { font-size: 17.5px; }
  .nt-tema-bordeaux .nt-header-in { padding-top: 0; padding-bottom: 10px; gap: 10px; }
  .nt-tema-bordeaux .nt-logo { order: 1; flex: 1 1 100%; max-width: none; margin: 0 -16px; }
  /* banner ritagliato sulla scritta "Monete D'Italia" (lato destro) per renderla leggibile */
  .nt-tema-bordeaux .nt-logo img { height: 72px; aspect-ratio: auto; object-fit: cover; object-position: right center; border-radius: 0; box-shadow: none; }
  .nt-tema-bordeaux .nt-menu-btn { order: 3; margin-left: 0; border-color: var(--gold-lo); background: var(--surface-2); color: #fff; }
  .nt-tema-bordeaux .nt-search { order: 4; flex: 1 1 200px; }
  .nt-tema-bordeaux .nt-topnav a { padding: 11px 12px; font-size: .84rem; }
  .nt-tema-bordeaux .nt-cat a { padding: 9px 10px; }
  body.nt-cat-open.nt-tema-bordeaux .nt-cat-head { background: var(--surface); }
}
@media (max-width: 560px) {
  .nt-tema-bordeaux .nt-logo { margin: 0 -14px; }
  .nt-tema-bordeaux .nt-head h1 { font-size: 1.3rem; padding: 7px 12px; }
  .nt-tema-bordeaux.nt-annate .nt-prose table.tbl700 a { padding: 7px 2px; text-align: center; font-size: .95rem; }
  .nt-tema-bordeaux .nt-prose { font-size: 1.04rem; }
  .nt-tema-bordeaux .nt-prose img[align=left] { float: none; display: block; margin: 0 auto 14px; }
  /* in colonna il campo con flex:1 si schiacciava a una riga sottile */
  .nt-tema-bordeaux .nt-hero-search input { flex: none; height: 48px; }
}
