/**
 * Custom CSS Fixes for Hero Slider
 * Prevents hero image from getting too large on big screens
 */

/* Fix for "Addressing Gastrointestinal Symptoms" heading - ensure title case */
.elementor-element-8c97612 .elementor-heading-title,
.elementor-element-8c97612 h3.elementor-heading-title {
    text-transform: none !important;
    font-variant: normal !important;
}

/* Limit hero slider maximum height - prevents it from growing too large */
.slider-active .single-slider.slider-height,
.slider-active .single-slider.el-slider-height,
.single-slider.slider-height.el-slider-height {
    max-height: 900px !important;
    overflow: hidden;
}

/* Responsive max-height for different screen sizes */
@media (min-width: 1200px) {
    .slider-active .single-slider.slider-height,
    .slider-active .single-slider.el-slider-height,
    .single-slider.slider-height.el-slider-height {
        max-height: 900px !important;
    }
}

@media (min-width: 1400px) {
    .slider-active .single-slider.slider-height,
    .slider-active .single-slider.el-slider-height,
    .single-slider.slider-height.el-slider-height {
        max-height: 1000px !important;
    }
}

@media (min-width: 1920px) {
    .slider-active .single-slider.slider-height,
    .slider-active .single-slider.el-slider-height,
    .single-slider.slider-height.el-slider-height {
        max-height: 1100px !important;
    }
}

/* Footer: Align Opening Hours to the right */
.footer-top .row .widget_text.col-xl-3.col-lg-3.col-md-6:last-child,
.footer-top .row > div.col-xl-3.col-lg-3.col-md-6:last-child.widget_text {
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right !important;
}

/* Ensure Opening Hours content aligns right */
.footer-top .row .widget_text.col-xl-3.col-lg-3.col-md-6:last-child *,
.footer-top .row > div.col-xl-3.col-lg-3.col-md-6:last-child.widget_text * {
    text-align: right !important;
}

/* Opening Hours h3 title - align left */
.footer-top .row .widget_text.col-xl-3.col-lg-3.col-md-6:last-child .footer-title h3,
.footer-top .row > div.col-xl-3.col-lg-3.col-md-6:last-child.widget_text .footer-title h3,
#custom_html-3 .footer-title h3,
.custom-html-widget .footer-title h3 {
    text-align: left !important;
}

/* Ensure Our Services stays in its position */
.footer-top .row .col-xl-3.col-lg-3.col-md-6:first-child,
.footer-top .row > div.col-xl-3.col-lg-3.col-md-6:first-child {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Ensure background image scales properly and doesn't stretch */
.slider-active .single-slider[data-background],
.single-slider[data-background] {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Add light pink overlay to home hero slider for warmer tones */
.home .single-slider[data-background]::before,
.home .slider-active .single-slider[data-background]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        to bottom,
        rgba(255, 228, 240, 0.15) 0%,
        rgba(255, 228, 240, 0.1) 50%,
        rgba(255, 228, 240, 0.15) 100%
    );
    pointer-events: none;
    z-index: 1;
    mix-blend-mode: overlay;
}

/* Ensure hero content stays above overlay */
.home .single-slider .hero-text,
.home .single-slider .hero-slider-caption {
    position: relative;
    z-index: 2;
}

/* Limit hero area container on very large screens */
@media (min-width: 1600px) {
    .hero-area,
    .hero-area .hero-slider,
    .hero-area .slider-active {
        max-width: 1920px;
        margin: 0 auto;
    }
}

/* Additional fix for elementor slider */
.elementor-element .single-slider.slider-height.el-slider-height {
    max-height: 900px !important;
}

@media (min-width: 1400px) {
    .elementor-element .single-slider.slider-height.el-slider-height {
        max-height: 1000px !important;
    }
}

/* Blog Page Hero Background - Light Pink with Better Text Visibility */
/* Only apply to blog/archive pages, NOT service pages */
.blog .breadcrumb-area.gray-bg,
.archive .breadcrumb-area.gray-bg,
.single-post .breadcrumb-area.gray-bg,
.blog .breadcrumb-area.breadcrumb-bg-color,
.archive .breadcrumb-area.breadcrumb-bg-color,
.single-post .breadcrumb-area.breadcrumb-bg-color,
.blog .ddd.breadcrumb-area.gray-bg,
.archive .ddd.breadcrumb-area.gray-bg,
.single-post .ddd.breadcrumb-area.gray-bg {
    background-color: #F8E8F0 !important; /* Light pink background */
    background-image: none !important;
    position: relative;
}

