/*
 * Studio S.IN.TE.SI Modernizer 0.2
 * Step 2: gerarchia visiva della Home, intro, contatti, sidebar e responsive.
 * Nessuna modifica ai contenuti salvati nel database.
 */

:root {
  --sintesi-navy: #0b3b66;
  --sintesi-blue: #155b8f;
  --sintesi-blue-2: #2d759f;
  --sintesi-blue-soft: #eaf3f8;
  --sintesi-accent: #e7a81e;
  --sintesi-text: #263b4b;
  --sintesi-muted: #667b89;
  --sintesi-line: #d9e5ec;
  --sintesi-surface: #ffffff;
  --sintesi-bg: #f4f8fa;
  --sintesi-shadow: 0 14px 34px rgba(11, 59, 102, 0.08);
  --sintesi-radius: 14px;
  --sintesi-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ---------- Base ---------- */
body.sintesi-modern {
  font-family: var(--sintesi-font) !important;
  color: var(--sintesi-text);
  background:
    radial-gradient(circle at 15% 0%, rgba(21,91,143,.055), transparent 28rem),
    linear-gradient(180deg, #fbfdfe 0%, var(--sintesi-bg) 100%);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.sintesi-modern p,
.sintesi-modern li,
.sintesi-modern td,
.sintesi-modern th,
.sintesi-modern input,
.sintesi-modern textarea,
.sintesi-modern select,
.sintesi-modern button {
  font-family: var(--sintesi-font) !important;
}

.sintesi-modern p,
.sintesi-modern .entry-content,
.sintesi-modern .entry-content p,
.sintesi-modern .entry-content li {
  line-height: 1.68;
  letter-spacing: 0;
}

/* Neutralizza i vecchi colori/font inline nella Home senza riscrivere il contenuto */
.sintesi-modern.home .entry-content span[style*="color"] {
  color: inherit !important;
  font-family: var(--sintesi-font) !important;
}

.sintesi-modern h1,
.sintesi-modern h2,
.sintesi-modern h3,
.sintesi-modern h4,
.sintesi-modern h5,
.sintesi-modern h6,
.sintesi-modern .entry-title,
.sintesi-modern .widget-title {
  font-family: var(--sintesi-font) !important;
  color: var(--sintesi-navy);
  font-weight: 750;
  letter-spacing: -0.018em;
  line-height: 1.16;
}

.sintesi-modern h1,
.sintesi-modern .entry-title {
  font-size: clamp(2.05rem, 3vw, 2.9rem);
}

.sintesi-modern h2 { font-size: clamp(1.5rem, 2.1vw, 1.95rem); }
.sintesi-modern h3 { font-size: 1.28rem; }

.sintesi-modern a {
  color: var(--sintesi-blue);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color .18s ease, opacity .18s ease, transform .18s ease;
}
.sintesi-modern a:hover,
.sintesi-modern a:focus { color: var(--sintesi-navy); }

/* ---------- Header / identità ---------- */
.sintesi-modern .site-header,
.sintesi-modern #masthead,
.sintesi-modern header.main-header,
.sintesi-modern .main-header {
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(217,229,236,.9);
  box-shadow: 0 5px 22px rgba(11, 59, 102, 0.08);
}

.sintesi-modern .site-title,
.sintesi-modern .site-title a {
  font-family: var(--sintesi-font) !important;
  color: var(--sintesi-navy) !important;
  font-weight: 800 !important;
  letter-spacing: .015em;
}

.sintesi-modern .site-description {
  font-family: var(--sintesi-font) !important;
  color: var(--sintesi-muted) !important;
  font-weight: 500;
  letter-spacing: .01em;
}

.sintesi-modern .main-navigation a,
.sintesi-modern nav a {
  font-family: var(--sintesi-font) !important;
  font-weight: 650;
  letter-spacing: .006em;
}

/* ---------- Layout ---------- */
.sintesi-modern .site-content,
.sintesi-modern #content,
.sintesi-modern .container,
.sintesi-modern .site-inner {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.sintesi-modern .site-content,
.sintesi-modern #content {
  padding-top: 30px;
  padding-bottom: 46px;
}

.sintesi-modern .entry-content {
  font-size: 16.5px;
  color: var(--sintesi-text);
}

/* ---------- Home intro: creato solo nel browser da JS ---------- */
.sintesi-modern.home .sintesi-home-intro {
  position: relative;
  overflow: hidden;
  margin: 4px 0 30px;
  padding: clamp(24px, 4vw, 42px);
  color: var(--sintesi-text);
  background:
    linear-gradient(125deg, rgba(255,255,255,.98) 0 63%, rgba(234,243,248,.94) 100%);
  border: 1px solid var(--sintesi-line);
  border-radius: var(--sintesi-radius);
  box-shadow: var(--sintesi-shadow);
}

.sintesi-modern.home .sintesi-home-intro::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  right: -80px;
  top: -110px;
  border: 34px solid rgba(21,91,143,.065);
  border-radius: 50%;
  pointer-events: none;
}

.sintesi-modern.home .sintesi-home-intro::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, var(--sintesi-blue), var(--sintesi-accent));
}

