/* ============================================
   BRAND COLOR OVERRIDES
   
   Brand Palette (Dynamically set per landing page):
   - Primary Color: --brand-primary (default: #FF7A59)
   - Secondary Color: --brand-secondary (default: #FFE5DC)
   
   This file uses CSS variables that can be overridden
   dynamically for each landing page via inline styles.
   ============================================ */

/* ============================================
   CSS CUSTOM PROPERTIES (Variables)
   ============================================ */
:root {
    /* Brand Colors - Can be overridden dynamically */
    --brand-primary: #b03212;
    --brand-primary-hover: #E66A49;
    --brand-primary-active: #CC5A39;
    --brand-secondary: #FFE5DC;
    --brand-background: #FFE5DC;

    /* Text Colors */
    --text-dark: #1A1A1A;
    --text-white: #ffffff;

    /* Additional Shades */
    --brand-light: #FFE5DC;
    --brand-lighter: #FFF0E9;
}

/* ============================================
   GLOBAL BACKGROUND - LANDING PAGE CONTENT ONLY
   (Excluding Header and Footer)
   ============================================ */

/* Landing Page Sections - Light Background */
.lp-overview-section,
.lp-giveaway-section {
    background: var(--brand-background) !important;
}

/* Landing Page Sections - White Background for Contrast */
.lp-faq-section,
.lp-testimonials-section {
    background: var(--text-white) !important;
}

/* ============================================
    HEADINGS (H1 - H5) - REMOVED GLOBAL OVERRIDE
    We intentionally do NOT set heading colors globally here
    to respect each section's own typography in landingpage.css
    ============================================ */
/* Previously forced brand color on all headings; now disabled by request. */
/* .lp-hero-section h1, .lp-hero-section h2, ... { color: var(--brand-primary) !important; } */

/* Section Titles and Subtitles - no global color override */
/* .section-title-text, .section-subtitle-text { color: var(--brand-primary) !important; } */

/* Specific Landing Page Section Headings - disabled to avoid unintended changes */
/* .lp-video-section .section-title-text, .lp-video-section .section-subtitle-text, ... { color: var(--brand-primary) !important; } */








/* ============================================
   SECTION-SPECIFIC TITLE/SUBTITLE CUSTOMIZATION
   Uncomment and modify as needed
   ============================================ */

/* VIDEO SECTION */

.lp-video-section .section-title-text {
    color: #ff7a59 !important;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.2;
    /* letter-spacing: 3px; */
    text-transform: uppercase;
}

