.ez-horoscope-block {
  padding: 1rem;
  border-radius: var(--wp--preset--radius--small, 8px);
  /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); */
}

.ez-horoscope-block h3 {
  margin-bottom: 0.5em;
}

.ez-hero {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  z-index: 0;
  isolation: isolate;
  display: flex;
  flex-direction: column;
}

.ez-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

.ez-hero-overlay.light {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.ez-hero-overlay.dark {
  background-color: rgba(0, 0, 0, 0.4);
}

.ez-hero-content {
  position: relative;
  padding: 0;
  z-index: 20;
}

.ez-daily-inline-image {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.ez-daily-inline-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.ez-daily-inline-image .ez-hero-overlay {
  position: absolute;
  inset: 0;
  border-radius: 8px;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

.ez-horoscope-block .ez-hero-text,
.ez-horoscope-block .ez-daily-inline-image {
  display: block !important;
}

.ez-daily-inline-image {
  overflow: visible !important;
}

.ez-hero-text::after {
  content: "";
  display: block;
  clear: both;
}

.ez-horoscope-block .ez-hero.has-inline-image {
  display: block !important;
}

.ez-hero-text {
  display: block !important;
}

.ez-hero-text p {
  overflow: visible;
}

.ez-editor-bg-preview {
  pointer-events: none;
}

.ez-daily-cta {
  margin: 1.5rem 0;
  padding: 1.5rem;
  background-color: transparent;
  border-radius: 8px;
}

.ez-daily-cta-left {
  text-align: left;
}

.ez-daily-cta-center {
  text-align: center;
}

.ez-daily-cta-right {
  text-align: right;
}

.ez-daily-cta-header {
  margin: 0 0 0.75rem 0;
}

.ez-daily-cta-text {
  font-size: 1.1rem;
  margin-bottom: 1rem;
  color: var(--wp--preset--color--foreground, #333);
}

.ez-daily-cta-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 1rem auto;
  border-radius: 8px;
}

.ez-daily-cta-left .ez-daily-cta-image {
  margin-left: 0;
  margin-right: auto;
}

.ez-daily-cta-right .ez-daily-cta-image {
  margin-left: auto;
  margin-right: 0;
}

.ez-daily-cta-image-link {
  display: block;
  margin-bottom: 1rem;
}

.ez-daily-cta-image-link img {
  transition: opacity 0.2s ease;
}

.ez-daily-cta-image-link:hover img {
  opacity: 0.9;
}

.ez-daily-cta-button {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  background-color: var(--wp--preset--color--primary, #6b5ce7);
  color: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ez-daily-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  color: #fff;
}

.ez-daily-cta-link {
  font-size: 1rem;
  font-weight: 500;
  text-decoration: underline;
  color: var(--wp--preset--color--primary, #6b5ce7);
}

.ez-daily-cta-link:hover {
  text-decoration: none;
}
/* Hide celestial influences background images (inline styles from API) */
.eztype-flexbox-background {
  background-image: none !important;
}
/* =============================================================================
   EZ HOROSCOPE - PROFESSIONAL CONTENT with MYSTICAL STYLING
   =============================================================================
   
   Applies the warm mystical visual theme (dusty purples, lavenders, gold accents,
   Cormorant Garamond fonts) to the Professional horoscope HTML structure.
   
   Content is sober and methodological; presentation is warm and inviting.
   
   CUSTOMIZATION: Override the CSS variables in .ez-horoscope-block to customize
   the appearance without needing !important declarations.
   
   ============================================================================= */


/* =============================================================================
   1. CSS VARIABLES - CUSTOMIZABLE PROPERTIES
   =============================================================================
   
   To customize, add this to your site's CSS (Appearance → Customize → Additional CSS)
   and modify the values:
   
   .ez-horoscope-block {
       --ezhp-color-primary: #5D6B8A;
       --ezhp-color-secondary: #C9A962;
       --ezhp-font-heading: "Cormorant Garamond", Georgia, serif;
   }
   
   ============================================================================= */

.ez-horoscope-block {
    /* ===== PRIMARY PALETTE ===== */
    --ezhp-color-primary: #5D6B8A;           /* Deep mystical purple-blue */
    --ezhp-color-secondary: #C9A962;          /* Warm gold accent */
    --ezhp-color-tertiary: #9BA4C4;           /* Soft lavender */
    --ezhp-color-quaternary: #2D3142;         /* Deep navy */
    
    /* ===== TEXT COLORS ===== */
    --ezhp-text-heading: #3d4a66;             /* Hero title color */
    --ezhp-text-body: #1a1f2e;                /* Primary body text */
    --ezhp-text-secondary: #2d3448;           /* Secondary body text */
    --ezhp-text-muted: #4a5568;               /* Muted/date text */
    --ezhp-text-accent: #3d4a66;              /* Accent text */
    
    /* ===== BACKGROUNDS ===== */
    --ezhp-bg-card: rgba(255, 255, 255, 0.9);
    --ezhp-bg-section-alt: rgba(93, 107, 138, 0.06);
    --ezhp-bg-hero-start: rgba(93, 107, 138, 0.04);
    --ezhp-bg-hero-end: rgba(155, 164, 196, 0.08);
    
    /* ===== TYPOGRAPHY ===== */
    --ezhp-font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --ezhp-font-body: inherit;
    
    /* Font sizes */
    --ezhp-font-size-hero-title: 2.25rem;
    --ezhp-font-size-hero-title-tablet: 1.75rem;
    --ezhp-font-size-hero-title-mobile: 1.5rem;
    --ezhp-font-size-section-heading: 1.5rem;
    --ezhp-font-size-section-heading-mobile: 1.25rem;
    --ezhp-font-size-subsection-heading: 1rem;
    --ezhp-font-size-body: 1rem;
    --ezhp-font-size-small: 0.9375rem;
    --ezhp-font-size-date: 0.75rem;
    --ezhp-font-size-label: 0.8125rem;
    
    /* Line heights */
    --ezhp-line-height-body: 1.65;
    --ezhp-line-height-heading: 1.2;
    --ezhp-line-height-synthesis: 1.85;
    
    /* ===== LAYOUT ===== */
    --ezhp-border-radius: 16px;
    --ezhp-border-radius-small: 12px;
    --ezhp-border-radius-xs: 8px;
    --ezhp-section-padding: 2rem;
    --ezhp-section-padding-tablet: 1.5rem;
    --ezhp-section-padding-mobile: 1rem;
    --ezhp-section-margin: 2rem;
    --ezhp-section-margin-mobile: 1.5rem;
    
    /* ===== BORDERS ===== */
    --ezhp-border-color: rgba(155, 164, 196, 0.3);
    --ezhp-border-color-strong: rgba(155, 164, 196, 0.4);
    --ezhp-border-width: 1px;
    --ezhp-border-accent-width: 3px;
    --ezhp-border-secondary-width: 2px;
    
    /* ===== SHADOWS ===== */
    --ezhp-shadow: 0 4px 12px rgba(93, 107, 138, 0.1);
    --ezhp-shadow-glow: 0 0 20px rgba(201, 169, 98, 0.15);
    --ezhp-shadow-glow-strong: 0 0 20px rgba(201, 169, 98, 0.25);
    
    /* ===== DECORATIVE SYMBOLS ===== */
    --ezhp-symbol-default: "✦";
    --ezhp-symbol-moon: "☽";
    --ezhp-symbol-star: "☆";
    --ezhp-symbol-diamond: "✧";
    
    /* ===== FOCUS AREA COLORS (Original 3) ===== */
    --ezhp-focus-relationships-color: #9BA4C4;
    --ezhp-focus-relationships-heading: #7B8BA8;
    --ezhp-focus-practical-color: #C9A962;
    --ezhp-focus-practical-heading: #A08050;
    --ezhp-focus-personal-color: #5D6B8A;
    --ezhp-focus-personal-heading: #5D6B8A;
    
    /* ===== FOCUS AREA COLORS (New 3) ===== */
    --ezhp-focus-financial-color: #7A9E7E;       /* Sage green - material/earth */
    --ezhp-focus-financial-heading: #5C7A5F;
    --ezhp-focus-family-color: #C4949A;          /* Dusty rose - warmth/nurturing */
    --ezhp-focus-family-heading: #A07078;
    --ezhp-focus-health-color: #6BA3A3;          /* Soft teal - vitality/wellness */
    --ezhp-focus-health-heading: #4D8585;
    
    /* ===== LIMITATIONS/WARNING COLORS ===== */
    --ezhp-warning-bg: rgba(201, 169, 98, 0.08);
    --ezhp-warning-border: rgba(201, 169, 98, 0.3);
    --ezhp-warning-heading: #8B7355;
    --ezhp-disclaimer-border: rgba(201, 169, 98, 0.5);
}


/* =============================================================================
   2. HERO SECTION - Mystical styling
   ============================================================================= */

section.ez-horoscope-professional.ez-hero,
.ez-horoscope-block section.ez-horoscope-professional.ez-hero {
    background: linear-gradient(135deg, var(--ezhp-bg-hero-start) 0%, var(--ezhp-bg-hero-end) 100%) !important;
    border: var(--ezhp-border-width) solid var(--ezhp-border-color) !important;
    border-radius: var(--ezhp-border-radius) !important;
    margin-bottom: calc(var(--ezhp-section-margin) + 1rem) !important;
    padding: 0 !important;
    overflow: visible !important;
    box-shadow: var(--ezhp-shadow) !important;
}

section.ez-horoscope-professional.ez-hero .ez-hero-content,
.ez-horoscope-block section.ez-horoscope-professional.ez-hero .ez-hero-content {
    padding: var(--ezhp-section-padding) !important;
}

/* Title - Mystical italic style */
section.ez-horoscope-professional.ez-hero h1,
.ez-horoscope-block section.ez-horoscope-professional.ez-hero h1 {
    font-family: var(--ezhp-font-heading) !important;
    font-size: var(--ezhp-font-size-hero-title) !important;
    font-weight: 300 !important;
    font-style: italic !important;
    letter-spacing: -0.025em !important;
    color: var(--ezhp-text-heading) !important;
    margin: 0 0 0.5rem 0 !important;
    text-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

/* Date */
section.ez-horoscope-professional.ez-hero h3,
.ez-horoscope-block section.ez-horoscope-professional.ez-hero h3 {
    font-family: var(--ezhp-font-body) !important;
    font-size: var(--ezhp-font-size-date) !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: var(--ezhp-text-muted) !important;
    margin: 0 0 2rem 0 !important;
    text-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

/* Professional intro block - gold accent */
section.ez-horoscope-professional.ez-hero .ez-professional-intro,
.ez-horoscope-block section.ez-horoscope-professional.ez-hero .ez-professional-intro {
    border-left: var(--ezhp-border-accent-width) solid var(--ezhp-color-secondary) !important;
    padding-left: 1.5rem !important;
    margin-top: 1.5rem !important;
    background: transparent !important;
}

section.ez-horoscope-professional.ez-hero .ez-professional-intro p,
.ez-horoscope-block section.ez-horoscope-professional.ez-hero .ez-professional-intro p {
    font-family: var(--ezhp-font-body) !important;
    font-size: var(--ezhp-font-size-body) !important;
    font-style: normal !important;
    line-height: var(--ezhp-line-height-body) !important;
    color: var(--ezhp-text-secondary) !important;
    margin: 0 0 1rem 0 !important;
    text-shadow: none !important;
}

section.ez-horoscope-professional.ez-hero .ez-professional-intro p:last-child,
.ez-horoscope-block section.ez-horoscope-professional.ez-hero .ez-professional-intro p:last-child {
    margin-bottom: 0 !important;
}

section.ez-horoscope-professional.ez-hero .ez-professional-intro strong,
.ez-horoscope-block section.ez-horoscope-professional.ez-hero .ez-professional-intro strong {
    font-weight: 600 !important;
    color: var(--ezhp-text-body) !important;
}


/* =============================================================================
   3. BASE SECTION STYLING - Mystical cards
   ============================================================================= */

section.ez-professional-section,
.ez-horoscope-block section.ez-professional-section {
    margin-bottom: var(--ezhp-section-margin) !important;
    padding: var(--ezhp-section-padding) !important;
    background: var(--ezhp-bg-card) !important;
    border: var(--ezhp-border-width) solid var(--ezhp-border-color) !important;
    border-radius: var(--ezhp-border-radius) !important;
    box-shadow: var(--ezhp-shadow) !important;
}

section.ez-professional-section .ez-professional-content,
.ez-horoscope-block section.ez-professional-section .ez-professional-content {
    max-width: 100% !important;
}

/* Section headings (h2) - Mystical style with symbol */
section.ez-professional-section h2,
.ez-horoscope-block section.ez-professional-section h2 {
    font-family: var(--ezhp-font-heading) !important;
    font-size: var(--ezhp-font-size-section-heading) !important;
    font-weight: 400 !important;
    font-style: italic !important;
    line-height: var(--ezhp-line-height-heading) !important;
    color: var(--ezhp-color-primary) !important;
    margin: 0 0 1.5rem 0 !important;
    padding-bottom: 0.5rem !important;
    border-bottom: var(--ezhp-border-width) solid var(--ezhp-color-tertiary) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    position: relative !important;
    background: transparent !important;
}

/* Decorative symbol before heading */
section.ez-professional-section h2::before,
.ez-horoscope-block section.ez-professional-section h2::before {
    content: var(--ezhp-symbol-default) !important;
    margin-right: 0.5rem !important;
    color: var(--ezhp-color-secondary) !important;
    font-style: normal !important;
    font-size: 1rem !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border-radius: 0 !important;
}

/* Remove any after pseudo-elements */
section.ez-professional-section h2::after,
.ez-horoscope-block section.ez-professional-section h2::after {
    display: none !important;
    content: none !important;
}

/* Subsection headings (h3) */
section.ez-professional-section h3,
.ez-horoscope-block section.ez-professional-section h3 {
    font-family: var(--ezhp-font-body) !important;
    font-size: var(--ezhp-font-size-subsection-heading) !important;
    font-weight: 600 !important;
    color: var(--ezhp-color-primary) !important;
    margin: 1.5rem 0 1rem 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Paragraphs */
section.ez-professional-section p,
.ez-horoscope-block section.ez-professional-section p {
    font-family: var(--ezhp-font-body) !important;
    font-size: var(--ezhp-font-size-body) !important;
    line-height: var(--ezhp-line-height-body) !important;
    color: var(--ezhp-text-body) !important;
    margin: 0 0 1rem 0 !important;
}

section.ez-professional-section p:last-child,
.ez-horoscope-block section.ez-professional-section p:last-child {
    margin-bottom: 0 !important;
}

section.ez-professional-section strong,
.ez-horoscope-block section.ez-professional-section strong {
    font-weight: 600 !important;
    color: var(--ezhp-text-body) !important;
}

section.ez-professional-section em,
.ez-horoscope-block section.ez-professional-section em {
    font-style: italic !important;
    color: var(--ezhp-color-primary) !important;
}


/* =============================================================================
   4. CENTRAL DYNAMIC SECTION
   ============================================================================= */

section.ez-professional-section#central-dynamic,
.ez-horoscope-block section.ez-professional-section#central-dynamic {
    background: linear-gradient(135deg, var(--ezhp-bg-section-alt) 0%, var(--ezhp-bg-hero-end) 100%) !important;
    border-color: var(--ezhp-border-color-strong) !important;
}

/* Aspect header badge - gold accent */
section.ez-professional-section#central-dynamic .ez-aspect-header,
.ez-horoscope-block section.ez-professional-section#central-dynamic .ez-aspect-header,
section.ez-professional-section#central-dynamic p.ez-aspect-header,
.ez-horoscope-block section.ez-professional-section#central-dynamic p.ez-aspect-header {
    font-family: var(--ezhp-font-heading) !important;
    font-size: 1.125rem !important;
    font-weight: 400 !important;
    font-style: italic !important;
    color: var(--ezhp-color-quaternary) !important;
    background: rgba(201, 169, 98, 0.1) !important;
    border: var(--ezhp-border-width) solid rgba(201, 169, 98, 0.4) !important;
    border-radius: var(--ezhp-border-radius-xs) !important;
    padding: 1rem 1.5rem !important;
    margin-bottom: 1.5rem !important;
    display: inline-block !important;
}

section.ez-professional-section#central-dynamic .ez-aspect-header strong,
.ez-horoscope-block section.ez-professional-section#central-dynamic .ez-aspect-header strong {
    color: var(--ezhp-warning-heading) !important;
    font-weight: 600 !important;
}

/* Secondary aspect callout - lavender accent */
section.ez-professional-section#central-dynamic .ez-secondary-aspect,
.ez-horoscope-block section.ez-professional-section#central-dynamic .ez-secondary-aspect,
section.ez-professional-section#central-dynamic p.ez-secondary-aspect,
.ez-horoscope-block section.ez-professional-section#central-dynamic p.ez-secondary-aspect {
    font-family: var(--ezhp-font-body) !important;
    font-size: var(--ezhp-font-size-small) !important;
    font-style: italic !important;
    line-height: var(--ezhp-line-height-body) !important;
    color: var(--ezhp-text-secondary) !important;
    background: rgba(255, 255, 255, 0.6) !important;
    border-left: var(--ezhp-border-secondary-width) solid var(--ezhp-color-tertiary) !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 1rem 1.5rem !important;
    margin-top: 1.5rem !important;
    border-radius: 0 var(--ezhp-border-radius-xs) var(--ezhp-border-radius-xs) 0 !important;
}


/* =============================================================================
   5. PLANETARY CONTEXT SECTION
   ============================================================================= */

section.ez-professional-section#planetary-context,
.ez-horoscope-block section.ez-professional-section#planetary-context {
    background: rgba(93, 107, 138, 0.04) !important;
}

/* Moon symbol for this section */
section.ez-professional-section#planetary-context h2::before,
.ez-horoscope-block section.ez-professional-section#planetary-context h2::before {
    content: var(--ezhp-symbol-moon) !important;
}


/* =============================================================================
   6. AREAS OF FOCUS SECTION
   ============================================================================= */

/* Focus area cards - mystical styling (all 6 classes) */
section.ez-professional-section#areas-of-focus .ez-focus-relationships,
section.ez-professional-section#areas-of-focus .ez-focus-practical,
section.ez-professional-section#areas-of-focus .ez-focus-personal,
section.ez-professional-section#areas-of-focus .ez-focus-financial,
section.ez-professional-section#areas-of-focus .ez-focus-family,
section.ez-professional-section#areas-of-focus .ez-focus-health,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-relationships,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-practical,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-personal,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-financial,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-family,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-health {
    background: rgba(255, 255, 255, 0.7) !important;
    border: var(--ezhp-border-width) solid var(--ezhp-border-color) !important;
    border-radius: var(--ezhp-border-radius-small) !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* Subtle left border accents using mystical palette - Original 3 */
section.ez-professional-section#areas-of-focus .ez-focus-relationships,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-relationships {
    border-left: var(--ezhp-border-accent-width) solid var(--ezhp-focus-relationships-color) !important;
}

section.ez-professional-section#areas-of-focus .ez-focus-practical,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-practical {
    border-left: var(--ezhp-border-accent-width) solid var(--ezhp-focus-practical-color) !important;
}

