/* ============================================================
   STYLING GENERAL PE CONȚINUTUL ARTICOLELOR (post_type=post)
   Cuculis si Asociatii - paleta navy #1a3a5c + gold #a88842 (antique bronze)

   CUM SE INSTALEAZĂ:
   1. WP Admin → Appearance → Customize → Additional CSS
   2. Lipești tot CSS-ul de mai jos
   3. Publish

   ALTERNATIV (recomandat pentru CSS lung):
   - Edit child theme → style.css (sau alt fișier .css încărcat în child theme)

   STRATEGIE:
   - Toate selectorii sunt scopate la `body.single-post` → nu afectează
     homepage, pagini, blog index, etc.
   - `!important` este folosit STRATEGIC pe: font-family, font-size,
     color, line-height — proprietățile pe care autorul le strică
     cel mai des din "Style" tab al editorului
   - Spacing-ul (margin) e `!important` la headings ca să forțeze
     ritm vertical consistent
   ============================================================ */

body.single-post {
  --cuc-navy: #1a3a5c;
  --cuc-navy-dark: #142d48;
  --cuc-gold: #a88842;
  --cuc-gold-soft: #b89351;
  --cuc-cream: #f5f1e8;
  --cuc-cream-light: #faf8f3;
  --cuc-text: #2c3e50;
  --cuc-text-muted: #6b7280;
  --cuc-border: #e5e0d5;
  --cuc-link: #a88842;
  --cuc-link-hover: #1a3a5c;
  --cuc-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --cuc-font-heading: Georgia, "Times New Roman", "Cormorant Garamond", serif;
}

/* ============ H1 / TITLU DEFAULT AL TEMEI ============
   In caz ca tema scoate H1-ul urias inainte de continut (60-80px)
   Il scalam la dimensiune rezonabila. Daca folosesti block-ul custom
   de hero, ar trebui sa ascunzi acest H1 (vezi nota mai jos).
*/
body.single-post h1.entry-title,
body.single-post .entry-title,
body.single-post .post-title,
body.single-post h1.title,
body.single-post .page-title,
body.single-post header h1,
body.single-post .single-post-title,
body.single-post .single-title {
  font-family: var(--cuc-font-heading) !important;
  font-size: 38px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: var(--cuc-navy) !important;
  letter-spacing: -0.5px !important;
  text-align: center !important;
  max-width: 880px !important;
  margin: 1em auto 0.5em !important;
  padding: 0 20px !important;
}

@media (max-width: 768px) {
  body.single-post h1.entry-title,
  body.single-post .entry-title,
  body.single-post .post-title,
  body.single-post h1.title,
  body.single-post .page-title,
  body.single-post header h1,
  body.single-post .single-post-title {
    font-size: 26px !important;
    line-height: 1.22 !important;
  }
}

/* ============ PRIMUL PARAGRAF "LEAD" - daca tema sau autorul il fac mare ============ */
body.single-post .entry-content > p:first-of-type,
body.single-post .post-content > p:first-of-type,
body.single-post .entry-content .wpb_text_column.wpb_wrapper > p:first-of-type {
  font-size: 17px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  color: var(--cuc-text) !important;
  text-align: left !important;
}

/* Daca primul paragraf are <strong> intreg (lead bold), il subtiem */
body.single-post .entry-content > p:first-of-type strong,
body.single-post .post-content > p:first-of-type strong,
body.single-post .entry-content .wpb_text_column.wpb_wrapper > p:first-of-type strong {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--cuc-navy) !important;
}

/* Override inline styles pe primul paragraf (din "Style" tab WPBakery) */
body.single-post .entry-content > p:first-of-type[style],
body.single-post .post-content > p:first-of-type[style],
body.single-post .entry-content .wpb_text_column.wpb_wrapper > p:first-of-type[style] {
  font-size: 17px !important;
  font-weight: 400 !important;
  text-align: left !important;
}

/* ============ CONTAINER PRINCIPAL ============
   IMPORTANT: scope STRICT la .entry-content / .post-content.
   NU folosim bare `article .wpb_wrapper` sau `.wpb_text_column` -
   acestea pot exista in header/footer si setarea `color` aici
   se propaga prin `inherit` la elementele copii (inclusiv butoane CTA
   care folosesc `color: inherit`).
*/
body.single-post .entry-content,
body.single-post .post-content {
  font-family: var(--cuc-font-body) !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: var(--cuc-text) !important;
  max-width: 760px;
  margin: 0 auto;
}