.lp-video-section .section-subtitle-text {
    /* color: #0a0a0a !important; */
    font-size: 58px;
    font-weight: bolder;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.2;
    /* letter-spacing: 1.5px; */
    text-transform: uppercase;
    background: linear-gradient(90deg, red 0%, #b03212 50%, #000 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    text-shadow: 0 0 25px #f57327;
    /* text-shadow: 0 0 45px #b03212, 0 0 45px #b03212; */
    padding-bottom: 0.1em;
    background-size: 200% auto;
    animation: gradient-shift 5s ease infinite alternate;
}

@keyframes gradient-shift {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

/* PROGRAM OVERVIEW SECTION */

.lp-overview-section .section-title-text {
    color: #ff7a59 !important;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.lp-overview-section .section-subtitle-text {
    color: #0a0a0a !important;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-transform: none;
}


/* TESTIMONIALS SECTION */

.testimonials-section .section-title-text {
    color: #b03212 !important;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.2;
    /* letter-spacing: 2px; */
    text-transform: uppercase;
}

.testimonials-section .section-subtitle-text {
    color: #0a0a0a !important;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-transform: none;
}



/* GIVEAWAY SECTION */

.lp-giveaway-section .section-title-text {
    color: #ff7a59 !important;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.lp-giveaway-section .section-subtitle-text {
    color: #0a0a0a !important;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-transform: none;
}


/* FAQ SECTION */

.lp-faq-section .section-title-text {
    color: #ff7a59 !important;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.lp-faq-section .section-subtitle-text {
    color: #0a0a0a !important;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-transform: none;
}


/* BUY NOW SECTION */

.lp-buynow-section .section-title-text {
    color: #ff7a59 !important;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.lp-buynow-section .section-subtitle-text {
    color: #0a0a0a !important;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-transform: none;
}






/* ============================================
   PARAGRAPH TEXT - LANDING PAGE ONLY
   ============================================ */
.lp-overview-section p,
.lp-video-section p,
.lp-giveaway-section p,
.lp-faq-section p,
.lp-buynow-section p,
.lp-testimonials-section p,
.lp-hero-section p,
.lp-overview-description,
.lp-overview-description p {
    color: var(--text-dark) !important;
}

/* ============================================
   BUTTONS - LANDING PAGE ONLY
   ============================================ */

/* Primary Buttons - Landing Page Only */
.lp-hero-section .btn-primary,
.lp-hero-section .btn-main,
.lp-hero-cta,
.lp-overview-section .btn-primary,
.lp-video-section .btn-primary,
.lp-giveaway-section .btn-primary,
.lp-faq-section .btn-primary,
.lp-buynow-section .btn-primary,
.lp-testimonials-section .btn-primary,
.lp-closing-section .btn-primary,
.lp-hero-section button.primary,
.lp-overview-section button.primary,
.lp-video-section button.primary,
.lp-giveaway-section button.primary,
.lp-faq-section button.primary,
.lp-buynow-section button.primary,
.lp-primary-button,
.lp-cta-button {
    background: var(--brand-secondary) !important;
    background-color: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
    color: var(--text-dark) !important;
}

/* Button Hover States - Landing Page Only */
.lp-hero-section .btn-primary:hover,
.lp-hero-section .btn-main:hover,
.lp-hero-cta:hover,
.lp-overview-section .btn-primary:hover,
.lp-video-section .btn-primary:hover,
.lp-giveaway-section .btn-primary:hover,
.lp-faq-section .btn-primary:hover,
.lp-buynow-section .btn-primary:hover,
.lp-testimonials-section .btn-primary:hover,
.lp-closing-section .btn-primary:hover,
.lp-hero-section button.primary:hover,
.lp-overview-section button.primary:hover,
.lp-video-section button.primary:hover,
.lp-giveaway-section button.primary:hover,
.lp-faq-section button.primary:hover,
.lp-buynow-section button.primary:hover,
.lp-primary-button:hover,
.lp-cta-button:hover {
    background: var(--brand-primary) !important;
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--text-white) !important;
}

/* Button Active/Focus States - Landing Page Only */
.lp-hero-section .btn-primary:active,
.lp-hero-section .btn-primary:focus,
.lp-hero-section .btn-main:active,
.lp-hero-section .btn-main:focus,
.lp-overview-section .btn-primary:active,
.lp-overview-section .btn-primary:focus,
.lp-video-section .btn-primary:active,
.lp-video-section .btn-primary:focus,
.lp-giveaway-section .btn-primary:active,
.lp-giveaway-section .btn-primary:focus,
.lp-faq-section .btn-primary:active,
.lp-faq-section .btn-primary:focus,
.lp-buynow-section .btn-primary:active,
.lp-buynow-section .btn-primary:focus,
.lp-hero-section button.primary:active,
.lp-hero-section button.primary:focus,
.lp-overview-section button.primary:active,
.lp-overview-section button.primary:focus,
.lp-video-section button.primary:active,
.lp-video-section button.primary:focus {
    background: var(--brand-primary-hover) !important;
    border-color: var(--brand-primary-hover) !important;
}

/* Hero CTA Button with Animation */
.lp-hero-cta::before {
    background: var(--brand-primary) !important;
}

/* ============================================
   CTAs, ICONS, BADGES - LANDING PAGE CONTENT ONLY
   (Excluding Header and Footer)
   ============================================ */

/* Call-to-Action Elements - Landing Page Content Only */
.lp-hero-section .cta,
.lp-overview-section .cta,
.lp-video-section .cta,
.lp-giveaway-section .cta,
.lp-faq-section .cta,
.lp-buynow-section .cta,
.lp-testimonials-section .cta,
.lp-closing-section .cta,
.lp-call-to-action,
.lp-highlight {
    color: var(--brand-primary) !important;
}

/* Icons - Landing Page Content Only */
.lp-hero-section .icon,
.lp-overview-section .icon,
.lp-video-section .icon,
.lp-giveaway-section .icon,
.lp-faq-section .icon,
.lp-buynow-section .icon,
.lp-testimonials-section .icon,
.lp-closing-section .icon,
.lp-benefit-icon,
.lp-feature-icon,
.lp-hero-section i.icon,
.lp-overview-section i.icon,
.lp-video-section i.icon,
.lp-giveaway-section i.icon,
.lp-faq-section i.icon,
.lp-buynow-section i.icon,
.lp-testimonials-section i.icon,
.lp-closing-section i.icon {
    color: var(--brand-primary) !important;
}

/* Badges - Landing Page Content Only */
.lp-hero-section .badge,
.lp-overview-section .badge,
.lp-video-section .badge,
.lp-giveaway-section .badge,
.lp-faq-section .badge,
.lp-buynow-section .badge,
.lp-testimonials-section .badge,
.lp-closing-section .badge,
.lp-hero-section .label,
.lp-hero-section .tag,
.lp-overview-section .label,
.lp-overview-section .tag,
.lp-video-section .label,
.lp-video-section .tag,
.lp-giveaway-section .label,
.lp-giveaway-section .tag,
.lp-faq-section .label,
.lp-faq-section .tag,
.lp-buynow-section .label,
.lp-buynow-section .tag,
.lp-badge-primary,
.lp-pricing-badge {
    background-color: var(--brand-primary) !important;
    color: var(--text-white) !important;
}

/* Benefit Items Hover Border */
.lp-benefit-item:hover {
    border-color: var(--brand-primary) !important;
}

/* ============================================
   CARDS & SECTIONS - LANDING PAGE CONTENT ONLY
   (Excluding Header and Footer)
   ============================================ */

/* Card Backgrounds - Landing Page Only */
.lp-hero-section .card,
.lp-overview-section .card,
.lp-video-section .card,
.lp-giveaway-section .card,
.lp-faq-section .card,
.lp-buynow-section .card,
.lp-testimonials-section .card,
.lp-card-body,
.lp-testimonial-card,
.lp-pricing-card {
    background-color: var(--text-white);
}

/* Card Borders - Landing Page Only */
.lp-hero-section .card,
.lp-overview-section .card,
.lp-video-section .card,
.lp-giveaway-section .card,
.lp-faq-section .card,
.lp-buynow-section .card,
.lp-testimonials-section .card,
.lp-pricing-card,
.lp-testimonial-card {
    border-color: var(--brand-primary);
}

/* Featured Cards - Landing Page Only */
.lp-hero-section .card.featured,
.lp-overview-section .card.featured,
.lp-video-section .card.featured,
.lp-giveaway-section .card.featured,
.lp-faq-section .card.featured,
.lp-buynow-section .card.featured,
.lp-pricing-card.featured,
.lp-featured-plan {
    border-color: var(--brand-primary) !important;
    border-width: 2px !important;
}

/* Card Headers - Landing Page Only */
.lp-hero-section .card-header,
.lp-overview-section .card-header,
.lp-video-section .card-header,
.lp-giveaway-section .card-header,
.lp-faq-section .card-header,
.lp-buynow-section .card-header,
.lp-pricing-header {
    background-color: var(--brand-background) !important;
    color: var(--brand-primary) !important;
}

/* ============================================
   PRICING SECTION - LANDING PAGE ONLY
   ============================================ */

/* Pricing Plan Cards - Landing Page Only */
.lp-pricing-plan,
.lp-pricing-card,
.lp-buynow-section .pricing-card {
    background: var(--text-white);
    border-color: var(--brand-primary);
}

/* Pricing Plan Buttons - Landing Page Only */
.lp-pricing-plan .btn,
.lp-pricing-card .btn,
.lp-pricing-button,
.lp-buynow-section .pricing-plan .btn,
.lp-buynow-section .pricing-card .btn {
    background: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
    color: var(--text-dark) !important;
}

.lp-pricing-plan .btn:hover,
.lp-pricing-card .btn:hover,
.lp-pricing-button:hover,
.lp-buynow-section .pricing-plan .btn:hover,
.lp-buynow-section .pricing-card .btn:hover {
    background: var(--brand-primary) !important;
    color: var(--text-white) !important;
}

/* Pricing Badges - Landing Page Only */
.lp-pricing-badge,
.lp-price-badge,
.lp-buynow-section .pricing-badge,
.lp-buynow-section .price-badge {
    background-color: var(--brand-primary) !important;
    color: var(--text-white) !important;
}

/* Pricing Features Icons - Landing Page Only */
.lp-pricing-features li i {
    color: var(--brand-secondary) !important;
}

/* ============================================
   FAQ SECTION - LANDING PAGE CONTENT ONLY
   (Excluding Header and Footer)
   ============================================ */

/* FAQ Accordion Items - Landing Page Content Only */
.lp-faq-section .accordion-button,
.lp-faq-question,
.lp-faq-item {
    color: var(--text-dark) !important;
    background: var(--text-white) !important;
}

.lp-faq-item {
    background: var(--text-white) !important;
    border: 1px solid var(--brand-primary) !important;
}

.lp-faq-item.active {
    background: var(--brand-background) !important;
    border-color: var(--brand-primary) !important;
    box-shadow: 0 4px 16px rgba(255, 122, 89, 0.15) !important;
}

.lp-faq-item:hover {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 4px 12px rgba(255, 122, 89, 0.12) !important;
}

.lp-faq-question {
    background: transparent !important;
}

.lp-faq-question:hover {
    background: transparent !important;
}

.lp-faq-question h5 {
    color: var(--brand-primary) !important;
}

.lp-faq-question:hover h5 {
    color: var(--brand-primary-hover) !important;
}

.lp-faq-question i {
    color: var(--brand-primary) !important;
}

.lp-faq-accordion {
    box-shadow: 0 20px 40px rgba(255, 122, 89, 0.15) !important;
}

.lp-faq-section .accordion-button:not(.collapsed) {
    background-color: var(--brand-background) !important;
    color: var(--brand-primary) !important;
}

.lp-faq-section .accordion-button:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 122, 89, 0.25) !important;
}