section.ez-professional-section#areas-of-focus .ez-focus-personal,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-personal {
    border-left: var(--ezhp-border-accent-width) solid var(--ezhp-focus-personal-color) !important;
}

/* Subtle left border accents - New 3 */
section.ez-professional-section#areas-of-focus .ez-focus-financial,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-financial {
    border-left: var(--ezhp-border-accent-width) solid var(--ezhp-focus-financial-color) !important;
}

section.ez-professional-section#areas-of-focus .ez-focus-family,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-family {
    border-left: var(--ezhp-border-accent-width) solid var(--ezhp-focus-family-color) !important;
}

section.ez-professional-section#areas-of-focus .ez-focus-health,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-health {
    border-left: var(--ezhp-border-accent-width) solid var(--ezhp-focus-health-color) !important;
}

/* Focus area headings - all 6 classes */
section.ez-professional-section#areas-of-focus .ez-focus-relationships h3,
section.ez-professional-section#areas-of-focus .ez-focus-practical h3,
section.ez-professional-section#areas-of-focus .ez-focus-personal h3,
section.ez-professional-section#areas-of-focus .ez-focus-financial h3,
section.ez-professional-section#areas-of-focus .ez-focus-family h3,
section.ez-professional-section#areas-of-focus .ez-focus-health h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-relationships h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-practical h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-personal h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-financial h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-family h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-health h3 {
    font-family: var(--ezhp-font-body) !important;
    font-size: var(--ezhp-font-size-label) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 0 0.75rem 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Heading colors - Original 3 */
