/* ============================================================
   Padeli site-wide design tokens v2
   Date: 2026-05-13
   Scope: every page on padeli.com.
   Targets body content via both standard WP wrappers AND the
   Elementor theme-post-content widget that Listeo uses.
   ============================================================ */

:root {
  --padeli-primary: #0d464d;
  --padeli-primary-dark: #0a3a40;
  --padeli-accent: #ec605a;
  --padeli-accent-alt: #FF6F60;
  --padeli-text: #0d464d;
}

/* ------------------------------------------------------------
   Base body type. Targets every common content wrapper.
   ------------------------------------------------------------ */
.entry-content,
.single-post-content,
.post-content,
.padel-post-content,
.padel-content,
article.post .post-content,
article.page .page-content,
.post-detail .post-content,
.single .post-content,
.page .page-content,
.elementor-widget-theme-post-content,
.elementor-widget-theme-post-content .elementor-widget-container {
  font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
  color: var(--padeli-text);
  font-size: 15px;
  line-height: 1.8;
}

/* ------------------------------------------------------------
   Paragraphs - 15px Montserrat Padeli teal with 0.9em margin
   ------------------------------------------------------------ */
.entry-content p,
.post-content p,
.single-post-content p,
article.post .post-content p,
article.page .page-content p,
.elementor-widget-theme-post-content p,
.elementor-widget-theme-post-content .elementor-widget-container > p {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  color: var(--padeli-text) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin: 0 0 0.9em !important;
}

/* ------------------------------------------------------------
   List items
   ------------------------------------------------------------ */
.entry-content li,
.post-content li,
.elementor-widget-theme-post-content li {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  color: var(--padeli-text) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin: 0 0 0.4em !important;
}
.entry-content ul,
.entry-content ol,
.post-content ul,
.post-content ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol {
  margin: 0.9em 0 1.2em 1.2em !important;
}

/* ------------------------------------------------------------
   Headings - dark teal Montserrat with tight breathing
   ------------------------------------------------------------ */
.entry-content h1, .post-content h1, .elementor-widget-theme-post-content h1,
.entry-content h2, .post-content h2, .elementor-widget-theme-post-content h2,
.entry-content h3, .post-content h3, .elementor-widget-theme-post-content h3,
.entry-content h4, .post-content h4, .elementor-widget-theme-post-content h4 {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  color: var(--padeli-primary) !important;
  letter-spacing: -0.01em;
}

/* H2 section heading - high-specificity to beat Listeo + Elementor */
body .entry-content h2,
body .post-content h2,
body .elementor-widget-theme-post-content h2,
body .elementor-widget-theme-post-content .elementor-widget-container h2,
body .entry-content h2.wp-block-heading,
body .post-content h2.wp-block-heading,
body .elementor-widget-theme-post-content h2.wp-block-heading,
body h2.listing-desc-headline,
body .listing-section h2.listing-desc-headline {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--padeli-primary) !important;
  margin-top: 2em !important;
  margin-bottom: 0.65em !important;
  font-family: 'Montserrat', system-ui, sans-serif !important;
}

body .entry-content h3,
body .post-content h3,
body .elementor-widget-theme-post-content h3,
body .elementor-widget-theme-post-content .elementor-widget-container h3,
body .elementor-widget-theme-post-content h3.wp-block-heading,
body.single-listing .elementor-widget-theme-post-content h3,
body.single-listing .elementor-widget-theme-post-content .elementor-widget-container h3,
body.single-listing h3.wp-block-heading {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 1.6em 0 0.55em !important;
  color: var(--padeli-primary) !important;
  font-family: 'Montserrat', system-ui, sans-serif !important;
}

body .entry-content h4,
body .post-content h4,
body .elementor-widget-theme-post-content h4 {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 1.3em 0 0.5em !important;
  color: var(--padeli-primary) !important;
}

/* Strong text */
.entry-content strong,
.post-content strong,
.elementor-widget-theme-post-content strong {
  color: var(--padeli-primary);
  font-weight: 700;
}

/* ------------------------------------------------------------
   In-body links - dark teal underline, coral on hover
   ------------------------------------------------------------ */