.sintesi-modern.home .sintesi-home-intro > * {
  position: relative;
  z-index: 1;
  max-width: 760px;
}

.sintesi-modern.home .sintesi-home-intro p {
  margin: 0 0 .9rem;
  color: var(--sintesi-text) !important;
  font-size: 1.04rem;
}

.sintesi-modern.home .sintesi-home-intro p:first-child {
  font-size: clamp(1.2rem, 1.7vw, 1.38rem);
  line-height: 1.52;
  color: var(--sintesi-navy) !important;
  font-weight: 600;
}

.sintesi-modern.home .sintesi-professional-links {
  margin-top: 1.15rem !important;
  padding-top: 1rem;
  border-top: 1px solid var(--sintesi-line);
  font-size: .98rem !important;
}

.sintesi-modern.home .sintesi-professional-links a {
  display: inline-block;
  margin: .2rem .35rem .2rem 0;
  padding: .46rem .72rem;
  color: var(--sintesi-navy) !important;
  background: #fff;
  border: 1px solid #cbdde8;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
}

.sintesi-modern.home .sintesi-professional-links a:hover {
  background: var(--sintesi-blue-soft);
  border-color: #abcbdc;
}

/* ---------- Contatti ---------- */
.sintesi-modern.home .sintesi-contacts-title {
  margin: 34px 0 12px;
}

.sintesi-modern.home .sintesi-contacts-title::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 9px;
  background: var(--sintesi-accent);
  border-radius: 3px;
}

.sintesi-modern.home .sintesi-contact-card {
  margin: 0 0 26px;
  padding: 18px 20px;
  background: rgba(255,255,255,.86);
  border: 1px solid var(--sintesi-line);
  border-radius: 11px;
}

.sintesi-modern.home .sintesi-contact-card p {
  margin: .28rem 0;
}

/* ---------- Sidebar / widget ---------- */
.sintesi-modern .widget,
.sintesi-modern .sidebar .widget,
.sintesi-modern #secondary .widget {
  background: rgba(255,255,255,.96);
  border: 1px solid var(--sintesi-line);
  border-radius: 12px;
  box-shadow: 0 9px 28px rgba(11, 59, 102, 0.065);
  padding: 19px;
  margin-bottom: 23px;
}

.sintesi-modern .widget-title {
  margin-top: 0;
  margin-bottom: 14px;
  padding-bottom: 9px;
  border-bottom: 2px solid var(--sintesi-accent);
}

.sintesi-modern .widget ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.sintesi-modern .widget li {
  padding: 8px 0;
  border-bottom: 1px solid #edf2f6;
}
.sintesi-modern .widget li:last-child { border-bottom: 0; }

.sintesi-modern .sintesi-work-thumb {
  display: block;
  overflow: hidden;
  border-radius: 8px;
  text-decoration: none;
}

.sintesi-modern .sintesi-work-thumb img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .28s ease, filter .28s ease;
}

.sintesi-modern .sintesi-work-thumb:hover img {
  transform: scale(1.025);
  filter: saturate(1.04) contrast(1.02);
}

/* ---------- Images / small details ---------- */
.sintesi-modern .entry-content img {
  max-width: 100%;
  height: auto;
}