/* FAQ Answer Text */
.lp-faq-answer,
.lp-faq-answer p {
    color: var(--text-dark) !important;
}

/* ============================================
   TESTIMONIALS SECTION - LANDING PAGE CONTENT ONLY
   (Excluding Header and Footer)
   ============================================ */

/* Testimonial Section Background - Replace orange/black gradient */
.testimonials-section,
.lp-testimonials-section {
    background:
        radial-gradient(ellipse at center, #FFE5DC 0%, #ffffff 100%) !important;
    position: relative;
    overflow: hidden;
}

/* Subtle coral tint overlays like FAQ */
.testimonials-section::before,
.lp-testimonials-section::before {
    content: '';
    position: absolute;
    top: -20%;
    left: -15%;
    width: 130%;
    height: 140%;
    background: linear-gradient(45deg, transparent, rgba(255, 122, 89, 0.03), transparent);
    border-radius: 50%;
    z-index: 0;
}

.testimonials-section::after,
.lp-testimonials-section::after {
    content: '';
    position: absolute;
    bottom: -15%;
    right: -10%;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(255, 122, 89, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
}

.testimonials-section .container,
.lp-testimonials-section .container {
    position: relative;
    z-index: 1;
}

/* Testimonial Items - Landing Page Content Only */
.lp-testimonial,
.lp-testimonial-item,
.lp-testimonials-section .testimonial-item {
    background: var(--brand-secondary) !important;
}

/* Testimonial Names/Titles - Landing Page Content Only */
.lp-testimonial-name,
.lp-testimonial-author,
.lp-testimonials-section .testimonial-name,
.lp-testimonials-section .testimonial-author {
    color: var(--brand-primary) !important;
}

/* Testimonial Text */
.lp-testimonials-section p,
.lp-testimonial-item p {
    color: var(--text-dark) !important;
}

/* Owl Carousel Navigation Buttons */
.testimonials-carousel .owl-nav button {
    background: var(--brand-primary) !important;
    box-shadow: 0 4px 15px rgba(255, 122, 89, 0.3) !important;
}

.testimonials-carousel .owl-nav button:hover {
    background: var(--brand-primary-hover) !important;
    box-shadow: 0 6px 20px rgba(255, 122, 89, 0.4) !important;
}

/* Owl Carousel Dots */
.testimonials-carousel .owl-dot span {
    background: rgba(255, 122, 89, 0.35) !important;
    /* subtle inactive fill */
    width: 12px !important;
    height: 12px !important;
    display: inline-block !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255, 122, 89, 0.5) !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6), 0 2px 6px rgba(255, 122, 89, 0.25) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.testimonials-carousel .owl-dot.active {
    background: transparent !important;
}

.testimonials-carousel .owl-dot.active span {
    background: var(--brand-primary) !important;
    /* solid for active */
    transform: scale(1.35) !important;
    transform-origin: center !important;
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 3px 10px rgba(255, 122, 89, 0.4) !important;
}

/* Hover / focus state for accessibility */
.testimonials-carousel .owl-dot:hover span,
.testimonials-carousel .owl-dot:focus span {
    background: var(--brand-primary-hover, #FF7A59) !important;
    border-color: var(--brand-primary-hover, #FF7A59) !important;
    transform: scale(1.15) !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75), 0 2px 8px rgba(255, 122, 89, 0.35) !important;
}

/* ============================================
   FORMS & INPUTS - LANDING PAGE ONLY
   ============================================ */

/* Input Focus States - Landing Page Only */
.lp-hero-section input:focus,
.lp-overview-section input:focus,
.lp-video-section input:focus,
.lp-giveaway-section input:focus,
.lp-faq-section input:focus,
.lp-buynow-section input:focus,
.lp-testimonials-section input:focus,
.lp-closing-section input:focus,
.lp-hero-section textarea:focus,
.lp-overview-section textarea:focus,
.lp-video-section textarea:focus,
.lp-giveaway-section textarea:focus,
.lp-faq-section textarea:focus,
.lp-buynow-section textarea:focus,
.lp-hero-section select:focus,
.lp-overview-section select:focus,
.lp-video-section select:focus,
.lp-giveaway-section select:focus,
.lp-faq-section select:focus,
.lp-buynow-section select:focus,
.lp-hero-section .form-control:focus,
.lp-overview-section .form-control:focus,
.lp-video-section .form-control:focus,
.lp-giveaway-section .form-control:focus,
.lp-faq-section .form-control:focus,
.lp-buynow-section .form-control:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 122, 89, 0.25) !important;
}