section.ez-professional-section#areas-of-focus .ez-focus-relationships h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-relationships h3 {
    color: var(--ezhp-focus-relationships-heading) !important;
}

section.ez-professional-section#areas-of-focus .ez-focus-practical h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-practical h3 {
    color: var(--ezhp-focus-practical-heading) !important;
}

section.ez-professional-section#areas-of-focus .ez-focus-personal h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-personal h3 {
    color: var(--ezhp-focus-personal-heading) !important;
}

/* Heading colors - New 3 */
section.ez-professional-section#areas-of-focus .ez-focus-financial h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-financial h3 {
    color: var(--ezhp-focus-financial-heading) !important;
}

section.ez-professional-section#areas-of-focus .ez-focus-family h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-family h3 {
    color: var(--ezhp-focus-family-heading) !important;
}

section.ez-professional-section#areas-of-focus .ez-focus-health h3,
.ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-health h3 {
    color: var(--ezhp-focus-health-heading) !important;
}


/* =============================================================================
   7. LIMITATIONS SECTION - Soft warning style
   ============================================================================= */

section.ez-professional-section#limitations,
.ez-horoscope-block section.ez-professional-section#limitations {
    background: var(--ezhp-warning-bg) !important;
    border-color: var(--ezhp-warning-border) !important;
}

