/* =====================================================================
   font-override.css
   Tutto Times New Roman, con queste eccezioni intoccate:
     - Logo "RIOT MODEL MANAGEMENT" (resta Roboto)
     - Area blog in homepage (.masonry e tutto il suo contenuto)
   Per annullare: rimuovere il <link> e lo <script> da head_section.php
   ===================================================================== */

/* ---------- TIMES NEW ROMAN sui testi del sito ---------- */
body, p, span, div, a, li, ul, ol, td, th, label, button, select,
h1, h2, h3, h4, h5, h6,
.menu, .menu a, .menu-submenu, .menu-submenu a,
.blogtitolo, .model_name, .model-name,
nav.menu, nav.menu a, nav.menu .index, nav.menu .models, nav.menu .contacts,
nav.menu .menu-submenu a, nav.menu .menu-submenu .man, nav.menu .menu-submenu .woman {
  font-family: 'Times New Roman', Times, serif !important;
}
input, textarea {
  font-family: 'Times New Roman', Times, serif !important;
}

/* ---------- HOMEPAGE BLOG: preservata com'era (Roboto) ---------- */
/* Sovrascrive la regola sopra solo per ciò che sta dentro il blog masonry */
.masonry,
.masonry *,
.masonry .blogtitolo,
.masonry .model_name {
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
}
/* Eccezione nell'eccezione: i titoli del blog erano in Times anche prima */
.masonry .blogtitolo {
  font-family: 'Times New Roman', Times, serif !important;
}

/* ---------- LOGO "RIOT MODEL MANAGEMENT": BEBAS NEUE ---------- */
.header__logo {
  font-family: 'Bebas Neue', 'Helvetica Neue', Arial, sans-serif !important;
  letter-spacing: 0.05em !important;
}

/* ---------- MENU CENTRATO RISPETTO ALLA PAGINA (solo desktop > 768px).
   Sotto i 768px lasciamo il drawer originale del sito. ---------- */
@media (min-width: 769px) {
  nav.menu {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    max-width: 90% !important;
    margin: 0 !important;
    text-align: center !important;
  }
}

/* ---------- MENU + SOTTOMENU IN MINUSCOLO ---------- */
.menu a, nav.menu a,
.menu .index, nav.menu .index,
.menu .models, nav.menu .models,
.menu .contacts, nav.menu .contacts,
.menu-submenu a, nav.menu .menu-submenu a,
.menu-submenu .man, .menu-submenu .woman {
  text-transform: lowercase !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
}

/* ---------- NOMI MODELLI: aspetto. Title Case lo fa il JS ---------- */
.blogtitolo,
.model_name,
.model-name {
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

/* ---------- DISATTIVO L'UPPERCASE FORZATO SUI BLOCCHI DEI MODELLI ----------
   Senza questo, il JS converte i nomi/dati in Title Case ma il CSS li mostra
   visivamente in MAIUSCOLO comunque. */
.modelinfo, .modelinfo *,
.model_detal, .model_detal *,
.info_data_model, .info_data_model *,
.misure, .misure * {
  text-transform: none !important;
}

/* ---------- HOVER PROFILI: dettagli (misure) con stesso sfondo del nome ----------
   Il wrapper .model_detal aveva sfondo rosso, lo rendo trasparente.
   Le misure ottengono il loro sfondino bianco semi-trasparente uguale a .model_name. */
.modelinfo {
  bottom: 10px !important;  /* riquadro hover più in basso (era 50px) */
}
.model_detal {
  background: transparent !important;
  line-height: 1.5 !important;  /* interlinea standard uniforme su tutto il riquadro */
}
.model_name,
.model_write_data,
.misure,
.misure span,
.model_write_data span {
  line-height: 1.5 !important;
  margin: 0 !important;
}
.model_name {
  padding-top: 8px !important;
  padding-bottom: 0 !important;
}
.model_write_data {
  padding-top: 0 !important;
}
.misure {
  background: #ffffffc9 !important;
  padding-top: 0 !important;
  padding-bottom: 8px !important;
}

/* ---------- CATEGORIE FILTRO (All / International / Polas / Books...) IN MINUSCOLO ---------- */
.categorie a,
.categorie span {
  text-transform: lowercase !important;
}

/* Spazio fra le categorie: 5px (originale) -> 10px (raddoppiato) -> 15px (+ metà) */
.categorie span {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Spazio sotto la riga delle categorie: raddoppiato */
.categorie {
  padding-bottom: 14px !important;
  margin-bottom: 20px !important;
}

/* ---------- BOTTONI E TENDINA SU PAGINA MODELLO ---------- */
/* PDF, Download e tendina Portfolio tutti in minuscolo */
#pdf, #scarica, #media_tag, #media_tag option {
  text-transform: lowercase !important;
}

/* PDF, Portfolio (tendina), Download: stessa dimensione tondeggianti senza bordo,
   testo bianco, fondino grigio chiaro, font piccolo */
button#pdf,
button#scarica,
select#media_tag,
#pdf, #scarica, #media_tag {
  display: inline-block !important;
  border-radius: 999px !important;
  border: none !important;
  background-color: #a0a0a0 !important;
  color: #ffffff !important;
  padding: 0 6px !important;
  margin: 0 !important;
  outline: none !important;
  text-align: center !important;
  font-family: 'Times New Roman', Times, serif !important;
  font-size: 13px !important;
  line-height: 24px !important;
  height: 24px !important;
  min-height: 0 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

/* Tendina Portfolio: triangolo custom, riquadro stretto attorno al testo */
select#media_tag {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23ffffff' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 5px center !important;
  background-size: 7px 4px !important;
  padding-right: 14px !important;
  padding-left: 6px !important;
}

/* Allinea verticalmente PDF / Portfolio / Download (sempre).
   La posizione viene gestita: solo desktop > 1049px in alto a destra,
   sotto quella larghezza il sito originale la mette in basso (non la tocco). */
.options {
  align-items: center !important;
  gap: 6px !important;
}
@media (min-width: 1050px) {
  .options {
    top: 0 !important;
    bottom: auto !important;
    height: 40px !important;
    left: auto !important;
    right: 65px !important;
    transform: none !important;
  }
}
#pdfcontenitore {
  justify-content: center !important;
}
form.donwloadzip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#media_tag option {
  background: #a0a0a0 !important;
  color: #ffffff !important;
  font-size: 12px !important;
}