/* ============ PARAGRAFE ============ */
body.single-post .entry-content p,
body.single-post .post-content p,
body.single-post .entry-content .wpb_text_column p,
body.single-post .post-content .wpb_text_column p {
  font-family: var(--cuc-font-body) !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: var(--cuc-text) !important;
  margin: 0 0 1.4em !important;
  font-weight: 400 !important;
  text-align: left !important;
}

/* Primul paragraf - drop cap discret (optional) */
/*
body.single-post .entry-content > p:first-of-type::first-letter,
body.single-post .post-content > p:first-of-type::first-letter,
body.single-post .entry-content .wpb_text_column.wpb_wrapper > p:first-of-type::first-letter {
  font-family: var(--cuc-font-heading) !important;
  font-size: 3.4em !important;
  font-weight: 700 !important;
  color: var(--cuc-navy) !important;
  float: left !important;
  line-height: 0.85 !important;
  margin: 0.08em 0.12em 0 0 !important;
  padding: 0 !important;
}
*/

/* ============ HEADINGS ============ */
body.single-post .entry-content h2,
body.single-post .post-content h2,
body.single-post .entry-content .wpb_text_column h2,
body.single-post .post-content .wpb_text_column h2 {
  font-family: var(--cuc-font-heading) !important;
  font-size: 30px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  color: var(--cuc-navy) !important;
  margin: 2em 0 0.7em !important;
  letter-spacing: -0.4px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--cuc-gold) !important;
  display: inline-block !important;
  max-width: 100% !important;
}

body.single-post .entry-content h3,
body.single-post .post-content h3,
body.single-post .entry-content .wpb_text_column h3,
body.single-post .post-content .wpb_text_column h3 {
  font-family: var(--cuc-font-heading) !important;
  font-size: 23px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: var(--cuc-navy) !important;
  margin: 1.8em 0 0.5em !important;
  letter-spacing: -0.2px !important;
}

body.single-post .entry-content h4,
body.single-post .post-content h4,
body.single-post .entry-content .wpb_text_column h4,
body.single-post .post-content .wpb_text_column h4 {
  font-family: var(--cuc-font-body) !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  color: var(--cuc-navy) !important;
  margin: 1.6em 0 0.4em !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
}

body.single-post .entry-content h5,
body.single-post .entry-content h6,
body.single-post .post-content h5,
body.single-post .post-content h6,
body.single-post .entry-content .wpb_text_column h5,
body.single-post .entry-content .wpb_text_column h6,
body.single-post .post-content .wpb_text_column h5,
body.single-post .post-content .wpb_text_column h6 {
  font-family: var(--cuc-font-body) !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: var(--cuc-navy) !important;
  margin: 1.4em 0 0.4em !important;
}

/* ============ LINKURI ============
   IMPORTANT: scopate STRICT in zona de continut articol.
   NU folosim niciodata .wpb_text_column singur (era prea larg si prindea
   butoane din header/footer). Toate selectoarele sunt sub .entry-content
   sau .post-content.

   Exclusiv excludem butoanele de tip CTA (vc_btn3, btn, button) si
   elementele block-ului nostru custom de hero.
*/
body.single-post .entry-content a:not(.cuculis-hero__category):not(.cuculis-hero__author-name):not(.vc_btn3):not(.btn):not(.button):not([class*="vc_btn"]):not([class*="btn-"]):not([class*="button-"]),
body.single-post .post-content a:not(.cuculis-hero__category):not(.cuculis-hero__author-name):not(.vc_btn3):not(.btn):not(.button):not([class*="vc_btn"]):not([class*="btn-"]):not([class*="button-"]),
body.single-post .entry-content .wpb_text_column a:not(.vc_btn3):not(.btn):not(.button):not([class*="vc_btn"]):not([class*="btn-"]):not([class*="button-"]),
body.single-post .post-content .wpb_text_column a:not(.vc_btn3):not(.btn):not(.button):not([class*="vc_btn"]):not([class*="btn-"]):not([class*="button-"]) {
  color: var(--cuc-link) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  transition: color 0.2s ease !important;
  font-weight: 500 !important;
}