/* Service pages should keep their background images */
/* Remove default gray/sky blue background color on service pages with images */
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area.gray-bg[data-background]:not([data-background=""]),
.page:not(.blog):not(.archive):not(.single-post) .ddd.breadcrumb-area.gray-bg[data-background]:not([data-background=""]) {
    background-color: transparent !important; /* Remove default gray/sky blue background */
}

/* Ensure background images are visible and properly sized */
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area[style*="background-image"],
.page:not(.blog):not(.archive):not(.single-post) .ddd.breadcrumb-area[style*="background-image"] {
    background-color: transparent !important; /* Remove default background color */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Ensure text is visible on blog hero */
.blog .breadcrumb-area .breadcrumb__title,
.archive .breadcrumb-area .breadcrumb__title,
.single-post .breadcrumb-area .breadcrumb__title,
.blog .breadcrumb-area h1,
.archive .breadcrumb-area h1,
.single-post .breadcrumb-area h1,
.blog .breadcrumb-area h2,
.archive .breadcrumb-area h2,
.single-post .breadcrumb-area h2,
.blog .breadcrumb-area .page-title,
.archive .breadcrumb-area .page-title,
.single-post .breadcrumb-area .page-title,
.blog .breadcrumb-area .breadcrumb-title,
.archive .breadcrumb-area .breadcrumb-title,
.single-post .breadcrumb-area .breadcrumb-title {
    color: #333 !important; /* Dark text for visibility */
    text-shadow: 0 2px 4px rgba(255, 255, 255, 0.9) !important;
    position: relative;
    z-index: 1;
    font-weight: 600 !important;
}

/* Breadcrumb menu and links visibility - Blog pages */
.blog .breadcrumb-area .breadcrumb-menu,
.archive .breadcrumb-area .breadcrumb-menu,
.single-post .breadcrumb-area .breadcrumb-menu,
.blog .breadcrumb-area .breadcrumb-menu span,
.archive .breadcrumb-area .breadcrumb-menu span,
.single-post .breadcrumb-area .breadcrumb-menu span,
.blog .breadcrumb-area .breadcrumb-menu a,
.archive .breadcrumb-area .breadcrumb-menu a,
.single-post .breadcrumb-area .breadcrumb-menu a,
.blog .breadcrumb-area .breadcrumb-list a,
.archive .breadcrumb-area .breadcrumb-list a,
.single-post .breadcrumb-area .breadcrumb-list a,
.blog .breadcrumb-area .breadcrumb-list span,
.archive .breadcrumb-area .breadcrumb-list span,
.single-post .breadcrumb-area .breadcrumb-list span {
    color: #C1376F !important; /* Pink color for links */
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9) !important;
    position: relative;
    z-index: 1;
}

.blog .breadcrumb-area .breadcrumb-menu a:hover,
.archive .breadcrumb-area .breadcrumb-menu a:hover,
.single-post .breadcrumb-area .breadcrumb-menu a:hover {
    color: #A02D5A !important; /* Darker pink on hover */
}

/* Service pages - White text for better visibility on background images */
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .breadcrumb__title,
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area h1,
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area h2,
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .page-title,
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .breadcrumb-title {
    color: #FFFFFF !important; /* White text for service pages */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important; /* Dark shadow for contrast */
    position: relative;
    z-index: 1;
    font-weight: 600 !important;
}

/* Service pages - White breadcrumb menu text */
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .breadcrumb-menu,
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .breadcrumb-menu span,
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .breadcrumb-menu a,
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .breadcrumb-list a,
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .breadcrumb-list span,
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .breadcrumb-menu span[property="name"],
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .breadcrumb-menu .post,
.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .breadcrumb-menu .current-item {
    color: #FFFFFF !important; /* White text for breadcrumb menu */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important; /* Dark shadow for contrast */
    position: relative;
    z-index: 1;
}