/* Form Labels - Landing Page Only */
.lp-hero-section label,
.lp-overview-section label,
.lp-video-section label,
.lp-giveaway-section label,
.lp-faq-section label,
.lp-buynow-section label,
.lp-hero-section .form-label,
.lp-overview-section .form-label,
.lp-video-section .form-label,
.lp-giveaway-section .form-label,
.lp-faq-section .form-label,
.lp-buynow-section .form-label {
    color: var(--text-dark);
}

/* ============================================
   LINKS - LANDING PAGE CONTENT ONLY
   (Excluding Header and Footer)
   ============================================ */

/* General Links - Landing Page Content Sections Only */
.lp-hero-section a,
.lp-overview-section a,
.lp-video-section a,
.lp-giveaway-section a,
.lp-faq-section a,
.lp-buynow-section a,
.lp-testimonials-section a,
.lp-closing-section a {
    color: var(--brand-primary);
}

.lp-hero-section a:hover,
.lp-hero-section a:focus,
.lp-overview-section a:hover,
.lp-overview-section a:focus,
.lp-video-section a:hover,
.lp-video-section a:focus,
.lp-giveaway-section a:hover,
.lp-giveaway-section a:focus,
.lp-faq-section a:hover,
.lp-faq-section a:focus,
.lp-buynow-section a:hover,
.lp-buynow-section a:focus,
.lp-testimonials-section a:hover,
.lp-testimonials-section a:focus,
.lp-closing-section a:hover,
.lp-closing-section a:focus {
    color: var(--brand-primary-hover);
}

