/*
Theme Name: fHomeopathy Child
Template: fhomeopathy
Version: 1.0
*/
/* ================================
   Global Typography Improvements
================================ */

body {
    font-family: "Poppins", "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
}

/* Headings */
h1, h2, h3, h4, h5 {
    font-weight: 600;
    color: #0d3b66; /* Medical blue */
}

h1 { font-size: 2.4rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.3rem; }

/* Section spacing */
section {
    margin-bottom: 0;
}

/* Buttons */
.btn-primary {
    background-color: #1b9aaa;
    border-color: #1b9aaa;
}

.btn-primary:hover {
    background-color: #14818f;
    border-color: #14818f;
}

/* Cards */
.card {
    border-radius: 10px;
}

/* Lists */
ul {
    padding-left: 1.2rem;
}

/* Clinic highlight boxes */
.info-box {
    background: #f8f9fa;
    border-left: 4px solid #1b9aaa;
    padding: 1rem;
    border-radius: 6px;
}

/* Testimonials */
.testimonial-box {
    background: #ffffff;
    border-radius: 10px;
}
/* Restore Bootstrap container padding (global safe fix) */
.container {
    padding-left: 15px;
    padding-right: 15px;
}
/* ================================
   GLOBAL CONTENT PADDING FIX
   (Prevents extreme-left text)
================================ */

/* Any section inside main content */
.site-content section,
.site-content .container,
.site-content .row > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
/* Limit reading width for better UX */
.site-content .container {
    max-width: 1140px;
}

/* Enhance fHomeopathy menu with Bootstrap-like layout */
#navmain ul {
    display: flex;
    align-items: center;
    gap: 20px;
}

#navmain ul li {
    list-style: none;
}

#navmain ul li a {
    font-weight: 500;
    padding: 8px 12px;
}
#slider-image-container {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 520px;
}
.slider-dots span:nth-child(n+4) {
    display: none;
}
/* =========================================
   FORCE PROFESSIONAL HEADER MENU LAYOUT
   (FINAL FIX – DO NOT DUPLICATE)
========================================= */

/* Force flex on main menu */
#navmain ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: flex-end;
    gap: 6px !important;           /* VERY tight spacing */
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Remove margins added by theme */
#navmain ul li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Tighten menu links */
#navmain ul li a {
    padding: 4px 6px !important;
    font-size: 14px !important;
    line-height: 1.2;
    white-space: nowrap;
}

/* Ensure menu container can expand */
#navmain {
    width: calc(100% - 220px) !important; /* space for logo */
}

/* Prevent logo from eating too much space */
.site-logo img,
.site-branding img {
    max-width: 160px !important;
	
}

/* Desktop only */
@media (min-width: 992px) {
    #navmain {
        overflow: visible !important;
    }
}

/* Mobile remains stacked */
@media (max-width: 991px) {
    #navmain ul {
        flex-wrap: wrap !important;
        justify-content: flex-start;
    }
}
/* 🔴 Disable fHomeopathy built-in slider completely */
#slider-image-container,
.slider-area,
.home-slider {
    display: none !important;
}
.carousel-caption {
    background: rgba(0,0,0,0.45);
    padding: 20px;
    border-radius: 8px;
}
/* ===== REMOVE TOP GAP BEFORE SLIDER ===== */

/* Kill header bottom spacing */
#header-main-fixed {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Kill theme wrapper top spacing */
#global-content-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Ensure slider sticks to top */
.home-slider-reset {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* REMOVE ALL TOP GAPS ABOVE HOME SLIDER */
#header-main-fixed {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#global-content-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.home-slider-reset {
    margin-top: -1px !important;
    padding-top: 0 !important;
}
/* ===============================
   FORCE REMOVE HOME TOP GAP
   (fHomeopathy-specific)
================================ */

/* Remove space added by theme wrapper */
body.home #global-content-wrapper {
    padding-top: 0 !important;
}

/* Remove any spacing before first section */
body.home #global-content-wrapper > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure carousel touches header */
body.home .home-slider-reset {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* ==================================
   FORCE WHITE HEADER ON HOME PAGE
================================== */

/* Header default on home page */
body.home #header-main-fixed {
    background-color: #ffffff !important;
}

/* Remove any overlay/transparent effect */
body.home #header-main-fixed::before,
body.home #header-main-fixed::after {
    display: none !important;
}

/* Keep header white even before scroll */
body.home #header-main-fixed.header-transparent,
body.home #header-main-fixed.header-dark {
    background-color: #ffffff !important;
}
/* =========================================
   FIX TAGLINE ALIGNMENT (REAL HTML BASED)
========================================= */

/* Ensure identity container aligns children uniformly */
#header-logo #site-identity {
    text-align: left !important;
}

/* ================================
   LOGO RADIUS
================================ */

