/* ═══════════════════════════════════════════════════════════
   robertotaminelli.com — CSS aggiuntivo
   Aspetto > Personalizza > CSS aggiuntivo
   Aggiornato: settembre 2026
   L'@import DEVE restare la primissima riga del file.
   ═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap');


/* ═══════════════════════════════════════════
   1. VARIABILI — modifica solo qui
═══════════════════════════════════════════ */
:root {
  /* font */
  --font-serif: 'Instrument Serif', Georgia, serif;
  --font-sans: 'DM Sans', sans-serif;

  /* dimensioni */
  --size-body: 14px;
  --size-nav: 13px;
  --size-site-title: 1.2rem;
  --size-h1: 1.6rem;
  --size-h2: 1.0rem;
  --size-h3: 0.95rem;
  --size-claim: clamp(0.8rem, 1.3vw, 1.0rem);
  --size-filter: 0.8rem;

  /* colori */
  --ink: #1a1a1a;
  --muted: #8a8a8a;
  --gold: #e5d79c;
  --gold-light: #f7f1dc;
  --paper: #fafaf8;
}


/* ═══════════════════════════════════════════
   2. TIPOGRAFIA GLOBALE
═══════════════════════════════════════════ */
body, p, li, span, div, a {
  font-family: var(--font-sans) !important;
  font-size: var(--size-body) !important;
  font-weight: 400;
  line-height: 1.7;
}

.entry-content p,
.wp-block-paragraph {
  font-family: var(--font-sans) !important;
  font-size: var(--size-body) !important;
  line-height: 1.8 !important;
}


/* ═══════════════════════════════════════════
   3. TITOLI
   Instrument Serif esiste solo in peso 400:
   font-weight 700 produce faux bold, da evitare.
═══════════════════════════════════════════ */
h1, h2, h3, h4 {
  font-family: var(--font-serif) !important;
  font-weight: 400 !important;
  line-height: 1.3;
}

h1 { font-size: var(--size-h1) !important; }

h2, .entry-content h2 {
  font-size: var(--size-h2) !important;
  letter-spacing: 0.04em;
  margin-bottom: 0.5em !important;
}

h3 { font-size: var(--size-h3) !important; }


/* ═══════════════════════════════════════════
   4. NOME SITO
═══════════════════════════════════════════ */
.site-title,
.site-title a {
  font-family: var(--font-serif) !important;
  font-size: var(--size-site-title) !important;
  font-weight: 400 !important;
}


/* ═══════════════════════════════════════════
   5. NAVIGAZIONE
═══════════════════════════════════════════ */
.main-navigation a {
  font-family: var(--font-sans) !important;
  font-size: var(--size-nav) !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em;
}


/* ═══════════════════════════════════════════
   6. LAYOUT GLOBALE
═══════════════════════════════════════════ */
.site-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.site-main,
.content-area,
.site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.page-title {
  display: none !important;
}


/* ═══════════════════════════════════════════
   7. NASCONDI JETPACK E FOOTER
   Nota: li nasconde ma non li disattiva.
   Spegnili anche in Impostazioni > Condivisione
   e in Discussione, così smettono di caricarsi.
═══════════════════════════════════════════ */
.sharedaddy,
.sd-sharing,
.jp-relatedposts,
.wpl-likebox,
.site-info,
.site-info *,
footer#colophon,
footer.site-footer,
.site-footer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}


/* ═══════════════════════════════════════════
   8. PULSANTI BLOCCO WORDPRESS
═══════════════════════════════════════════ */
.wp-block-button__link {
  font-family: var(--font-sans) !important;
  background-color: var(--gold) !important;
  color: var(--ink) !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
}


/* ═══════════════════════════════════════════
   9. HOME — azzera spazi e footer
═══════════════════════════════════════════ */
.home .site-content,
.home .site-main,
.home .content-area,
.home .entry-content,
.home .entry-content > *,
.home .wp-block-group,
.home .wp-block,
.home .hentry,
.home article,
.home .entry-header,
.home .entry-footer {
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.home body,
.home #page,
.home #content,
.home #primary {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

html.wf-oswald-n3-active,
.home html {
  height: auto !important;
  min-height: 0 !important;
}


/* ═══════════════════════════════════════════
   10. HOME — CANVAS ANIMAZIONE
═══════════════════════════════════════════ */
#rt-home-wrap {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  height: calc(100vh - 60px) !important;
  min-height: 400px;
  overflow: hidden;
  background: var(--paper);
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  display: block !important;
}

#rt-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
}

#rt-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  box-sizing: border-box;
  z-index: 10;
  pointer-events: none;
}

#rt-claim {
  max-width: 600px;
  text-align: center;
}

#rt-claim p {
  font-family: var(--font-serif) !important;
  font-size: var(--size-claim) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 1.9 !important;
  color: var(--ink) !important;
  margin: 0 0 0.1em 0 !important;
  letter-spacing: 0.01em;
}


/* ═══════════════════════════════════════════
   11. WORKS — BARRA FILTRI
   Markup: blocco HTML con <button class="rt-f" data-f="...">
   Comportamento: snippet WPCode "Works — filtri"
   Nessun position/overflow: il tema Mayland
   non li tollera su questi contenitori.
═══════════════════════════════════════════ */
.rt-filters {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.rt-filters button.rt-f {
  font-family: var(--font-sans) !important;
  font-size: var(--size-filter) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid var(--gold) !important;
  border-radius: 2px;
  padding: 0.35rem 0.8rem;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color 0.2s;
}

.rt-filters button.rt-f:hover {
  background-color: var(--gold-light) !important;
}

.rt-filters button.rt-f.is-active {
  background-color: var(--gold) !important;
}

.rt-group[hidden] {
  display: none !important;
}

/* riduce lo stacco tra titolo Works e barra filtri */
.entry-header { margin-bottom: 0 !important; }
.entry-title  { margin-bottom: 0.6rem !important; }
.entry-content > .rt-filters { margin-top: 0 !important; }
/* ═══════════════════════════════════════════
   12. WORKS — SCHEDE OPERA
   Attivo quando le opere sono caricate.
═══════════════════════════════════════════ */
.rt-work {
  margin: 0 0 4rem;
}

.rt-work img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

.rt-work .rt-title {
  font-family: var(--font-serif) !important;
  font-size: var(--size-h3) !important;
  color: var(--ink) !important;
  display: block;
  margin-bottom: 0.3rem;
}

.rt-work .rt-meta {
  font-family: var(--font-sans) !important;
  font-size: 0.8rem !important;
  line-height: 1.6 !important;
  color: var(--muted) !important;
}

.rt-badge {
  display: inline-block;
  font-family: var(--font-sans) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.25rem 0.6rem;
  margin-top: 0.6rem;
  border-radius: 2px;
}

.rt-badge.is-available {
  background-color: var(--gold);
  color: var(--ink) !important;
}

.rt-badge.is-sold {
  background-color: transparent;
  border: 1px solid var(--muted);
  color: var(--muted) !important;
}
/* ═══════════════════════════════════════════
   13. NASCONDI IMMAGINE IN EVIDENZA
   Resta impostata perché genera og:image,
   ma non viene mostrata nelle pagine.
═══════════════════════════════════════════ */
.page .post-thumbnail,
.page .entry-image,
.page .featured-media,
.page .wp-post-image,
.entry-header .post-thumbnail {
  display: none !important;
}