/* DroneBase — Articoli (single post).
   Riusa il linguaggio visivo del tema (Roboto, palette blu/cyan delle landing,
   ombre) sul contenuto editoriale. Nessun design nuovo: stessi valori del
   framework landing (che espone gli stessi come CSS var solo dentro .db-landing).
   Caricato solo su single post da inc/single-article.php, a wp_head:110. */

/* ── Header: titolo + meta ── */
.single-post .entry-header { max-width: 760px; margin-bottom: 22px; }
.single-post .entry-title {
  font-family: Roboto, -apple-system, sans-serif;
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 900; letter-spacing: -1.2px; line-height: 1.08;
  color: #1a2637; margin: 0 0 12px;
}
.single-post .entry-meta {
  font-size: 13px; font-weight: 700; letter-spacing: .5px;
  text-transform: uppercase; color: #8a95a3;
}
.single-post .entry-meta a { color: #8a95a3; text-decoration: none; }
.single-post .entry-meta a:hover { color: #0096DB; }

/* ── Hero: immagine in evidenza ── */
.single-post .db-article-hero {
  margin: 0 0 34px; border-radius: 14px; overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,0,0,0.12); line-height: 0;
}
.single-post .db-article-hero-img { width: 100%; height: auto; display: block; }

/* ── Corpo articolo ── */
.single-post .entry-content {
  color: #1a2637; font-family: Roboto, -apple-system, sans-serif;
  font-size: 18px; line-height: 1.8; max-width: 760px;
}
.single-post .entry-content > *:first-child { margin-top: 0; }
.single-post .entry-content p { margin: 0 0 22px; }

.single-post .entry-content h2 {
  font-family: Roboto, sans-serif; font-size: 30px; font-weight: 900;
  letter-spacing: -.6px; line-height: 1.15; color: #0f1923; margin: 46px 0 14px;
}
.single-post .entry-content h3 {
  font-family: Roboto, sans-serif; font-size: 22px; font-weight: 800;
  letter-spacing: -.3px; color: #0f1923; margin: 32px 0 10px;
}
.single-post .entry-content h4 {
  font-family: Roboto, sans-serif; font-size: 18px; font-weight: 800;
  color: #0f1923; margin: 26px 0 8px;
}

.single-post .entry-content a {
  color: #0096DB; text-decoration: underline; text-underline-offset: 2px;
}
.single-post .entry-content a:hover { color: #0078b0; }
.single-post .entry-content strong { color: #0f1923; font-weight: 700; }

.single-post .entry-content ul,
.single-post .entry-content ol { margin: 0 0 22px; padding-left: 24px; }
.single-post .entry-content li { margin: 8px 0; }

.single-post .entry-content blockquote {
  border-left: 4px solid #0096DB; background: #f7fafc;
  margin: 28px 0; padding: 16px 22px; border-radius: 8px; color: #4a5a6b;
}
.single-post .entry-content blockquote p:last-child { margin-bottom: 0; }

.single-post .entry-content img { max-width: 100%; height: auto; border-radius: 14px; }
/* immagini nel corpo: larghezza limitata e centrate (look premium). L'hero resta pieno. */
.single-post .entry-content figure:not(.db-article-hero) { margin: 26px auto; text-align: center; }
.single-post .entry-content figure:not(.db-article-hero) img {
  display: inline-block; max-width: min(100%, 620px); height: auto;
  border-radius: 14px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.single-post .entry-content > img,
.single-post .entry-content p > img {
  display: block; max-width: min(100%, 620px); height: auto; margin: 22px auto;
  border-radius: 14px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.single-post .entry-content figcaption { font-size: 13px; color: #8a95a3; margin-top: 8px; text-align: center; }
.single-post .entry-content hr { border: none; border-top: 1px solid #dde6ee; margin: 36px 0; }

.single-post .entry-content table {
  border-collapse: collapse; width: 100%; margin: 24px 0; font-size: 15px;
}
.single-post .entry-content th,
.single-post .entry-content td { border: 1px solid #dde6ee; padding: 10px 14px; text-align: left; }
.single-post .entry-content th { background: #f7fafc; font-weight: 700; color: #1a2637; }

@media (max-width: 600px) {
  .single-post .entry-content { font-size: 17px; }
  .single-post .entry-content h2 { font-size: 25px; margin-top: 36px; }
  .single-post .entry-content h3 { font-size: 20px; }
}