/* ============================================
   DIVIDERS & BORDERS - LANDING PAGE ONLY
   ============================================ */

/* Horizontal Rules - Landing Page Only */
.lp-hero-section hr,
.lp-overview-section hr,
.lp-video-section hr,
.lp-giveaway-section hr,
.lp-faq-section hr,
.lp-buynow-section hr,
.lp-testimonials-section hr,
.lp-closing-section hr,
.lp-divider {
    border-color: var(--brand-primary);
}

/* Section Dividers - Landing Page Only */
.lp-section-divider {
    background-color: var(--brand-primary);
}

/* ============================================
   VIDEO SECTION
   ============================================ */

/* Video Section - Gradient Override with Brand Colors */
.lp-video-section {
    /* background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-background) 70%) !important; */
    /* background: linear-gradient(to right, var(--brand-primary), var(--brand-background), var(--brand-primary));; */
    background: var(--brand-background);
}

.lp-video-section::before {
    background: radial-gradient(circle at top right, rgba(255, 122, 89, 0.18), transparent 55%) !important;
}

.lp-video-section .section-title span,
.lp-video-subtitle {
    color: var(--text-white) !important;
}

/* .lp-video-section .section-title h2, */
.lp-video-title {
    color: #0a0a0a !important;
}

/* ============================================
   OVERVIEW SECTION - Replace Black with Brand Colors
   ============================================ */

.lp-overview-section {
    background: var(--brand-background) !important;
}

.lp-overview-description p {
    color: var(--text-dark) !important;
}

.lp-benefit-item {
    background: var(--text-white) !important;
    border: 2px solid var(--brand-background) !important;
}

.lp-benefit-item::before {
    background: linear-gradient(90deg, transparent, rgba(255, 122, 89, 0.1), transparent) !important;
}

.lp-benefit-item:hover {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 20px 40px rgba(255, 122, 89, 0.2) !important;
}

.lp-benefit-icon {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-hover)) !important;
}

/* Ensure benefit icons are high-contrast on coral circle */
.lp-overview-section .lp-benefit-icon,
.lp-benefit-icon i {
    color: var(--text-white) !important;
    /* keep the glyph white for contrast */
}

/* Slightly larger icon for better legibility */
.lp-overview-section .lp-benefit-icon {
    font-size: 42px !important;
}

.lp-benefit-item h4 {
    color: var(--brand-primary) !important;
}

.lp-benefit-item p {
    color: var(--text-dark) !important;
}

/* ============================================
   BUY NOW SECTION - Replace Black with Brand Colors
   ============================================ */