section.ez-professional-section#limitations h2,
.ez-horoscope-block section.ez-professional-section#limitations h2 {
    color: var(--ezhp-warning-heading) !important;
    border-bottom-color: rgba(201, 169, 98, 0.4) !important;
}

section.ez-professional-section#limitations h2::before,
.ez-horoscope-block section.ez-professional-section#limitations h2::before {
    content: var(--ezhp-symbol-diamond) !important;
    color: var(--ezhp-color-secondary) !important;
}

section.ez-professional-section#limitations .ez-limitations p,
.ez-horoscope-block section.ez-professional-section#limitations .ez-limitations p {
    color: var(--ezhp-text-secondary) !important;
}

/* Disclaimer box - elegant dashed border */
section.ez-professional-section#limitations .ez-disclaimer,
section.ez-professional-section#limitations p.ez-disclaimer,
.ez-horoscope-block section.ez-professional-section#limitations .ez-disclaimer,
.ez-horoscope-block section.ez-professional-section#limitations p.ez-disclaimer {
    font-family: var(--ezhp-font-heading) !important;
    font-size: var(--ezhp-font-size-small) !important;
    font-style: italic !important;
    line-height: var(--ezhp-line-height-body) !important;
    color: var(--ezhp-warning-heading) !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border: var(--ezhp-border-width) dashed var(--ezhp-disclaimer-border) !important;
    border-radius: var(--ezhp-border-radius-xs) !important;
    padding: 1rem 1.5rem !important;
    margin-top: 1.5rem !important;
}