.page:not(.blog):not(.archive):not(.single-post) .breadcrumb-area .breadcrumb-menu a:hover {
    color: #F0F0F0 !important; /* Slightly lighter white on hover */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}

/* Ensure breadcrumb area has proper positioning */
.breadcrumb-area {
    position: relative;
}

/* Hide Emergency Number Widget on Blog Pages */
.emmergency-call,
.footer-contact-info .emmergency-call,
.widget_medidove_profile_number_widget {
    display: none !important;
}

/* Hide footer-top-widget on blog pages (contains emergency number) */
.single-post .footer-top-widget,
.blog .footer-top-widget,
.archive .footer-top-widget,
.is-single-post .footer-top-widget {
    display: none !important;
}

/* ============================================
   SERVICE PAGES - MOBILE RESPONSIVENESS FIXES
   ============================================ */

/* Fix service page images for mobile - ensure full image is visible */
.page .elementor-widget-image img,
.page .elementor-image img,
.page .elementor-widget-image img.elementor-image {
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
}

/* Specific targeting for service pages by page ID */
.page-id-367 .elementor-widget-image img,  /* Chronic Illness */
.page-id-3596 .elementor-widget-image img,  /* Acute Illness */
.page-id-4155 .elementor-widget-image img, /* Annual Physical */
.page-id-3782 .elementor-widget-image img { /* Insurance */
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

/* Mobile-specific fixes for service page images */
@media (max-width: 768px) {
    /* Service page image containers - ensure full width */
    .page .elementor-widget-image,
    .page .elementor-element.elementor-widget-image,
    .page-id-367 .elementor-widget-image,
    .page-id-3596 .elementor-widget-image,
    .page-id-4155 .elementor-widget-image,
    .page-id-3782 .elementor-widget-image {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Ensure images are fully visible and responsive on mobile */
    .page .elementor-widget-image img,
    .page .elementor-image img,
    .page-id-367 .elementor-widget-image img,
    .page-id-3596 .elementor-widget-image img,
    .page-id-4155 .elementor-widget-image img,
    .page-id-3782 .elementor-widget-image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    /* Fix Elementor image widget wrapper */
    .page .elementor-widget-image .elementor-image,
    .page-id-367 .elementor-widget-image .elementor-image,
    .page-id-3596 .elementor-widget-image .elementor-image,
    .page-id-4155 .elementor-widget-image .elementor-image,
    .page-id-3782 .elementor-widget-image .elementor-image {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }
    
    /* Fix image containers that might be cutting off images */
    .page .elementor-widget-image .elementor-image-wrapper,
    .page-id-367 .elementor-widget-image .elementor-image-wrapper,
    .page-id-3596 .elementor-widget-image .elementor-image-wrapper,
    .page-id-4155 .elementor-widget-image .elementor-image-wrapper,
    .page-id-3782 .elementor-widget-image .elementor-image-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }
}

/* Ensure all service pages have consistent alignment on desktop */
.page-id-367 .elementor-container,
.page-id-3596 .elementor-container,
.page-id-4155 .elementor-container,
.page-id-3782 .elementor-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Fix column widths on mobile for service pages - ensure full width */
@media (max-width: 768px) {
    .page-id-367 .elementor-column,
    .page-id-3596 .elementor-column,
    .page-id-4155 .elementor-column,
    .page-id-3782 .elementor-column {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    /* Fix row alignment on mobile */
    .page-id-367 .elementor-row,
    .page-id-3596 .elementor-row,
    .page-id-4155 .elementor-row,
    .page-id-3782 .elementor-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ============================================
   FIX "VIEW MORE" BUTTON LINKS
   ============================================ */

/* Fix buttons that link to the same page - redirect to contact page */
.page-id-367 .tp-el-btn[href="/chronic-illness-management"],
.page-id-367 .tp-el-btn[href="/chronic-illness-management/"],
.page-id-3596 .tp-el-btn[href="/acute-illness-management"],
.page-id-3596 .tp-el-btn[href="/acute-illness-management/"],
.page-id-4155 .tp-el-btn[href="/annual-physical-exam"],
.page-id-4155 .tp-el-btn[href="/annual-physical-exam/"],
.page-id-3782 .tp-el-btn[href="/insurance"],
.page-id-3782 .tp-el-btn[href="/insurance/"] {
    pointer-events: auto !important;
}

/* JavaScript will handle the actual redirect - this CSS ensures buttons are clickable */

/* ============================================
   INSURANCE PAGE - BREADCRUMB BACKGROUND FIX
   ============================================ */

/* Insurance Page: Force breadcrumb background image - works even if data-background is empty */
.page-id-3782 .breadcrumb-area,
.page-id-3782 .ddd.breadcrumb-area,
.page-id-3782 .breadcrumb-area[data-background],
.page-id-3782 .ddd.breadcrumb-area[data-background],
.page-id-3782 .breadcrumb-area[data-background=""],
.page-id-3782 .ddd.breadcrumb-area[data-background=""] {
    background-image: url('https://inthepinkpcp.com/dev/wp-content/uploads/2026/01/iStock-1315866831.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    min-height: 425px !important;
}