body.single-post .entry-content a:not(.cuculis-hero__category):not(.cuculis-hero__author-name):not(.vc_btn3):not(.btn):not(.button):not([class*="vc_btn"]):not([class*="btn-"]):not([class*="button-"]):hover,
body.single-post .post-content a:not(.cuculis-hero__category):not(.cuculis-hero__author-name):not(.vc_btn3):not(.btn):not(.button):not([class*="vc_btn"]):not([class*="btn-"]):not([class*="button-"]):hover,
body.single-post .entry-content .wpb_text_column a:not(.vc_btn3):not(.btn):not(.button):hover,
body.single-post .post-content .wpb_text_column a:not(.vc_btn3):not(.btn):not(.button):hover {
  color: var(--cuc-link-hover) !important;
  text-decoration-thickness: 2px !important;
}

/* ============ PROTECTIE ZONE NON-CONTENT (HEADER/NAV/FOOTER/SIDEBAR) ============
   Daca CSS-ul nostru s-a strecurat in header sau footer printr-un selector
   prea larg, aceste reguli "elibereaza" linkurile sa-si pastreze styling-ul
   original al temei.

   IMPORTANT: NU setam `color` aici — vrem ca tema sa-si pastreze culoarea
   originala (gen WHITE pe link-urile din header). Doar resetam ce-am putea
   strica accidental: text-decoration (underline gold), border-bottom (gold),
   font-weight.
*/
body.single-post header a,
body.single-post .header a,
body.single-post .site-header a,
body.single-post .main-header a,
body.single-post nav a,
body.single-post .nav a,
body.single-post .navbar a,
body.single-post .menu a,
body.single-post .main-menu a,
body.single-post .main-navigation a,
body.single-post .header-menu a,
body.single-post .header-cta a,
body.single-post .header-button,
body.single-post footer a,
body.single-post .footer a,
body.single-post .site-footer a,
body.single-post .sidebar a,
body.single-post .widget a,
body.single-post .vc_btn3,
body.single-post .vc_btn3-container a,
body.single-post a.vc_btn3,
body.single-post a.btn,
body.single-post a.button,
body.single-post a.wpb_button,
body.single-post a[class*="vc_btn3-style-"],
body.single-post a[class*="elementor-button"] {
  text-decoration: none !important;
  border-bottom: none !important;
}

body.single-post header a:hover,
body.single-post .header a:hover,
body.single-post nav a:hover,
body.single-post .menu a:hover,
body.single-post footer a:hover,
body.single-post .footer a:hover {
  text-decoration: none !important;
}

/* ============ FORTEAZA WHITE PE BUTOANELE CTA DIN HEADER ============
   Backup: dacă tema setează `color: white` pe butonul "Discută cu noi"
   sau pe alte CTA-uri din header, forțăm explicit `color: white`
   ca să nu poată fi depășit de regulile noastre.
   Acopera majoritatea pattern-urilor de buton-in-header.
*/
body.single-post .site-header a.btn,
body.single-post .site-header a.button,
body.single-post .site-header a.vc_btn3,
body.single-post .site-header a[class*="btn"],
body.single-post .site-header a[class*="button"],
body.single-post .site-header a[class*="cta"],
body.single-post .header a.btn,
body.single-post .header a.button,
body.single-post .header a.vc_btn3,
body.single-post .header a[class*="btn"],
body.single-post .header a[class*="button"],
body.single-post .header a[class*="cta"],
body.single-post .main-header a.btn,
body.single-post .main-header a.button,
body.single-post .main-header a[class*="btn"],
body.single-post header a.btn,
body.single-post header a.button,
body.single-post header a.vc_btn3,
body.single-post header a[class*="btn"],
body.single-post header a[class*="button"],
body.single-post header a[class*="cta"],
body.single-post header a[class*="vc_btn3"],
body.single-post .navbar a.btn,
body.single-post .navbar a.button,
body.single-post .header-cta a,
body.single-post .header-cta,
body.single-post .header-button,
body.single-post a.header-button,
body.single-post .menu-item-cta a,
body.single-post .menu-cta a {
  color: #ffffff !important;
}

/* ============ LISTE ============ */
body.single-post .entry-content ul,
body.single-post .entry-content ol,
body.single-post .post-content ul,
body.single-post .post-content ol,
body.single-post .entry-content .wpb_text_columnul,
body.single-post .entry-content .wpb_text_columnol {
  margin: 0 0 1.4em !important;
  padding-left: 1.6em !important;
}

body.single-post .entry-content ul li,
body.single-post .entry-content ol li,
body.single-post .post-content ul li,
body.single-post .post-content ol li,
body.single-post .entry-content .wpb_text_columnul li,
body.single-post .entry-content .wpb_text_columnol li {
  font-family: var(--cuc-font-body) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: var(--cuc-text) !important;
  margin-bottom: 0.5em !important;
  padding-left: 0.3em !important;
}