/* =============================================================================
   8. ADVICE SECTION - Mystical guidance style
   ============================================================================= */

section.ez-professional-section#advice,
.ez-horoscope-block section.ez-professional-section#advice {
    background: var(--ezhp-bg-section-alt) !important;
    border-color: var(--ezhp-border-color) !important;
}

section.ez-professional-section#advice h2,
.ez-horoscope-block section.ez-professional-section#advice h2 {
    color: var(--ezhp-color-primary) !important;
    border-bottom-color: var(--ezhp-color-tertiary) !important;
}

section.ez-professional-section#advice h2::before,
.ez-horoscope-block section.ez-professional-section#advice h2::before {
    content: var(--ezhp-symbol-star) !important;
    color: var(--ezhp-color-secondary) !important;
}

section.ez-professional-section#advice .ez-professional-advice p,
.ez-horoscope-block section.ez-professional-section#advice .ez-professional-advice p {
    font-family: var(--ezhp-font-body) !important;
    font-size: var(--ezhp-font-size-body) !important;
    line-height: var(--ezhp-line-height-body) !important;
    color: var(--ezhp-text-body) !important;
    padding-left: 1.5rem !important;
    position: relative !important;
    margin-bottom: 1rem !important;
}

/* Gold star bullet for advice items */
section.ez-professional-section#advice .ez-professional-advice p::before,
.ez-horoscope-block section.ez-professional-section#advice .ez-professional-advice p::before {
    content: var(--ezhp-symbol-default) !important;
    position: absolute !important;
    left: 0 !important;
    color: var(--ezhp-color-secondary) !important;
    font-size: 0.75rem !important;
    top: 0.25rem !important;
}