.sintesi-modern.home .entry-content > p { margin-bottom: 1rem; }
.sintesi-modern.home .entry-content a { font-weight: 650; }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .sintesi-modern .site-content,
  .sintesi-modern #content {
    padding-left: 18px;
    padding-right: 18px;
  }

  .sintesi-modern .entry-content { font-size: 16px; }

  .sintesi-modern.home .sintesi-home-intro {
    padding: 24px 23px 22px 27px;
    border-radius: 11px;
  }

  .sintesi-modern .widget,
  .sintesi-modern .sidebar .widget,
  .sintesi-modern #secondary .widget {
    border-radius: 9px;
    padding: 16px;
  }
}

@media (max-width: 600px) {
  .sintesi-modern h1,
  .sintesi-modern .entry-title { font-size: 2rem; }
  .sintesi-modern h2 { font-size: 1.48rem; }

  .sintesi-modern.home .sintesi-home-intro::after {
    width: 180px;
    height: 180px;
    right: -95px;
    top: -85px;
  }

  .sintesi-modern.home .sintesi-professional-links a {
    display: block;
    width: fit-content;
  }
}

/* ========================================================================
 * Studio S.IN.TE.SI Modernizer 0.3
 * Step 3: rifinitura tipografica, profili LinkedIn, email, social header,
 *         decorazioni titolo e footer. Tutto reversibile lato front-end.
 * ====================================================================== */

/* --- Tipografia coerente anche nei vecchi widget/theme elements --- */
.sintesi-modern .widget,
.sintesi-modern .widget p,
.sintesi-modern .widget li,
.sintesi-modern .widget a,
.sintesi-modern #secondary,
.sintesi-modern #secondary p,
.sintesi-modern #secondary li,
.sintesi-modern #secondary a,
.sintesi-modern .sidebar,
.sintesi-modern .sidebar p,
.sintesi-modern .sidebar li,
.sintesi-modern .sidebar a {
  font-family: var(--sintesi-font) !important;
}

/* Safety Pills: testo più tecnico e contemporaneo, senza effetto "dattiloscritto" */
.sintesi-modern .sintesi-safety-widget ul,
.sintesi-modern .sintesi-safety-widget ol {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.sintesi-modern .sintesi-safety-widget li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #e7eef3 !important;
}

.sintesi-modern .sintesi-safety-widget li:last-child {
  border-bottom: 0 !important;
}

.sintesi-modern .sintesi-safety-widget li a {
  display: block;
  padding: 10px 0 !important;
  color: #40586a !important;
  font-family: var(--sintesi-font) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.sintesi-modern .sintesi-safety-widget li a:hover,
.sintesi-modern .sintesi-safety-widget li a:focus {
  color: var(--sintesi-blue) !important;
}

/* --- Profili Chiara / Filippo: niente più bottoni "pill" --- */
.sintesi-modern.home .sintesi-professional-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 14px 24px;
  margin-top: 1.2rem !important;
  padding-top: 1.05rem;
  border-top: 1px solid var(--sintesi-line);
  text-align: center !important;
  color: transparent;
  font-size: 0 !important;
}