/* Bullets aurii */
body.single-post .entry-content ul li::marker,
body.single-post .post-content ul li::marker,
body.single-post .entry-content .wpb_text_columnul li::marker {
  color: var(--cuc-gold) !important;
  font-weight: 700 !important;
}

/* Numerotare aurie pentru OL */
body.single-post .entry-content ol li::marker,
body.single-post .post-content ol li::marker,
body.single-post .entry-content .wpb_text_columnol li::marker {
  color: var(--cuc-gold) !important;
  font-weight: 700 !important;
}

/* ============ STRONG / EM ============ */
body.single-post .entry-content strong,
body.single-post .post-content strong,
body.single-post article .wpb_wrapper strong,
body.single-post .entry-content .wpb_text_columnstrong {
  color: var(--cuc-navy) !important;
  font-weight: 700 !important;
}

body.single-post .entry-content em,
body.single-post .post-content em,
body.single-post article .wpb_wrapper em,
body.single-post .entry-content .wpb_text_columnem {
  font-style: italic !important;
  color: inherit !important;
}

/* ============ BLOCKQUOTE ============ */
/* Exclude embed-urile social (TikTok/Instagram/Twitter) ca sa se randeze nativ */
body.single-post .entry-content blockquote:not(.tiktok-embed):not(.instagram-media):not(.twitter-tweet),
body.single-post .post-content blockquote:not(.tiktok-embed):not(.instagram-media):not(.twitter-tweet),
body.single-post .entry-content .wpb_text_columnblockquote:not(.tiktok-embed):not(.instagram-media):not(.twitter-tweet) {
  border-left: 4px solid var(--cuc-gold) !important;
  background: var(--cuc-cream-light) !important;
  padding: 20px 28px !important;
  margin: 1.8em 0 !important;
  font-style: italic !important;
  color: var(--cuc-navy) !important;
  font-size: 18.5px !important;
  line-height: 1.55 !important;
  border-radius: 0 8px 8px 0 !important;
  position: relative !important;
}

body.single-post .entry-content blockquote:not(.tiktok-embed):not(.instagram-media):not(.twitter-tweet) p,
body.single-post .post-content blockquote:not(.tiktok-embed):not(.instagram-media):not(.twitter-tweet) p,
body.single-post .entry-content .wpb_text_columnblockquote:not(.tiktok-embed):not(.instagram-media):not(.twitter-tweet) p {
  color: var(--cuc-navy) !important;
  font-style: italic !important;
  margin-bottom: 0 !important;
  font-size: 18.5px !important;
}

/* ============ IMAGES ============ */
body.single-post .entry-content img:not(.cuculis-hero__avatar),
body.single-post .post-content img:not(.cuculis-hero__avatar),
body.single-post .entry-content .wpb_text_columnimg {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  margin: 1.6em auto !important;
  display: block !important;
  box-shadow: 0 4px 12px rgba(26, 58, 92, 0.08) !important;
}

body.single-post .entry-content figure,
body.single-post .post-content figure {
  margin: 1.6em 0 !important;
  text-align: center !important;
}

body.single-post .entry-content figure figcaption,
body.single-post .post-content figure figcaption {
  font-size: 14px !important;
  color: var(--cuc-text-muted) !important;
  font-style: italic !important;
  margin-top: 0.6em !important;
  text-align: center !important;
}

