/*
Theme Name:   Divi Child
Theme URI:    https://curationsoft.ai/Divi-child
Description:  Divi Child Theme
Author:       Raj Subramanyam
Author URI:   https://curationsoft.ai
Template:     Divi
Version:      1.0.0
*/

/* Import parent theme styles */
@import url("../Divi/style.css");

/* ------------------------------
Global Typography Enhancements
------------------------------ */

body, p { 
    font-size: 18px;
    line-height: 1.7em;
    color: #333333;
}

h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 26px; }

h1.tagline {
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    line-height: 1.2em;
    margin-bottom: 0.5em;
    color: #333333;
}

h2.subtagline {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    color: #555555;
}

.et_pb_text p {
   max-width: 700px; 
   margin-left:auto; 
   margin-right:auto; 
}

/* ------------------------------
Hero Section Wrapper Styling
------------------------------ */

.hero-overlay {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align:center;
}

.hero-overlay h1,
.hero-overlay h2 {
  margin-bottom:20px;
}

/* ------------------------------
Reusable Card Style for Blurbs or Content Boxes
------------------------------ */

.card-style {
  background-color:#ffffff;
  box-shadow:0px 8px 24px rgba(0,0,0,.05);
  border-radius:.5rem;
  padding:30px;
}

/* ------------------------------
Footer CTA Link Style (optional)
------------------------------ */

.cta-footer-link {
    font-weight:bold;
    font-size:18px;
    color:#2563eb !important; /* Blue tone */
    text-decoration:none !important;
}

.cta-footer-link:hover {
    opacity:.85 !important;
}


/* ====================================================
PAGE-SPECIFIC BACKGROUND STYLES USING PAGE IDS ✅ YOUR IDs!
======================================================= */

/* Home Page - ID =603 */
body.page-id-603 .et_pb_section:first-of-type {
    background-color:#ffffff !important; /* Keep clean white hero */
}

/* Solopreneur Page - ID =728 */
body.page-id-728 .et_pb_section:first-of-type {
    background-color:#ffffff !important; /* Light blue tint */
}

/* Busy Parent Page - ID =984 */
body.page-id-984 .et_pb_section:first-of-type {
    background-color:#ffffff !important; /* Soft orange tint */
}

/* Student Page - ID =781 */
body.page-id-781 .et_pb_section:first-of-type {
    background-color:#ffffff !important; /* Soft green tint */
}

/* Creator Page - ID =993 */
body.page-id-993 .et_pb_section:first-of-type {
    background-color:#ffffff !important; /* Soft purple tint */
}


/* ============================================
PRO PLAN – Shared Across All Personas 🔵✔️
============================================ */

.btn-pro-plan a.et_pb_button {
    background-color:#111827 !important; /* Neutral navy tone */
    color:white !important;
    padding:12px 28px !important;
    font-weight:bold!important;
    border-radius:8px!important;
    text-align:center!important;
    transition:.3s ease-in-out all!important;
}

.btn-pro-plan a.et_pb_button:hover {
     opacity:.9!important;
     transform:translateY(-2px);
}


/* ============================================
FREE PLAN BUTTONS BY PERSONA COLOR THEME 🟢🟠🔵🟣✔️
============================================ */

/* Student - Green (#15803d) */
.btn-free-student a.et_pb_button {
    background-color:#15803d!important; 
    color:white!important;
}

/* Busy Parent - Orange (#ea580c) */
.btn-free-parent a.et_pb_button {
    background-color:#ea580c!important; 
    color:white!important;
}

/* Solopreneur - Blue (#2563eb) */
.btn-free-solopreneur a.et_pb_button {
    background-color:#2563eb!important; 
    color:white!important;
}

/* Experienced Creator - Purple (#9333ea) */
.btn-free-creator a.et_pb_button {
    background-color:#9333ea!important; 
    color:white!important;

}