/* =============================================================================
   9. SYNTHESIS SECTION - Featured conclusion
   ============================================================================= */

section.ez-professional-section#synthesis,
.ez-horoscope-block section.ez-professional-section#synthesis {
    background: linear-gradient(135deg, var(--ezhp-bg-section-alt) 0%, rgba(201, 169, 98, 0.06) 100%) !important;
    border: var(--ezhp-border-secondary-width) solid var(--ezhp-color-secondary) !important;
    text-align: center !important;
    box-shadow: var(--ezhp-shadow-glow) !important;
}

section.ez-professional-section#synthesis h2,
.ez-horoscope-block section.ez-professional-section#synthesis h2 {
    border-bottom: none !important;
    text-align: center !important;
    color: var(--ezhp-color-primary) !important;
}

section.ez-professional-section#synthesis h2::before,
.ez-horoscope-block section.ez-professional-section#synthesis h2::before {
    content: var(--ezhp-symbol-star) !important;
    color: var(--ezhp-color-secondary) !important;
}

section.ez-professional-section#synthesis .ez-synthesis p,
.ez-horoscope-block section.ez-professional-section#synthesis .ez-synthesis p {
    font-family: var(--ezhp-font-heading) !important;
    font-size: 1.125rem !important;
    font-style: italic !important;
    font-weight: 400 !important;
    line-height: var(--ezhp-line-height-synthesis) !important;
    color: var(--ezhp-text-secondary) !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* Methodology credit - subtle attribution */