/* ============ TABLES ============ */
body.single-post .entry-content table,
body.single-post .post-content table,
body.single-post .entry-content .wpb_text_columntable {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1.8em 0 !important;
  font-size: 15px !important;
  border: 1px solid var(--cuc-border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

body.single-post .entry-content table th,
body.single-post .post-content table th,
body.single-post .entry-content .wpb_text_columntable th {
  background: var(--cuc-navy) !important;
  color: #ffffff !important;
  padding: 14px 18px !important;
  text-align: left !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  border: none !important;
}

body.single-post .entry-content table td,
body.single-post .post-content table td,
body.single-post .entry-content .wpb_text_columntable td {
  padding: 13px 18px !important;
  border-bottom: 1px solid var(--cuc-border) !important;
  color: var(--cuc-text) !important;
  vertical-align: top !important;
}

body.single-post .entry-content table tr:last-child td,
body.single-post .post-content table tr:last-child td {
  border-bottom: none !important;
}

body.single-post .entry-content table tr:hover td,
body.single-post .post-content table tr:hover td {
  background: var(--cuc-cream-light) !important;
}

body.single-post .entry-content table tr:nth-child(even) td,
body.single-post .post-content table tr:nth-child(even) td {
  background: #fafafa !important;
}

/* ============ CODE / PRE ============ */
body.single-post .entry-content code,
body.single-post .post-content code,
body.single-post .entry-content .wpb_text_columncode {
  background: var(--cuc-cream) !important;
  color: var(--cuc-navy) !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
  font-family: "SF Mono", Consolas, "Courier New", monospace !important;
  font-size: 0.92em !important;
}

body.single-post .entry-content pre,
body.single-post .post-content pre,
body.single-post .entry-content .wpb_text_columnpre {
  background: #1a3a5c !important;
  color: #f5f1e8 !important;
  padding: 18px 22px !important;
  border-radius: 8px !important;
  overflow-x: auto !important;
  font-family: "SF Mono", Consolas, "Courier New", monospace !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 1.6em 0 !important;
  border-left: 4px solid var(--cuc-gold) !important;
}

body.single-post .entry-content pre code,
body.single-post .post-content pre code {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
}

/* ============ HR ============ */
body.single-post .entry-content hr,
body.single-post .post-content hr,
body.single-post .entry-content .wpb_text_columnhr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(to right, transparent, var(--cuc-border), transparent) !important;
  margin: 2.4em 0 !important;
}

/* ============ EMBED VIDEO / IFRAME ============ */
body.single-post .entry-content iframe,
body.single-post .post-content iframe,
body.single-post .entry-content .wpb_text_columniframe {
  max-width: 100% !important;
  border-radius: 8px !important;
  margin: 1.6em 0 !important;
  box-shadow: 0 4px 12px rgba(26, 58, 92, 0.1) !important;
}

/* ============ EMBED-URI SOCIAL (TikTok/Instagram/Twitter) ============ */
/* Le lasam sa se randeze nativ, doar le centram */
body.single-post .entry-content .tiktok-embed,
body.single-post .post-content .tiktok-embed,
body.single-post .entry-content .instagram-media,
body.single-post .post-content .instagram-media,
body.single-post .entry-content .twitter-tweet,
body.single-post .post-content .twitter-tweet {
  margin: 1.8em auto !important;
  min-height: 600px !important;
}

/* ============ OVERRIDE STILURI INLINE PE CARE LE PUNE AUTORUL ============ */
/* font-family pus inline */
body.single-post .entry-content [style*="font-family"],
body.single-post .post-content [style*="font-family"],
body.single-post .entry-content .wpb_text_column[style*="font-family"] {
  font-family: var(--cuc-font-body) !important;
}

/* font-size pus inline pe text body */
body.single-post .entry-content p[style*="font-size"],
body.single-post .entry-content span[style*="font-size"],
body.single-post .entry-content div[style*="font-size"],
body.single-post .post-content p[style*="font-size"],
body.single-post .post-content span[style*="font-size"] {
  font-size: 17px !important;
}

/* Color pus inline (gen rosu / verde / culori aleatorii) - dar pastreaza link-uri */
body.single-post .entry-content p[style*="color"],
body.single-post .entry-content span[style*="color"]:not(a):not(strong),
body.single-post .post-content p[style*="color"],
body.single-post .post-content span[style*="color"]:not(a):not(strong) {
  color: var(--cuc-text) !important;
}

/* line-height aiurea */
body.single-post .entry-content [style*="line-height"],
body.single-post .post-content [style*="line-height"] {
  line-height: 1.75 !important;
}

/* ============ EXCEPTII - elemente care NU sunt afectate ============ */
/* Block-ul nostru de hero (titlu + autor + data) ramane neatins */
body.single-post .cuculis-hero,
body.single-post .cuculis-hero * {
  font-family: inherit;
}

/* Sidebar / footer / nav - lasa tema sa le gestioneze */
body.single-post .sidebar p,
body.single-post .sidebar a,
body.single-post footer p,
body.single-post footer a,
body.single-post nav a {
  font-family: inherit !important;
  color: inherit !important;
  font-size: inherit !important;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 768px) {
  body.single-post .entry-content p,
  body.single-post .post-content p,
  body.single-post .entry-content .wpb_text_columnp {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
  body.single-post .entry-content h2,
  body.single-post .post-content h2 {
    font-size: 24px !important;
  }
  body.single-post .entry-content h3,
  body.single-post .post-content h3 {
    font-size: 20px !important;
  }
  body.single-post .entry-content blockquote:not(.tiktok-embed):not(.instagram-media):not(.twitter-tweet),
  body.single-post .post-content blockquote:not(.tiktok-embed):not(.instagram-media):not(.twitter-tweet) {
    padding: 16px 20px !important;
    font-size: 16.5px !important;
  }
  body.single-post .entry-content table,
  body.single-post .post-content table {
    font-size: 13.5px !important;
  }
  body.single-post .entry-content table th,
  body.single-post .post-content table th,
  body.single-post .entry-content table td,
  body.single-post .post-content table td {
    padding: 10px 12px !important;
  }
}

/* ============ ELEMENTE COMUNE WORDPRESS DE ASCUNS / NORMALIZAT ============ */
/* Adresa email auto-link in paragrafe (cu gold underline ca restul) */
body.single-post .entry-content a[href^="mailto:"],
body.single-post .post-content a[href^="mailto:"] {
  color: var(--cuc-gold) !important;
}

/* Tel link cu navy */
body.single-post .entry-content a[href^="tel:"],
body.single-post .post-content a[href^="tel:"] {
  color: var(--cuc-navy) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ============================================================
   TAGS CA CHIPS / BADGES NAVY
   Acopera majoritatea selectoarelor folosite de teme WP:
   .tags-links, .post-tags, .entry-tags, .tagcloud, .wp-block-post-terms
   ============================================================ */

/* Container pentru tags - layout flex cu spacing */
body.single-post .tags-links,
body.single-post .post-tags,
body.single-post .entry-tags,
body.single-post .tagcloud,
body.single-post .wp-block-post-terms-post_tag,
body.single-post .term-tags,
body.single-post .post-tag-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  margin: 1.8em 0 !important;
  padding: 16px 0 !important;
  border-top: 1px solid var(--cuc-border) !important;
  border-bottom: 1px solid var(--cuc-border) !important;
  font-size: 13px !important;
}

/* Eticheta "Tags:" daca exista */
body.single-post .tags-links::before,
body.single-post .post-tags::before {
  content: "Etichete";
  font-family: var(--cuc-font-body) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: var(--cuc-text-muted) !important;
  margin-right: 4px !important;
}

/* Chip-urile individuale - tinta NAVY cu hover invertit */
body.single-post .tags-links a,
body.single-post .post-tags a,
body.single-post .entry-tags a,
body.single-post .tagcloud a,
body.single-post .wp-block-post-terms-post_tag a,
body.single-post .term-tags a,
body.single-post .post-tag-list a,
body.single-post .post-tags-list a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 14px !important;
  background: rgba(26, 58, 92, 0.08) !important;
  color: var(--cuc-navy) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  border: 1px solid rgba(26, 58, 92, 0.18) !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease !important;
  line-height: 1.2 !important;
}

/* Adauga simbol "#" inainte de tag */
body.single-post .tags-links a::before,
body.single-post .post-tags a::before,
body.single-post .entry-tags a::before,
body.single-post .tagcloud a::before {
  content: "#";
  color: var(--cuc-gold);
  font-weight: 700;
  opacity: 0.7;
}

/* Hover - inverted: fundal navy, text alb */
body.single-post .tags-links a:hover,
body.single-post .post-tags a:hover,
body.single-post .entry-tags a:hover,
body.single-post .tagcloud a:hover,
body.single-post .wp-block-post-terms-post_tag a:hover,
body.single-post .term-tags a:hover {
  background: var(--cuc-navy) !important;
  color: #ffffff !important;
  border-color: var(--cuc-navy) !important;
  transform: translateY(-1px) !important;
}

body.single-post .tags-links a:hover::before,
body.single-post .post-tags a:hover::before {
  color: var(--cuc-gold-soft) !important;
  opacity: 1 !important;
}

/* Tagcloud (sidebar widget) - dimensiune fixa, nu scalare bazata pe count */
body.single-post .tagcloud a {
  font-size: 13px !important;
}

/* Tagcloud cu styling smaller pentru sidebars */
body.single-post .widget .tagcloud a,
body.single-post .sidebar .tagcloud a {
  padding: 4px 12px !important;
  font-size: 12px !important;
}

/* Responsive */
@media (max-width: 480px) {
  body.single-post .tags-links,
  body.single-post .post-tags,
  body.single-post .entry-tags {
    gap: 6px !important;
    padding: 14px 0 !important;
  }
  body.single-post .tags-links a,
  body.single-post .post-tags a,
  body.single-post .entry-tags a,
  body.single-post .tagcloud a {
    padding: 5px 11px !important;
    font-size: 12px !important;
  }
}