/**
 * IYA Medical - Page Header Fixes
 * Fixes text colors on dark backgrounds and removes redundant breadcrumb
 */

/* ======================
   HIDE REDUNDANT BREADCRUMB
====================== */
.page-header .breadcrumbs,
.page-header .breadcrumb {
    display: none !important;
}

/* ======================
   PAGE HEADER TEXT - WHITE ON DARK BACKGROUND
====================== */
.page-header-content,
.page-header-content * {
    color: #ffffff !important;
}

.header-text {
    color: #ffffff !important;
}

.header-text h1,
.header-text h2,
.header-text h3,
.header-text .h1,
.header-text .h2,
.header-text .h3 {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.header-text p,
.header-text span {
    color: rgba(255, 255, 255, 0.9) !important;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

/* Page header content area */
.page-header .container h1,
.page-header .container h2,
.page-header .container h3 {
    color: #ffffff !important;
}

.page-header .container p {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* ======================
   HERO SECTION TEXT
====================== */
.hero-section h1,
.hero-section h2,
.hero-section h3,
.hero-section p,
.hero-section span {
    color: #ffffff !important;
}

.slider-section h1,
.slider-section h2,
.slider-section h3 {
    color: #ffffff !important;
}

.slider-section p {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Carousel text */
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption p {
    color: #ffffff !important;
}

/* ======================
   DARK BACKGROUND SECTIONS
====================== */
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark p,
.bg-dark span,
.bg-dark a {
    color: #ffffff !important;
}

.bg-dark a:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Primary background sections */
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary p {
    color: #ffffff !important;
}

/* ======================
   HELP CARD IN HEADER
====================== */
.help-card,
.help-card * {
    color: #ffffff !important;
}

.help-card h5,
.help-card p {
    color: #ffffff !important;
}

/* ======================
   FOOTER - WHITE TEXT
====================== */
.main-footer h1,
.main-footer h2,
.main-footer h3,
.main-footer h4,
.main-footer h5,
.main-footer h6 {
    color: #ffffff !important;
}

.main-footer p,
.main-footer span,
.main-footer li {
    color: rgba(255, 255, 255, 0.8) !important;
}

.main-footer a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.main-footer a:hover {
    color: #ffffff !important;
}

/* ======================
   INFO BOXES - WHITE TEXT
====================== */
.info-box-modern h1,
.info-box-modern h2,
.info-box-modern h3,
.info-box-modern h4,
.info-box-modern .info-box-number,
.info-box-modern .info-box-text {
    color: #ffffff !important;
}

/* Stats section with gradient background */
.stats-section.bg-gradient h2,
.stats-section.bg-gradient h3,
.stats-section.bg-gradient p,
.stats-section.bg-gradient span {
    color: #ffffff !important;
}

/* ======================
   OVERLAY SECTIONS
====================== */
[class*="overlay"] h1,
[class*="overlay"] h2,
[class*="overlay"] h3,
[class*="overlay"] p {
    color: #ffffff !important;
}

/* ======================
   CTA SECTIONS
====================== */
.cta-section h1,
.cta-section h2,
.cta-section h3,
.cta-section p {
    color: #ffffff !important;
}

/* ======================
   PAGE HEADER STYLING
   (Only for non-animated headers)
====================== */
.page-header {
    position: relative;
}

/* OLD page header overlay - DISABLED for animated headers */
.page-header:not(.page-header-animated)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(22, 78, 99, 0.7) 0%, rgba(8, 145, 178, 0.5) 100%);
    z-index: 1;
    pointer-events: none;
}

/* Remove overlay completely from animated page headers */
.page-header-animated::after,
.page-header-animated::before {
    display: none !important;
}

.page-header-content {
    z-index: 2;
    position: relative;
}

/* Ensure text is above overlay */
.page-header .header-text {
    position: relative;
    z-index: 3;
}

/* ======================
   MOBILE RESPONSIVE
====================== */
@media (max-width: 767.98px) {
    .header-text h1 {
        font-size: 1.75rem !important;
    }

    .header-text p {
        font-size: 0.95rem !important;
    }
}