.lp-buynow-section {
    background: radial-gradient(ellipse at center, #FFE5DC 0%, #ffffff 100%) !important;
    position: relative;
    overflow: hidden;
}

/* Subtle coral tint overlays like FAQ */
.lp-buynow-section::before {
    content: '';
    position: absolute;
    top: -25%;
    left: -10%;
    width: 120%;
    height: 150%;
    background: linear-gradient(35deg, transparent, rgba(255, 122, 89, 0.03), transparent);
    border-radius: 50%;
    z-index: 0;
}

.lp-buynow-section::after {
    content: '';
    position: absolute;
    bottom: -18%;
    right: -12%;
    width: 480px;
    height: 480px;
    background: radial-gradient(circle, rgba(255, 122, 89, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
}



.lp-closing-section {
    background: var(--brand-background) !important;
}

position: absolute;
bottom: -18%;
right: -12%;
width: 480px;
height: 480px;
background: radial-gradient(circle, rgba(255, 122, 89, 0.05) 0%, transparent 70%);
border-radius: 50%;
z-index: 0;
}

.lp-closing-section .container {
    position: relative;
    z-index: 1;
}

.lp-closing-section h2,
.lp-closing-section .quote {
    color: var(--brand-primary) !important;
}

.lp-closing-section .author {
    color: var(--brand-primary) !important;
}

.lp-closing-section p {
    color: var(--text-dark) !important;
}

/* ============================================
   UTILITY CLASSES - LANDING PAGE ONLY
   ============================================ */

/* Background Utilities - Landing Page Only */
.lp-bg-primary {
    background-color: var(--brand-primary) !important;
}

.lp-bg-light {
    background-color: var(--brand-background) !important;
}

/* Text Color Utilities - Landing Page Only */
.lp-text-primary {
    color: var(--brand-primary) !important;
}

.lp-text-dark {
    color: var(--text-dark) !important;
}

/* Border Utilities - Landing Page Only */
.lp-border-primary {
    border-color: var(--brand-primary) !important;
}

/* ============================================
   ANIMATIONS & TRANSITIONS - LANDING PAGE ONLY
   ============================================ */

/* Smooth color transitions for interactive elements - Landing Page Only */
.lp-hero-section a,
.lp-overview-section a,
.lp-video-section a,
.lp-giveaway-section a,
.lp-faq-section a,
.lp-buynow-section a,
.lp-testimonials-section a,
.lp-closing-section a,
.lp-hero-section button,
.lp-overview-section button,
.lp-video-section button,
.lp-giveaway-section button,
.lp-faq-section button,
.lp-buynow-section button,
.lp-testimonials-section button,
.lp-closing-section button,
.lp-hero-section .btn,
.lp-overview-section .btn,
.lp-video-section .btn,
.lp-giveaway-section .btn,
.lp-faq-section .btn,
.lp-buynow-section .btn,
.lp-testimonials-section .btn,
.lp-closing-section .btn,
.lp-hero-section input,
.lp-overview-section input,
.lp-video-section input,
.lp-giveaway-section input,
.lp-faq-section input,
.lp-buynow-section input,
.lp-hero-section textarea,
.lp-overview-section textarea,
.lp-video-section textarea,
.lp-giveaway-section textarea,
.lp-faq-section textarea,
.lp-buynow-section textarea,
.lp-hero-section select,
.lp-overview-section select,
.lp-video-section select,
.lp-giveaway-section select,
.lp-faq-section select,
.lp-buynow-section select {
    transition: all 0.3s ease;
}

/* ============================================
   RESPONSIVE OVERRIDES - LANDING PAGE ONLY
   ============================================ */

@media (max-width: 768px) {

    /* Ensure colors remain consistent on mobile - Landing Page Only */
    .lp-hero-section h1,
    .lp-hero-section h2,
    .lp-hero-section h3,
    .lp-hero-section h4,
    .lp-hero-section h5,
    .lp-overview-section h1,
    .lp-overview-section h2,
    .lp-overview-section h3,
    .lp-overview-section h4,
    .lp-overview-section h5,
    .lp-video-section h1,
    .lp-video-section h2,
    .lp-video-section h3,
    .lp-video-section h4,
    .lp-video-section h5,
    .lp-giveaway-section h1,
    .lp-giveaway-section h2,
    .lp-giveaway-section h3,
    .lp-giveaway-section h4,
    .lp-giveaway-section h5,
    .lp-faq-section h1,
    .lp-faq-section h2,
    .lp-faq-section h3,
    .lp-faq-section h4,
    .lp-faq-section h5,
    .lp-buynow-section h1,
    .lp-buynow-section h2,
    .lp-buynow-section h3,
    .lp-buynow-section h4,
    .lp-buynow-section h5 {
        color: var(--brand-primary) !important;
    }

    .lp-hero-section .btn-primary,
    .lp-overview-section .btn-primary,
    .lp-video-section .btn-primary,
    .lp-giveaway-section .btn-primary,
    .lp-faq-section .btn-primary,
    .lp-buynow-section .btn-primary,
    .lp-primary-button,
    .lp-cta-button {
        background: var(--brand-primary) !important;
        border-color: var(--brand-primary) !important;
    }
}

/* ============================================
   DARK SECTIONS TEXT OVERRIDES - LANDING PAGE ONLY
   ============================================ */

/* Update text colors for sections that now have light backgrounds */
.lp-video-section p,
.lp-overview-section p,
.lp-giveaway-section p,
.lp-faq-section p,
.lp-buynow-section p,
.lp-testimonials-section p,
.lp-closing-section p {
    color: var(--text-dark) !important;
}

.lp-video-section .description,
.lp-overview-section .description,
.lp-giveaway-section .description,
.lp-faq-section .description,
.lp-buynow-section .description,
.lp-testimonials-section .description,
.lp-closing-section .description {
    color: var(--text-dark) !important;
}

/* ============================================
   IMPORTANT OVERRIDES - LANDING PAGE ONLY
   Use these to ensure brand colors take precedence
   ============================================ */

/* Ensure headings are always brand color - Landing Page Only */
.lp-overview-section h1,
.lp-overview-section h2,
.lp-overview-section h3,
.lp-giveaway-section h1,
.lp-giveaway-section h2,
.lp-giveaway-section h3,
.lp-faq-section h1,
.lp-faq-section h2,
.lp-faq-section h3,
.lp-video-section h1,
.lp-video-section h2,
.lp-video-section h3,
.lp-buynow-section h1,
.lp-buynow-section h2,
.lp-buynow-section h3,
.lp-closing-section h1,
.lp-closing-section h2,
.lp-closing-section h3 {
    color: var(--brand-primary) !important;
}

/* Pricing cards with brand color accents - Landing Page Only */
.lp-pricing-card .card-title,
.lp-pricing-card .price,
.lp-buynow-section .pricing-card .card-title,
.lp-buynow-section .pricing-card .price {
    color: var(--brand-primary) !important;
}

/* ============================================
   LEGACY COLOR OVERRIDES - LANDING PAGE CONTENT ONLY
   Explicitly override all instances of old color #f36100 in landing page
   (Excluding Header and Footer)
   ============================================ */

/* Override all text colors that use #f36100 - Landing Page Content Only */
.lp-hero-section .primary-menu li a:hover,
.lp-hero-section .primary-menu li.active a,
.lp-hero-text h2 span,
.lp-overview-section .services-item:hover .icon,
.lp-video-section .services-item:hover .icon,
.lp-giveaway-section .services-item:hover .icon,
.lp-faq-section .services-item:hover .icon,
.lp-buynow-section .services-item:hover .icon,
.lp-pricing-table.featured,
.lp-pricing-table:hover,
.lp-testimonial-author,
.lp-portfolio-controls li.active,
.lp-portfolio-controls li:hover,
.lp-team-member-name,
.lp-blog-post-title a:hover,
.lp-counter-number,
.lp-hero-section .section-title span,
.lp-overview-section .section-title span,
.lp-video-section .section-title span,
.lp-giveaway-section .section-title span,
.lp-faq-section .section-title span,
.lp-buynow-section .section-title span,
.lp-feature-title,
.lp-service-icon,
.lp-list-item-icon,
.lp-highlight-text {
    /* color: var(--brand-primary) !important; */
    color: #b03212 !important;
}

/* Override all background colors that use #f36100 - Landing Page Content Only */
.lp-hero-section .btn,
.lp-hero-section .button,
.lp-overview-section .btn,
.lp-overview-section .button,
.lp-video-section .btn,
.lp-video-section .button,
.lp-giveaway-section .btn,
.lp-giveaway-section .button,
.lp-faq-section .btn,
.lp-faq-section .button,
.lp-buynow-section .btn,
.lp-buynow-section .button,
.lp-testimonials-section .btn,
.lp-testimonials-section .button,
.lp-closing-section .btn,
.lp-closing-section .button,
.lp-submit-btn,
.lp-hero-btn,
.lp-cta-btn,
.lp-pricing-btn,
.lp-more-btn,
.lp-read-more,
.lp-contact-btn,
.lp-services-btn,
.lp-appointment-btn,
.lp-primary-bg,
.lp-badge-primary,
.lp-label-primary,
.lp-progress-bar,
.lp-skill-bar-fill,
.lp-pagination .active,
.lp-pagination li:hover {
    background: var(--brand-secondary) !important;
    background-color: var(--brand-secondary) !important;
    color: var(--text-dark) !important;
}

/* Override all border colors that use #f36100 - Landing Page Content Only */
.lp-overview-section .services-item:hover,
.lp-video-section .services-item:hover,
.lp-giveaway-section .services-item:hover,
.lp-faq-section .services-item:hover,
.lp-buynow-section .services-item:hover,
.lp-pricing-table.featured,
.lp-pricing-table:hover,
.lp-testimonial-slider .slick-dots li.slick-active,
.lp-hero-section .form-control:focus,
.lp-overview-section .form-control:focus,
.lp-video-section .form-control:focus,
.lp-giveaway-section .form-control:focus,
.lp-faq-section .form-control:focus,
.lp-buynow-section .form-control:focus,
.lp-hero-section .input-field:focus,
.lp-hero-section .contact-form input:focus,
.lp-hero-section .contact-form textarea:focus,
.lp-overview-section .contact-form input:focus,
.lp-overview-section .contact-form textarea:focus,
.lp-portfolio-item:hover,
.lp-team-item:hover,
.lp-blog-item:hover,
.lp-section-divider,
.lp-border-primary {
    border-color: var(--brand-primary) !important;
}

/* Override gradient backgrounds that use #f36100 - Landing Page Content Only */
.lp-gradient-bg,
.lp-hero-gradient,
.lp-overlay-gradient,
.lp-banner-gradient,
.lp-card-gradient {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-hover)) !important;
}