section.ez-professional-section#synthesis .ez-methodology-credit,
section.ez-professional-section#synthesis p.ez-methodology-credit,
.ez-horoscope-block section.ez-professional-section#synthesis .ez-methodology-credit,
.ez-horoscope-block section.ez-professional-section#synthesis p.ez-methodology-credit {
    font-family: var(--ezhp-font-body) !important;
    font-size: var(--ezhp-font-size-date) !important;  /* 0.75rem - same as date */
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.5 !important;
    color: var(--ezhp-text-muted) !important;
    margin: 1.5rem auto 0 auto !important;
    padding-top: 1rem !important;
    border-top: 1px solid rgba(155, 164, 196, 0.2) !important;
    max-width: 500px !important;
    opacity: 0.85 !important;
}


/* =============================================================================
   10. RESPONSIVE DESIGN
   ============================================================================= */

@media (max-width: 768px) {
    section.ez-horoscope-professional.ez-hero .ez-hero-content,
    .ez-horoscope-block section.ez-horoscope-professional.ez-hero .ez-hero-content {
        padding: var(--ezhp-section-padding-tablet) !important;
    }
    
    section.ez-horoscope-professional.ez-hero h1,
    .ez-horoscope-block section.ez-horoscope-professional.ez-hero h1 {
        font-size: var(--ezhp-font-size-hero-title-tablet) !important;
    }
    
    section.ez-professional-section,
    .ez-horoscope-block section.ez-professional-section {
        padding: var(--ezhp-section-padding-tablet) !important;
    }
    
    section.ez-horoscope-professional.ez-hero .ez-professional-intro,
    .ez-horoscope-block section.ez-horoscope-professional.ez-hero .ez-professional-intro {
        padding-left: 1rem !important;
    }
    
    section.ez-professional-section#central-dynamic .ez-aspect-header,
    section.ez-professional-section#central-dynamic p.ez-aspect-header,
    .ez-horoscope-block section.ez-professional-section#central-dynamic .ez-aspect-header {
        display: block !important;
        font-size: 1rem !important;
    }
    
    section.ez-professional-section#areas-of-focus .ez-focus-relationships,
    section.ez-professional-section#areas-of-focus .ez-focus-practical,
    section.ez-professional-section#areas-of-focus .ez-focus-personal,
    section.ez-professional-section#areas-of-focus .ez-focus-financial,
    section.ez-professional-section#areas-of-focus .ez-focus-family,
    section.ez-professional-section#areas-of-focus .ez-focus-health,
    .ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-relationships,
    .ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-practical,
    .ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-personal,
    .ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-financial,
    .ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-family,
    .ez-horoscope-block section.ez-professional-section#areas-of-focus .ez-focus-health {
        padding: 1rem !important;
    }
}

