/*======================================================================================
  Sparsh Homoeopathic Clinic - Green Theme Override
  Matches logo color palette:
    Primary Green  : #1b6e2e
    Accent Green   : #2e9a45
    Dark Green     : #0f4019
    Blue (logo)    : #1565c0
    Background     : #f0fff4
======================================================================================*/

:root {
  --theme: #1b6e2e !important;
  --body: #f0fff4 !important;
}

/* ---- Global theme color replacements ---- */
a:hover,
.nav-link:hover,
.nav-link.active {
  color: #1b6e2e !important;
}

/* Buttons */
.theme-btn-main.style-2,
.theme-btn-main .theme-btn-arrow-left,
.theme-btn-main .theme-btn-arrow-right,
.theme-btn-main .theme-btn {
  background-color: #1b6e2e !important;
  background: #1b6e2e !important;
}

.theme-btn-main.style-2:hover {
  background-color: #0f4019 !important;
}

/* Sub titles / labels */
.sub-title,
.tx-subTitle,
.tz-sub-tilte {
  color: #1b6e2e !important;
}

.sub-title img,
.tx-subTitle img,
.tz-sub-tilte img {
  filter: hue-rotate(130deg) saturate(2) brightness(0.7);
}

/* Style font (italic headings) */
.style-font {
  color: #1b6e2e !important;
}

/* Stars / ratings */
.star i.fa-solid.fa-star {
  color: #2e9a45 !important;
}

/* Back to top */
.back-to-top {
  background-color: #1b6e2e !important;
}

.back-to-top:hover {
  background-color: #0f4019 !important;
}

/* Cursor */
.cursor-outer,
.cursor-inner,
.cursor-inner.cursor-hover {
  border-color: #1b6e2e !important;
  background-color: #1b6e2e !important;
}

/* Preloader pill */
.pill__side:first-child,
.pill__side:last-child {
  background: #1b6e2e !important;
  border-top-color: #1b6e2e !important;
}

/* Header / Navbar */
.header-section {
  background: #fff !important;
}

.header-section .nav-link {
  color: #0f4019 !important;
}

.header-section .nav-link:hover {
  color: #1b6e2e !important;
}

/* Mobile offcanvas menu */
.offcanvas-header,
.offcanvas-body {
  background: #0f4019 !important;
}

.offcanvas-body .nav-link,
.offcanvas-body a {
  color: #fff !important;
}

.offcanvas-body .nav-link:hover,
.offcanvas-body a:hover {
  color: #a5d6a7 !important;
}

/* Call to action phone icon */
.header-section .menu-right-info a,
.menu-right-info span {
  color: #1b6e2e !important;
}

/* Hero section */
.hero-sub {
  color: #1b6e2e !important;
  background: rgba(27, 110, 46, 0.1) !important;
}

/* Hero icon boxes */
.icon-box {
  border-color: rgba(27, 110, 46, 0.2) !important;
}

.icon-box:hover {
  background: #1b6e2e !important;
}

/* About / Brands / Features */
.section-title .sub-title {
  color: #1b6e2e !important;
}

/* Feature tabs active */
.nav-link.active {
  background-color: #1b6e2e !important;
  color: #fff !important;
  border-color: #1b6e2e !important;
}

.nav-link:hover {
  color: #1b6e2e !important;
  border-color: #1b6e2e !important;
}

/* Service cards hover */
.service-items:hover,
.service-box:hover {
  border-color: #1b6e2e !important;
}

/* Counter section */
.counter-items .count,
.counter-items h2 {
  color: #1b6e2e !important;
}

/* Testimonial quote */
.quote-icon img {
  filter: hue-rotate(130deg) saturate(2) brightness(0.5);
}

/* FAQ active */
.accordion .acc-btn.active,
.accordion .acc-btn:hover {
  color: #1b6e2e !important;
}

.accordion .acc-btn .icon {
  color: #1b6e2e !important;
}

/* Footer */
.footer-section a:hover {
  color: #2e9a45 !important;
}

.footer-section .footer-bottom p b {
  color: #2e9a45 !important;
}

.footer-section .social-icon a:hover {
  background: #1b6e2e !important;
  color: #fff !important;
}

/* Marquee text */
.marque-section .text {
  color: #ffffff !important;
}

/* List bullets / star icons in feature list */
.list-content ul li img {
  filter: hue-rotate(130deg) saturate(2) brightness(0.6);
}

/* Scroll smoother bar */
::-webkit-scrollbar-thumb {
  background: #1b6e2e !important;
}

::-webkit-scrollbar-track {
  background: #e8f5e9 !important;
}

/* Body background light green tint */
body {
  background-color: #f0fff4 !important;
}

/* Hover underline links */
a:focus {
  color: #1b6e2e !important;
}

/* ---- Testimonial card border ---- */
.client-testimonial__item {
  border: 1px solid #000 !important;
  border-radius: 12px;
}

/* Dark (black background) testimonial cards get white border */
.client-testimonial__item.style-2 {
  border: 1px solid #fff !important;
}

/* ---- Hero Section: white gradient left to right ---- */
.hero-slider-items {
  position: relative;
}

.hero-slider-items::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgb(242, 242, 242) 0%, rgb(242, 242, 242) 30%, transparent 80%);
  z-index: 1;
  pointer-events: none;
}

.hero-slider-items .container {
  position: relative;
  z-index: 2;
}

.hero-slider-items .hero-icon-wrap {
  position: relative;
  z-index: 2;
}

/* ---- Fix hero background image being cut at top ---- */
.hero-slider-items .item-img {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}

.hero-slider-items .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* ---- Service section glowing light effect (green) ---- */
.service-light img,
.service-light-2 img {
  filter: sepia(1) hue-rotate(85deg) saturate(3) brightness(1.1);
  opacity: 0.6;
}

/* ---- Footer Dark Green Gradient & Border ---- */
.footer-area {
  background-image: linear-gradient(to bottom right, rgba(18, 111, 36, 0.95) 0%, rgba(248, 248, 248, 0.8) 60%, rgba(20, 111, 38, 0.95) 100%), url('../img/home-1/footer-bg.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  
}

/* ---- Service Treatment Cards Border ---- */
.service-box-items {
  border: 0.5px solid #000 !important;
}

/* ---- Mobile Responsive Menu ---- */
.mobile-menu-area .mobile-menu-main {
  background-color: #f0fff4 !important; /* Light green background */
}

.mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a {
  color: #000 !important; /* Black text */
  border-bottom: 1px solid rgba(27, 110, 46, 0.1) !important; /* Soft green border */
}

.mobile-menu-area .mobile-menu-main .menu-body .menu-list ul li a:hover {
  color: #1b6e2e !important;
}

.mobile-menu-area .mobile-menu-main .close-mobile-menu {
  background: transparent !important;
}

.mobile-menu-area .mobile-menu-main .close-mobile-menu i {
  color: #000 !important; /* Black close icon */
}

.mobile-menu-area .mobile-menu-main .close-mobile-menu:hover i {
  color: #1b6e2e !important;
}

/* ---- Offcanvas Menu (Right Sidebar) ---- */
.offcanvas-menu {
  background-color: #f0fff4 !important;
}

.offcanvas-menu .action-title,
.offcanvas-menu a {
  color: #000 !important;
}

.offcanvas-menu .offcasvas-close {
  background-color: transparent !important;
  color: #000 !important;
  border: 1px solid rgba(27, 110, 46, 0.2) !important;
}

.offcanvas-menu .offcasvas-close i {
  color: #000 !important;
}