.elementor-4615 .elementor-element.elementor-element-51b5ad6c{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS *//* =========================================================
   Eddycurrent.com Blog Theme v2 (Readability First)
   Dark charcoal background • warm light text
   Green = links/accent • Red = warnings/callouts
   Apply to SINGLE POSTS only
   Elementor + Gutenberg SAFE
   ========================================================= */

body.single-post {
  --ec-bg: #0f1116;          /* page background */
  --ec-card: #161a23;        /* content panel */
  --ec-card-2: #111520;      /* subtle inset panels */
  --ec-text: #e8e6e3;        /* warm readable text */
  --ec-muted: #b8bcc6;       /* secondary text */
  --ec-head: #f4f2ef;        /* headings */
  --ec-border: rgba(255,255,255,0.08);
  --ec-green: #3ddc84;       /* accent green */
  --ec-green-2: rgba(61,220,132,0.22);
  --ec-red: #ff4d4d;         /* callout red */
  --ec-red-2: rgba(255,77,77,0.16);

  background: var(--ec-bg) !important;
  color: var(--ec-text) !important;
}

/* =========================================================
   Base coverage – WordPress + Elementor shells
   ========================================================= */

body.single-post,
body.single-post .site,
body.single-post .content-area,
body.single-post .site-main,
body.single-post article,
body.single-post .elementor,
body.single-post .elementor-page,
body.single-post .elementor-location-single {
  background: var(--ec-bg) !important;
  color: var(--ec-text) !important;
}

/* =========================================================
   Content wrappers (Gutenberg + Elementor)
   ========================================================= */

body.single-post .entry-content,
body.single-post .wp-site-blocks .entry-content,
body.single-post .elementor-widget-theme-post-content {
  max-width: 860px;
  margin: 0 auto;
  padding: 2.4rem 2.4rem;
  background: var(--ec-card) !important;
  border: 1px solid var(--ec-border);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.55);
  color: var(--ec-text) !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.single-post .entry-content,
  body.single-post .wp-site-blocks .entry-content,
  body.single-post .elementor-widget-theme-post-content {
    padding: 1.4rem 1.2rem;
    border-radius: 14px;
  }
}

/* =========================================================
   Typography – FORCE readable text everywhere
   ========================================================= */

body.single-post .entry-content,
body.single-post .elementor-text-editor {
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: 0.12px;
  color: var(--ec-text) !important;
}

body.single-post p,
body.single-post li,
body.single-post span,
body.single-post em,
body.single-post strong,
body.single-post dd,
body.single-post dt,
body.single-post .wp-block-paragraph,
body.single-post .elementor-text-editor *,
body.single-post .elementor-widget-container * {
  color: var(--ec-text) !important;
}

/* Prevent Gutenberg inline color blocks from going black */
body.single-post .has-text-color {
  color: var(--ec-text) !important;
}

/* Muted text */
body.single-post small,
body.single-post figcaption,
body.single-post .wp-block-image figcaption {
  color: var(--ec-muted) !important;
}

/* =========================================================
   Post title
   ========================================================= */

body.single-post .entry-title,
body.single-post h1.wp-block-post-title,
body.single-post .elementor-heading-title {
  color: var(--ec-head) !important;
  max-width: 900px;
  margin: 0 auto 1.1rem;
  padding: 0 1rem;
  font-size: clamp(2rem, 3vw, 2.7rem);
  line-height: 1.1;
  letter-spacing: -0.6px;
}

/* =========================================================
   Headings
   ========================================================= */

body.single-post h1,
body.single-post h2,
body.single-post h3,
body.single-post h4,
body.single-post h5,
body.single-post h6 {
  color: var(--ec-head) !important;
  line-height: 1.25;
  margin: 1.6em 0 0.6em;
}

body.single-post h2 {
  padding-top: 0.4em;
  border-top: 1px solid var(--ec-green-2);
}

/* =========================================================
   Links
   ========================================================= */

body.single-post a {
  color: var(--ec-green) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(61,220,132,0.45);
  transition: color .15s ease, border-color .15s ease;
}
body.single-post a:hover {
  color: #74f2ab !important;
  border-bottom-color: rgba(116,242,171,0.9);
}

/* =========================================================
   Lists
   ========================================================= */

body.single-post ul,
body.single-post ol {
  margin: 0 0 1.3em 1.25em;
}
body.single-post li {
  margin: 0.4em 0;
}

/* =========================================================
   Blockquotes / callouts
   ========================================================= */

body.single-post blockquote {
  margin: 1.8em 0;
  padding: 1.15em 1.35em;
  background: var(--ec-red-2) !important;
  border-left: 4px solid var(--ec-red);
  border-radius: 14px;
}
body.single-post blockquote,
body.single-post blockquote p {
  color: #ffe7e7 !important;
}

/* =========================================================
   Images
   ========================================================= */

body.single-post figure,
body.single-post .wp-block-image {
  margin: 1.8em 0;
}

body.single-post img {
  border-radius: 14px;
  background: var(--ec-card-2);
  padding: 8px;
  border: 1px solid rgba(61,220,132,0.18);
  box-shadow: 0 12px 30px rgba(0,0,0,0.6);
  height: auto;
  max-width: 100%;
}

/* =========================================================
   Tables
   ========================================================= */

body.single-post table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.8em 0;
  background: var(--ec-card-2) !important;
  border: 1px solid var(--ec-border);
  border-radius: 14px;
  overflow: hidden;
}

body.single-post th,
body.single-post td {
  padding: 0.85em 0.9em;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: var(--ec-text) !important;
}

body.single-post th {
  background: rgba(61,220,132,0.12) !important;
  color: #d7ffe8 !important;
}

/* =========================================================
   Code blocks
   ========================================================= */

body.single-post pre,
body.single-post code {
  background: #0b0e14 !important;
  color: #d7ffe8 !important;
  border: 1px solid rgba(61,220,132,0.18);
  border-radius: 12px;
}

body.single-post pre {
  padding: 1em 1.1em;
  overflow: auto;
}

/* =========================================================
   Horizontal rule
   ========================================================= */

body.single-post hr {
  border: none;
  height: 1px;
  background: rgba(255,255,255,0.10);
  margin: 2.2em 0;
}/* End custom CSS */