.sintesi-modern.home .sintesi-professional-links a {
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  margin: 0 !important;
  padding: .26rem 0 .31rem !important;
  color: var(--sintesi-navy) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #c8dce8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--sintesi-font) !important;
  font-size: .95rem !important;
  font-weight: 720 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

.sintesi-modern.home .sintesi-professional-links a::before {
  content: "in";
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #0a66c2;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.sintesi-modern.home .sintesi-professional-links a::after {
  content: "↗";
  color: var(--sintesi-muted);
  font-size: .78rem;
  font-weight: 600;
}

.sintesi-modern.home .sintesi-professional-links a:hover {
  color: var(--sintesi-blue) !important;
  border-bottom-color: var(--sintesi-blue) !important;
}

/* --- Contatti e indirizzi e-mail: font e gerarchia puliti --- */
.sintesi-modern.home .sintesi-contact-card {
  font-family: var(--sintesi-font) !important;
}

.sintesi-modern.home .sintesi-contact-card p,
.sintesi-modern.home .sintesi-contact-card a,
.sintesi-modern.home .sintesi-contact-card span {
  font-family: var(--sintesi-font) !important;
}

.sintesi-modern.home .sintesi-contact-card .sintesi-mail-link {
  display: inline-block;
  color: #245f86 !important;
  font-size: .91rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
  border-bottom: 1px dotted #a8c2d2;
  overflow-wrap: anywhere;
}

.sintesi-modern.home .sintesi-contact-card .sintesi-mail-link:hover {
  color: var(--sintesi-navy) !important;
  border-bottom-color: var(--sintesi-navy);
}

/* --- Decorazioni del titolo Home: rimuove linee/pseudo-elementi ereditati --- */
.sintesi-modern.home .entry-header::before,
.sintesi-modern.home .entry-header::after,
.sintesi-modern.home .page-header::before,
.sintesi-modern.home .page-header::after,
.sintesi-modern.home .entry-title::before,
.sintesi-modern.home .entry-title::after,
.sintesi-modern.home h1.entry-title::before,
.sintesi-modern.home h1.entry-title::after {
  display: none !important;
  content: none !important;
}

/* Eventuale etichetta duplicata della pagina individuata via JS */
.sintesi-modern.home .sintesi-duplicate-page-label {
  display: none !important;
}

/* --- Social nell'header: integrati nel blu, niente box bianco o pallini --- */
.sintesi-modern .sintesi-header-socials-wrap {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.sintesi-modern .sintesi-header-socials {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
}

.sintesi-modern .sintesi-header-socials > li,
.sintesi-modern .sintesi-header-social-item {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
}

.sintesi-modern .sintesi-header-socials > li::before,
.sintesi-modern .sintesi-header-socials > li::after,
.sintesi-modern .sintesi-header-social-item::before,
.sintesi-modern .sintesi-header-social-item::after {
  display: none !important;
  content: none !important;
}

.sintesi-modern .sintesi-header-social-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.sintesi-modern .sintesi-header-social-link:hover,
.sintesi-modern .sintesi-header-social-link:focus {
  color: #fff !important;
  background: rgba(255,255,255,.17) !important;
  border-color: rgba(255,255,255,.7) !important;
  transform: translateY(-1px);
}

.sintesi-modern .sintesi-header-social-link i,
.sintesi-modern .sintesi-header-social-link svg,
.sintesi-modern .sintesi-header-social-link span {
  color: inherit !important;
  fill: currentColor !important;
}

/* Rimuove pallini/decorazioni da liste social anche se il tema usa marker */
.sintesi-modern header [class*="social"] ul,
.sintesi-modern #masthead [class*="social"] ul,
.sintesi-modern .site-header [class*="social"] ul {
  list-style: none !important;
}

.sintesi-modern header [class*="social"] li::marker,
.sintesi-modern #masthead [class*="social"] li::marker,
.sintesi-modern .site-header [class*="social"] li::marker {
  content: "" !important;
  font-size: 0 !important;
}

/* --- Footer: rende leggibili i widget sul fondo blu scuro --- */
.sintesi-modern footer .widget,
.sintesi-modern .site-footer .widget,
.sintesi-modern #colophon .widget {
  color: rgba(255,255,255,.88) !important;
  background: rgba(255,255,255,.075) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: none !important;
}

.sintesi-modern footer .widget-title,
.sintesi-modern .site-footer .widget-title,
.sintesi-modern #colophon .widget-title {
  color: #fff !important;
  border-bottom-color: var(--sintesi-accent) !important;
}

.sintesi-modern footer .widget a,
.sintesi-modern footer .widget li,
.sintesi-modern footer .widget p,
.sintesi-modern .site-footer .widget a,
.sintesi-modern .site-footer .widget li,
.sintesi-modern .site-footer .widget p,
.sintesi-modern #colophon .widget a,
.sintesi-modern #colophon .widget li,
.sintesi-modern #colophon .widget p {
  color: rgba(255,255,255,.82) !important;
  font-family: var(--sintesi-font) !important;
}

.sintesi-modern footer input[type="text"],
.sintesi-modern footer input[type="search"],
.sintesi-modern .site-footer input[type="text"],
.sintesi-modern .site-footer input[type="search"],
.sintesi-modern #colophon input[type="text"],
.sintesi-modern #colophon input[type="search"] {
  color: var(--sintesi-text) !important;
  background: #fff !important;
  border-color: rgba(255,255,255,.35) !important;
}