@media (max-width: 480px) {
    section.ez-horoscope-professional.ez-hero h1,
    .ez-horoscope-block section.ez-horoscope-professional.ez-hero h1 {
        font-size: var(--ezhp-font-size-hero-title-mobile) !important;
    }
    
    section.ez-professional-section,
    .ez-horoscope-block section.ez-professional-section {
        padding: var(--ezhp-section-padding-mobile) !important;
        margin-bottom: var(--ezhp-section-margin-mobile) !important;
    }
    
    section.ez-professional-section h2,
    .ez-horoscope-block section.ez-professional-section h2 {
        font-size: var(--ezhp-font-size-section-heading-mobile) !important;
    }
    
    section.ez-professional-section#synthesis .ez-synthesis p,
    .ez-horoscope-block section.ez-professional-section#synthesis .ez-synthesis p {
        font-size: var(--ezhp-font-size-body) !important;
    }
}


/* =============================================================================
   11. PRINT STYLES
   ============================================================================= */

@media print {
    section.ez-professional-section,
    .ez-horoscope-block section.ez-professional-section {
        background: #fff !important;
        border: 1px solid #ccc !important;
        box-shadow: none !important;
        page-break-inside: avoid;
    }
    
    section.ez-professional-section h2::before,
    .ez-horoscope-block section.ez-professional-section h2::before {
        content: none !important;
    }
}


/* =============================================================================
   END OF PROFESSIONAL CONTENT WITH MYSTICAL STYLING (CSS VARIABLES VERSION)
   
   CUSTOMIZATION QUICK REFERENCE:
   
   .ez-horoscope-block {
       --ezhp-color-primary: #5D6B8A;      // Main accent color
       --ezhp-color-secondary: #C9A962;     // Gold highlights
       --ezhp-color-tertiary: #9BA4C4;      // Soft borders
       --ezhp-text-body: #1a1f2e;           // Body text
       --ezhp-font-heading: "Your Font", serif;
       --ezhp-border-radius: 16px;
       --ezhp-section-padding: 2rem;
       --ezhp-symbol-default: "✦";          // Decorative symbol
       
       // Focus area colors (all 6)
       --ezhp-focus-relationships-color: #9BA4C4;  // Lavender
       --ezhp-focus-practical-color: #C9A962;      // Gold
       --ezhp-focus-personal-color: #5D6B8A;       // Primary blue
       --ezhp-focus-financial-color: #7A9E7E;      // Sage green
       --ezhp-focus-family-color: #C4949A;         // Dusty rose
       --ezhp-focus-health-color: #6BA3A3;         // Soft teal
   }
   
   ============================================================================= */