/*
Theme Name: BLVCKLISTED FX
Theme URI: https://blvcklistedfx.com
Author: BLVCKLISTED FX
Author URI: https://blvcklistedfx.com
Description: Custom theme for BLVCKLISTED FX — Forex Insights, Tips & Trading Resources
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blvcklistedfx
*/

/* ── Global sticky header — applies to ALL pages ── */
:root { --color-card-bg: #FFFFFF; }
[data-theme="dark"] { --color-card-bg: #111827; }

.site-header,
#masthead,
.ast-site-header-wrap,
header.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  background: #ffffff;
}

/* ══════════════════════════════════════════════
   ARTICLE / POST CONTENT — matches hero style
   Left-aligned, readable, clean — all screens
══════════════════════════════════════════════ */

.entry-content,
.post-content,
.page-content {
  text-align: left !important;
  font-size: 1.05rem;
  line-height: 1.75;
  color: inherit;
  max-width: 720px;
  padding: 0 1.25rem;
}

/* Paragraphs — breathing room between them */
.entry-content p,
.post-content p,
.page-content p,
.wp-block-paragraph {
  text-align: left !important;
  font-size: 1.05rem;
  line-height: 1.75;
  margin-bottom: 1.4rem;
}

/* Headings — clear hierarchy */
.entry-content h1,
.post-content h1 {
  text-align: left !important;
  font-size: clamp(1.6rem, 5vw, 2.4rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  margin-top: 2rem;
}

.entry-content h2,
.post-content h2,
.wp-block-heading h2 {
  text-align: left !important;
  font-size: clamp(1.3rem, 4vw, 1.9rem);
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: .85rem;
  margin-top: 2rem;
}

.entry-content h3,
.post-content h3 {
  text-align: left !important;
  font-size: clamp(1.1rem, 3vw, 1.45rem);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: .75rem;
  margin-top: 1.75rem;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.post-content h4,
.post-content h5,
.post-content h6 {
  text-align: left !important;
  font-weight: 600;
  margin-bottom: .6rem;
  margin-top: 1.5rem;
}

/* Lists — indented, readable */
.entry-content ul,
.entry-content ol,
.post-content ul,
.post-content ol,
.wp-block-list {
  text-align: left !important;
  padding-left: 1.5rem;
  margin-bottom: 1.25rem;
}

.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }

.entry-content li,
.post-content li {
  text-align: left !important;
  margin-bottom: .4rem;
  line-height: 1.7;
}

/* Blockquotes */
.entry-content blockquote,
.post-content blockquote,
.wp-block-quote {
  text-align: left !important;
  border-left: 4px solid #2563EB;
  padding-left: 1rem;
  margin: 1.5rem 0;
  color: rgba(0,0,0,.65);
  font-style: italic;
}

[data-theme="dark"] .entry-content blockquote,
[data-theme="dark"] .wp-block-quote {
  color: rgba(255,255,255,.65);
}

/* Kill Gutenberg's centre-align override */
.has-text-align-center,
.wp-block-heading,
.wp-block-group {
  text-align: left !important;
}

/* ══════════════════════════════════════════════
   LINKS inside article content — blue + underline
══════════════════════════════════════════════ */

.entry-content a,
.post-content a,
.page-content a,
.wp-block-paragraph a,
.wp-block-list a {
  color: #2563EB !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  transition: color .15s;
}

.entry-content a:hover,
.post-content a:hover,
.page-content a:hover {
  color: #1D4ED8 !important;
}

/* Dark mode blue */
[data-theme="dark"] .entry-content a,
[data-theme="dark"] .post-content a,
[data-theme="dark"] .page-content a {
  color: #60A5FA !important;
}

[data-theme="dark"] .entry-content a:hover,
[data-theme="dark"] .post-content a:hover {
  color: #93C5FD !important;
}

/* ══════════════════════════════════════════════
   MOBILE: Left-align front page sections too
══════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* Tighten content padding on small screens */
  .entry-content,
  .post-content,
  .page-content {
    padding: 0 1rem;
    font-size: 1rem;
  }

  .entry-content p,
  .post-content p {
    font-size: 1rem;
    line-height: 1.7;
  }

  /* Front page sections */
  .section-header,
  .section-tag,
  .section-title,
  .section-subtitle,
  .hero-inner,
  .hero h1,
  .hero p,
  .newsletter-inner,
  .newsletter-inner h2,
  .newsletter-inner p,
  .deriv-banner-inner,
  .deriv-banner-text,
  .deriv-banner-text p,
  .site-main p,
  .site-main h1,
  .site-main h2,
  .site-main h3 {
    text-align: left !important;
  }

  .newsletter-form     { justify-content: flex-start; }
  .deriv-banner-text p { margin-inline: 0; }
  .deriv-banner-cta    { text-align: left; }
}

/* ── Mobile nav stays below header at all times ── */
.mobile-nav,
#mobile-nav {
  position: fixed !important;
  top: 72px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9998 !important;
  overflow-y: auto !important;
}