@media (max-width: 600px) {
  .sintesi-modern.home .sintesi-professional-links {
    justify-content: flex-start;
    gap: 10px 18px;
    text-align: left !important;
  }

  .sintesi-modern.home .sintesi-professional-links a {
    width: auto !important;
  }

  .sintesi-modern .sintesi-header-social-link {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }
}

/* ========================================================================
 * Studio S.IN.TE.SI Modernizer 0.4
 * Step 4: articoli / Safety Pills — lettura editoriale più pulita.
 * Interventi solo lato front-end; nessun contenuto WordPress viene modificato.
 * ====================================================================== */

/* --- Pagina articolo: più aria e larghezza leggibile --- */
.sintesi-modern.single-post .site-content,
.sintesi-modern.single-post #content {
  padding-top: 34px;
}

.sintesi-modern.single-post article,
.sintesi-modern.single-post .hentry,
.sintesi-modern.single-post .site-main > article {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.sintesi-modern.single-post .entry-header,
.sintesi-modern.single-post .entry-content,
.sintesi-modern.single-post .entry-footer,
.sintesi-modern.single-post .post-thumbnail,
.sintesi-modern.single-post .wp-post-image {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.sintesi-modern.single-post .entry-title {
  margin-bottom: .7rem;
  color: var(--sintesi-navy) !important;
  font-size: clamp(2rem, 3.4vw, 3rem);
  line-height: 1.12;
}

.sintesi-modern.single-post .entry-meta,
.sintesi-modern.single-post .entry-meta a {
  font-family: var(--sintesi-font) !important;
  color: #728491 !important;
  font-size: .86rem !important;
  text-decoration: none !important;
}

.sintesi-modern.single-post .entry-content {
  color: var(--sintesi-text);
  font-size: 17px;
  line-height: 1.72;
}

.sintesi-modern.single-post .entry-content > p:first-of-type {
  color: var(--sintesi-navy);
  font-size: 1.12rem;
  line-height: 1.62;
}

.sintesi-modern.single-post .entry-content h2 {
  margin-top: 2.25rem;
  margin-bottom: .75rem;
  color: var(--sintesi-navy) !important;
  font-size: clamp(1.42rem, 2vw, 1.78rem);
  line-height: 1.24;
}

.sintesi-modern.single-post .entry-content h2::after {
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  margin-top: .55rem;
  background: var(--sintesi-accent);
  border-radius: 999px;
}

.sintesi-modern.single-post .entry-content hr {
  margin: 2.2rem 0 1.5rem;
  border: 0;
  border-top: 1px solid var(--sintesi-line);
}

/* --- Elenchi: ripristina veri bullet anche se il tema li sopprime --- */
.sintesi-modern.single-post .entry-content ul,
.sintesi-modern.single-post .entry-content ol {
  margin: 1rem 0 1.35rem;
  padding-left: 1.45rem !important;
}

.sintesi-modern.single-post .entry-content ul {
  list-style: disc outside !important;
}

.sintesi-modern.single-post .entry-content ol {
  list-style: decimal outside !important;
}

.sintesi-modern.single-post .entry-content li {
  display: list-item !important;
  margin: .42rem 0;
  padding-left: .18rem;
}

.sintesi-modern.single-post .entry-content ul li::marker {
  color: var(--sintesi-blue-2);
  font-size: .9em;
}

/* --- Immagine in evidenza: presentazione editoriale --- */
.sintesi-modern.single-post .post-thumbnail,
.sintesi-modern.single-post .entry-content > figure:first-child,
.sintesi-modern.single-post .wp-post-image {
  border-radius: 12px;
  overflow: hidden;
}

.sintesi-modern.single-post img.wp-post-image {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 12px 30px rgba(11, 59, 102, .10);
}

/* --- Categoria ripetuta sotto l'immagine: non serve nelle Safety Pills --- */
.sintesi-modern.single-post.sintesi-safety-single .cat-links,
.sintesi-modern.single-post.sintesi-safety-single .entry-footer .cat-links,
.sintesi-modern.single-post.sintesi-safety-single .post-categories,
.sintesi-modern.single-post.sintesi-safety-single .sintesi-hide-on-safety {
  display: none !important;
}

/* --- Firma/autore finale: resa come piccolo box --- */
.sintesi-modern.single-post.sintesi-safety-single .sintesi-author-note {
  margin: 1.6rem 0 .5rem;
  padding: 16px 18px;
  background: #f7fafc;
  border: 1px solid var(--sintesi-line);
  border-left: 4px solid var(--sintesi-blue);
  border-radius: 9px;
  color: #405666;
}

.sintesi-modern.single-post.sintesi-safety-single .sintesi-author-note strong {
  color: var(--sintesi-navy);
}

/* --- Widget nella pagina Safety Pill: mostra soltanto “Altre Safety Pills” --- */
.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-hide-widget {
  display: none !important;
}

.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget {
  max-width: 900px;
  margin: 2.5rem auto 1.4rem !important;
  padding: 22px 24px !important;
  background: #fff !important;
  border: 1px solid var(--sintesi-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 28px rgba(11, 59, 102, .06) !important;
}

.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget .widget-title,
.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget > h1,
.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget > h2,
.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget > h3,
.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget > h4 {
  margin-bottom: 12px !important;
}

.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget .widget-title::before,
.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget h1::before,
.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget h2::before,
.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget h3::before,
.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget h4::before {
  content: "Altre ";
}

/* Tag cloud e vecchi blocchi del tema, se non intercettati come widget */
.sintesi-modern.single-post.sintesi-safety-single .tagcloud,
.sintesi-modern.single-post.sintesi-safety-single .tags-links,
.sintesi-modern.single-post.sintesi-safety-single .widget_tag_cloud,
.sintesi-modern.single-post.sintesi-safety-single .widget_search,
.sintesi-modern.single-post.sintesi-safety-single .widget_archive,
.sintesi-modern.single-post.sintesi-safety-single .widget_meta,
.sintesi-modern.single-post.sintesi-safety-single .widget_categories {
  display: none !important;
}

/* Condivisione: separata, ma discreta */
.sintesi-modern.single-post.sintesi-safety-single .sharedaddy,
.sintesi-modern.single-post.sintesi-safety-single [class*="share"],
.sintesi-modern.single-post.sintesi-safety-single [class*="social-share"] {
  font-family: var(--sintesi-font) !important;
}

@media (max-width: 760px) {
  .sintesi-modern.single-post .entry-content {
    font-size: 16px;
  }

  .sintesi-modern.single-post .entry-header,
  .sintesi-modern.single-post .entry-content,
  .sintesi-modern.single-post .entry-footer,
  .sintesi-modern.single-post .post-thumbnail,
  .sintesi-modern.single-post .wp-post-image,
  .sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget {
    max-width: 100%;
  }

  .sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget {
    margin-top: 1.8rem !important;
    padding: 18px !important;
  }
}


/* ========================================================================
 * Studio S.IN.TE.SI Modernizer 0.5
 * Step 5: rifiniture finali Safety Pills.
 * - rimuove label categoria vuota/ridondante
 * - nasconde navigazione PREVIOUS/NEXT del vecchio tema
 * - elimina il credito tema dal footer
 * - rende i bullet dell'articolo inequivocabili anche con CSS legacy
 * ====================================================================== */

/* Etichette categoria residue: il JS marca le righe vuote/ridondanti. */
.sintesi-modern.single-post.sintesi-safety-single .sintesi-empty-category-label,
.sintesi-modern.single-post.sintesi-safety-single .sintesi-redundant-category-label {
  display: none !important;
}

/* La vecchia navigazione PREVIOUS/NEXT non aggiunge valore alle Safety Pills. */
.sintesi-modern.single-post.sintesi-safety-single .post-navigation,
.sintesi-modern.single-post.sintesi-safety-single .navigation.post-navigation,
.sintesi-modern.single-post.sintesi-safety-single .nav-links,
.sintesi-modern.single-post.sintesi-safety-single .nav-previous,
.sintesi-modern.single-post.sintesi-safety-single .nav-next,
.sintesi-modern.single-post.sintesi-safety-single .sintesi-old-post-nav {
  display: none !important;
}

/* Credito grafico del vecchio tema: non serve nel front-end. */
.sintesi-modern .sintesi-theme-credit,
.sintesi-modern .site-info {
  display: none !important;
}

/* Bullet personalizzati: più affidabili dei marker del tema storico. */
.sintesi-modern.single-post.sintesi-safety-single .entry-content ul.sintesi-article-list {
  list-style: none !important;
  margin: 1.05rem 0 1.45rem !important;
  padding: 0 !important;
}

.sintesi-modern.single-post.sintesi-safety-single .entry-content ul.sintesi-article-list > li {
  position: relative !important;
  display: block !important;
  margin: .52rem 0 !important;
  padding: 0 0 0 1.35rem !important;
  line-height: 1.62 !important;
}

.sintesi-modern.single-post.sintesi-safety-single .entry-content ul.sintesi-article-list > li::before {
  content: "•" !important;
  position: absolute !important;
  left: .12rem !important;
  top: 0 !important;
  color: var(--sintesi-blue-2) !important;
  font-size: 1.05em !important;
  font-weight: 900 !important;
  line-height: 1.62 !important;
}

/* Un po' più di respiro prima della firma e delle altre pills. */
.sintesi-modern.single-post.sintesi-safety-single .sintesi-author-note {
  margin-top: 2rem !important;
}

.sintesi-modern.single-post.sintesi-safety-single .sintesi-safety-widget {
  margin-top: 2.75rem !important;
}

/* ========================================================================
 * Studio S.IN.TE.SI Modernizer 0.6
 * - Safety Pills laterali dinamiche
 * - immagini archivio/category non più tagliate
 * ====================================================================== */

/* Il vecchio elenco resta nel DOM come fallback ma non viene mostrato quando
   il nuovo elenco dinamico è stato costruito. */
.sintesi-modern .sintesi-safety-widget.sintesi-safety-dynamic-ready .sintesi-safety-original-content {
  display: none !important;
}

.sintesi-modern .sintesi-safety-dynamic-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: .25rem;
}

.sintesi-modern .sintesi-safety-dynamic-item {
  display: block !important;
  padding: .78rem 0 !important;
  border-bottom: 1px solid var(--sintesi-line) !important;
  text-decoration: none !important;
  font-family: var(--sintesi-font) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sintesi-modern .sintesi-safety-dynamic-item:last-child {
  border-bottom: 0 !important;
}

.sintesi-modern .sintesi-safety-dynamic-title {
  display: block;
  color: #405666 !important;
  font-size: .92rem;
  line-height: 1.45;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  transition: color .18s ease;
}

.sintesi-modern .sintesi-safety-dynamic-date {
  display: block;
  margin-top: .34rem;
  color: #7a8d9b !important;
  font-size: .78rem;
  line-height: 1.3;
  font-weight: 400;
}

.sintesi-modern .sintesi-safety-dynamic-item:hover .sintesi-safety-dynamic-title,
.sintesi-modern .sintesi-safety-dynamic-item:focus .sintesi-safety-dynamic-title {
  color: var(--sintesi-blue) !important;
}

/* Archive/category: il tema storico tende a imporre un crop fisso alle
   immagini in evidenza. Manteniamo invece il rapporto originale. */
.sintesi-modern.sintesi-archive-modern .sintesi-archive-image-holder,
.sintesi-modern.sintesi-archive-modern .post-thumbnail,
.sintesi-modern.sintesi-archive-modern .post-image,
.sintesi-modern.sintesi-archive-modern .postbox-image {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: #f7fafc;
  border-radius: 10px;
}

.sintesi-modern.sintesi-archive-modern img.sintesi-archive-featured-image,
.sintesi-modern.sintesi-archive-modern .post-thumbnail img,
.sintesi-modern.sintesi-archive-modern .post-image img,
.sintesi-modern.sintesi-archive-modern img.wp-post-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
  border-radius: 10px !important;
}

/* Evita che pseudo-elementi/overlay del tema ricoprano la miniatura. */
.sintesi-modern.sintesi-archive-modern .sintesi-archive-image-holder::before,
.sintesi-modern.sintesi-archive-modern .sintesi-archive-image-holder::after,
.sintesi-modern.sintesi-archive-modern .post-thumbnail::before,
.sintesi-modern.sintesi-archive-modern .post-thumbnail::after {
  max-height: 100% !important;
}

@media (max-width: 760px) {
  .sintesi-modern .sintesi-safety-dynamic-title {
    font-size: .9rem;
  }
}