/* Landing Page Specific Additional Overrides */
.lp-benefit-item:hover,
.lp-feature-icon,
.lp-pricing-featured,
.lp-testimonial-icon,
.lp-guarantee-icon,
.lp-faq-icon,
.lp-step-number,
.lp-bullet-icon {
    color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.lp-cta-btn,
.lp-download-btn,
.lp-signup-btn,
.lp-enroll-btn,
.lp-action-btn {
    background: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
    color: var(--text-dark) !important;
}

/* Pricing Section Overrides - Landing Page Only */
.lp-pricing-plan.featured,
.lp-pricing-card.popular,
.lp-price-tag,
.lp-discount-badge,
.lp-special-offer,
.lp-buynow-section .pricing-plan.featured,
.lp-buynow-section .pricing-card.popular {
    background: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

/* Slider/Carousel Indicators - Landing Page Only */
.lp-hero-section .slick-dots li.slick-active button,
.lp-testimonials-section .slick-dots li.slick-active button,
.lp-carousel-indicators .active,
.lp-owl-dot.active span,
.lp-swiper-pagination-bullet-active {
    background: var(--brand-primary) !important;
}

/* Social Media Icons - Landing Page Content Only (Excluding Footer) */
.lp-hero-section .social-icon:hover,
.lp-hero-section .social-link:hover,
.lp-hero-section .share-icon:hover,
.lp-overview-section .social-icon:hover,
.lp-overview-section .social-link:hover,
.lp-overview-section .share-icon:hover,
.lp-video-section .social-icon:hover,
.lp-video-section .social-link:hover,
.lp-video-section .share-icon:hover,
.lp-giveaway-section .social-icon:hover,
.lp-giveaway-section .social-link:hover,
.lp-giveaway-section .share-icon:hover,
.lp-faq-section .social-icon:hover,
.lp-faq-section .social-link:hover,
.lp-faq-section .share-icon:hover,
.lp-buynow-section .social-icon:hover,
.lp-buynow-section .social-link:hover,
.lp-buynow-section .share-icon:hover,
.lp-testimonials-section .social-icon:hover,
.lp-testimonials-section .social-link:hover,
.lp-testimonials-section .share-icon:hover,
.lp-closing-section .social-icon:hover,
.lp-closing-section .social-link:hover,
.lp-closing-section .share-icon:hover {
    color: var(--brand-primary) !important;
    background: var(--brand-primary) !important;
}

/* Progress Bars - Landing Page Only */
.lp-progress-bar,
.lp-skill-progress,
.lp-loading-bar,
.lp-completion-bar {
    background: var(--brand-primary) !important;
}

/* Accordion/Collapse - Landing Page Only */
.lp-faq-section .accordion-header:hover,
.lp-collapse-trigger:hover,
.lp-toggle-header:hover {
    color: var(--brand-primary) !important;
}

/* Timeline - Landing Page Only */
.lp-timeline-dot,
.lp-timeline-icon,
.lp-step-indicator {
    background: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

/* Tabs - Landing Page Only */
.lp-tab.active,
.lp-tab:hover,
.lp-nav-tabs .nav-link.active {
    color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

/* Tooltips and Popovers - Landing Page Only */
.lp-tooltip,
.lp-popover {
    background: var(--brand-primary) !important;
}

/* Alerts - Landing Page Only */
.lp-alert-primary,
.lp-notification-primary {
    background: var(--brand-background) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
}

/* ============================================
   END OF BRAND COLOR OVERRIDES
   ============================================ */