/* Hover Effects for ALL Free Buttons 👇🏽 Apply to all above ^^^*/
.btn-free-student a.et_pb_button:hover,
.btn-free-parent a.et_pb_button:hover,
.btn-free-solopreneur a.et_pb_button:hover,
.btn-free-creator a.et_pb_button:hover {
   opacity:.9!important;
   transform:translateY(-2px);
   transition:.3s ease all!important;

}


/* ========== PILL CTA BUTTON STYLE ========== */

.btn-dark-pill a.et_pb_button {
    background-color: #1c5470 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    padding: 14px 32px !important;
    border-radius: 999px !important; /* Pill shape */
    font-weight: bold !important;
    transition: all 0.3s ease-in-out !important;
}

.btn-dark-pill a.et_pb_button:hover {
    background-color: #ea580c !important; /* Orange hover */
    color: white !important;
}


/* ========== FIX LEFT ALIGNMENT FOR AI TOOLS SECTION ONLY ========== */

.ai-tools-teaser p,
.ai-tools-teaser .et_pb_text p,
.ai-tools-teaser div > p {
   text-align:left!important ;
   margin-left :0            ;
   margin-right:auto      ;
}


/* ========= ALTERNATE SECTIONS FOR FLOW / VISUAL BREAKS ========= */

.section-alt-bg { 
    background-color:#f9fafb !important;;         /* Light gray section bg 💡 */ 
}
.section-divider-line { 
    border-top :1px solid #e5e7eb;;              /* Line between sections */ 
}
.ai-tools-teaser p,
.ai-tools-teaser .et_pb_text p,
.ai-tools-teaser div > p {
   text-align:left!important ;
   margin-left :0 ;
   margin-right:auto ;
}
/* Pill-Shaped CTA Button */
.btn-dark-pill a.et_pb_button,
.et_pb_button.btn-dark-pill {
    background-color: #1c5470 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    padding: 14px 32px !important;
    border-radius: 999px !important;
    font-weight: bold !important;
    display: inline-block;
    transition: all 0.3s ease-in-out !important;
}

/* ============================================
Pill Button – Dark Blue Base, Orange Hover (Updated)
============================================ */

.et_pb_button.btn-dark-pill,
.btn-dark-pill .et_pb_button {
    background-color: #1c5470 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    padding: 14px 32px !important;
    border-radius: 999px !important;
    font-weight: bold !important;
    display: inline-block;
    white-space: nowrap; /* 🚫 Prevent line breaks */
    transition: all 0.3s ease-in-out !important;
}

/* Hover */
.et_pb_button.btn-dark-pill:hover,
.btn-dark-pill .et_pb_button:hover {
    background-color: #f39c12 !important; /* ✅ Bright orange hover */
    color: #ffffff !important;
}

/* Optional width helper for persona buttons */
.persona-button-wide .et_pb_button {
   min-width: 200px;        /* 👈 Adjust as needed */
   text-align:center;
}

/* Stronger rule for footer links using our class */
.footer-link-blue a,
.footer-link-blue a:visited {
   color: #2563eb !important; /* Bright blue */
   font-weight: bold;
   text-decoration: underline;
}

.footer-link-blue a:hover {
   opacity: .85 !important;
   text-decoration-thickness: 2px; /* Optional fancy hover effect */
}
/* ========== White Hero Text Utility (for dark images) ========== */

.hero-text-white h1,
.hero-text-white h2,
.hero-text-white p,
.hero-text-white .et_pb_module_header {
    color: #ffffff !important;
}

.hero-text-white a {
    color: #ffffff !important;
    text-decoration: underline;
}

.hero-text-white a:hover {
    opacity: 0.85;
}
/* ===== Unified Header & Footer Backgrounds ===== */

#main-header,
.et-l--footer,
footer,
.site-footer {
    background-color: #cdd6c4 !important;
}

/* Optional: Adjust footer text contrast if needed */
.et-l--footer,
.site-footer {
    color: #111827; /* dark gray text */
}