#header-logo img {
    border-radius: 5px;   /* adjust: 4px, 8px, 12px, 50% */
}


/* Site title */
#header-logo #site-identity h1.entry-title {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

/* Tagline (strong tag) */
#header-logo #site-identity strong {
    display: block !important;     /* THIS IS THE KEY FIX */
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 500;
    text-align: left !important;
}

#header-logo #site-identity strong {
    font-family: 'Great Vibes', cursive;
    font-size: 18px;
    color: #555;
}

/* =================================================
   FINAL CLEAN SLIDER CSS
   ✔ Images fit slider width
   ✔ No cropping
   ✔ Responsive
   ✔ Caption always visible
================================================= */

/* Slider wrapper */
.home-slider-reset {
    background: #f8f9fa;
    padding: 15px 0;
}

/* Ensure carousel uses full available width */
.home-slider-reset .carousel {
    margin: 0 auto;
}

/* Slide container */
.home-slider-reset .carousel-item {
    position: relative;
    text-align: center;
}

/* Image wrapper */
.home-slider-reset .carousel-item img {
    width: 100%;
    height: auto;              /* 🔑 natural height */
    max-height: 450px;         /* desktop limit */
    object-fit: contain;       /* 🔑 no cropping */
    background: #ffffff;
    display: block;
    margin: 0 auto;
}

/* Tablet */
@media (max-width: 992px) {
    .home-slider-reset .carousel-item img {
        max-height: 360px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .home-slider-reset .carousel-item img {
        max-height: 240px;
    }
}

/* Caption (glass effect, inside image) */
.carousel-caption-custom {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    max-width: 420px;
    padding: 14px 16px;
    border-radius: 10px;

    background: rgba(255,255,255,0.50);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);

    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

/* Caption text */
.carousel-caption-custom h2 {
    font-size: 20px;
    margin-bottom: 6px;
    color: #0d3b66;
}

.carousel-caption-custom p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
}

/* Mobile: caption below image */
@media (max-width: 576px) {
    .carousel-caption-custom {
        position: static;
        margin: 10px;
        max-width: 100%;
    }
}

/* Accordion plus/minus indicator */
.accordion-button::after {
    content: '+';
    font-size: 20px;
    font-weight: bold;
    margin-left: auto;
    /*background-image: none !important;*/
}

.accordion-button:not(.collapsed)::after {
    content: '−';
}
/* =====================================
   ACCORDION BUTTON RADIUS & POLISH
===================================== */

/* Rounded accordion button */
.accordion-button {
    border-radius: 10px !important;
}

/* Ensure inner collapse does not cut corners */
.accordion-item {
    border-radius: 10px;
    overflow: hidden;
}

/* Add spacing between accordion items */
.accordion-item + .accordion-item {
    margin-top: 12px;
}
.accordion-button {
    background-color: #f9fafb;
}
.accordion-button {
    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
}
.accordion-button:not(.collapsed) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* =====================================
   ACCORDION VISUAL FIX (ICONS + COLORS)
===================================== */

/* Accordion button base style */
.accordion-button {
    background-color: #f4f8f7;        /* soft clinic green/grey */
    color: #0d3b66;                   /* deep medical blue text */
    border-radius: 10px !important;
    font-weight: 400;
}

/* Icon inside accordion button */
.accordion-button i {
    color: #1b9aaa !important;        /* primary clinic accent */
    font-size: 1.5rem;
}

/* Plus / minus icon */
.accordion-icon {
    color: #1b9aaa;
}

/* Hover effect */
.accordion-button:hover {
    background-color: #eaf5f4;
}

/* Expanded (active) accordion */
.accordion-button:not(.collapsed) {
    background-color: #1b9aaa;        /* clinic primary */
    color: #ffffff;
}

/* Icons when expanded */
.accordion-button:not(.collapsed) i,
.accordion-button:not(.collapsed) .accordion-icon {
    color: #ffffff !important;
}

/* Accordion item container */
.accordion-item {
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

/* Spacing between items */
.accordion-item + .accordion-item {
    margin-top: 14px;
}

/* Accordion body */
.accordion-body {
    background-color: #ffffff;
    padding: 18px;
}

/* Disease list items */
.accordion-body li {
    padding: 4px 0;
}
/* =====================================
   SEARCH HIGHLIGHT FOR DISEASES
===================================== */

.disease-highlight {
    background-color: #fff3cd;   /* soft yellow highlight */
    padding: 2px 4px;
    border-radius: 4px;
}
/* Disease names inside accordion */
.accordion-body li {
    font-size: 22px;        /* try 14px–16px */
    line-height: 1.6;
    color: #333;
}
/* FIX: Keep slider caption aligned with content width (desktop) */
@media (min-width: 992px) {
    .carousel-caption-custom {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        width: 100%;
        max-width: 1140px; /* same as .container */
    }
}