.entry-content a:not(.padeli-platform-cta):not(.padeli-leadmagnet-cta):not(.hub-pillar-card):not(.term-card):not(.term-chip):not(.hub-listing-cta-button):not(.hub-listing-cta-btn):not(.hub-hero-cta):not(.padeli-pillar-eyebrow):not(.wp-block-button__link),
.post-content a:not(.padeli-platform-cta):not(.padeli-leadmagnet-cta):not(.wp-block-button__link),
.elementor-widget-theme-post-content a:not(.padeli-platform-cta):not(.padeli-leadmagnet-cta):not(.hub-pillar-card):not(.term-card):not(.term-chip):not(.wp-block-button__link) {
  color: var(--padeli-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: color 0.15s ease;
}
.entry-content a:hover,
.post-content a:hover,
.elementor-widget-theme-post-content a:hover {
  color: var(--padeli-accent);
}

/* ------------------------------------------------------------
   Pill button utility
   ------------------------------------------------------------ */
.entry-content .wp-block-button__link,
.post-content .wp-block-button__link,
.elementor-widget-theme-post-content .wp-block-button__link,
.padeli-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 14px 26px !important;
  background: var(--padeli-primary) !important;
  color: #fff !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  font-family: 'Montserrat', system-ui, sans-serif !important;
  transition: background 0.15s ease;
  border: none !important;
}
.entry-content .wp-block-button__link:hover,
.post-content .wp-block-button__link:hover,
.elementor-widget-theme-post-content .wp-block-button__link:hover,
.padeli-btn:hover {
  background: var(--padeli-accent) !important;
  color: #fff !important;
}

/* ------------------------------------------------------------
   Page-level H1 (Listeo titlebar) outside /get-started/
   ------------------------------------------------------------ */
body:not(.padeli-getstarted-page) #titlebar h1,
body:not(.padeli-getstarted-page) #titlebar h2,
body:not(.padeli-getstarted-page) .post-detail h1.post-title {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: var(--padeli-primary) !important;
  letter-spacing: -0.01em;
}

/* ------------------------------------------------------------
   FAQ accordion summary text - dark teal Montserrat
   ------------------------------------------------------------ */
.entry-content details summary,
.post-content details summary,
.padel-post-content details summary,
.padel-content details summary,
.elementor-widget-theme-post-content details summary,
.entry-content .padeli-faq-accordion summary,
.post-content .padeli-faq-accordion summary,
.elementor-widget-theme-post-content .padeli-faq-accordion summary {
  color: var(--padeli-primary) !important;
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}

/* ------------------------------------------------------------
   Related reading - grey box treatment
   ------------------------------------------------------------ */
.entry-content .related-reading,
.post-content .related-reading,
.padel-post-content .related-reading,
.padel-content .related-reading,
.elementor-widget-theme-post-content .related-reading,
.entry-content .related-reading-box,
.post-content .related-reading-box,
.elementor-widget-theme-post-content .related-reading-box {
  background: #f4f6f6 !important;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px 20px !important;
  margin: 1.5em 0 !important;
}
.entry-content .related-reading h2,
.entry-content .related-reading h3,
.post-content .related-reading h2,
.post-content .related-reading h3,
.elementor-widget-theme-post-content .related-reading h2,
.elementor-widget-theme-post-content .related-reading h3 {
  margin-top: 0 !important;
  margin-bottom: 0.65em !important;
}
.entry-content .related-reading ul,
.post-content .related-reading ul,
.elementor-widget-theme-post-content .related-reading ul {
  margin: 0.5em 0 0 1.2em !important;
}
.entry-content .related-reading li,
.post-content .related-reading li,
.elementor-widget-theme-post-content .related-reading li {
  margin-bottom: 0.5em !important;
}
.entry-content .related-reading li:last-child,
.post-content .related-reading li:last-child,
.elementor-widget-theme-post-content .related-reading li:last-child {
  margin-bottom: 0 !important;
}
.entry-content .related-reading ul:last-child,
.post-content .related-reading ul:last-child,
.elementor-widget-theme-post-content .related-reading ul:last-child {
  margin-bottom: 0 !important;
}
.entry-content .related-reading > .wp-block-group__inner-container > :last-child,
.post-content .related-reading > .wp-block-group__inner-container > :last-child,
.elementor-widget-theme-post-content .related-reading > .wp-block-group__inner-container > :last-child {
  margin-bottom: 0 !important;
}