/*
Theme Name: Samavritti Life Care
Theme URI: https://samavrittilifecare.com/
Author: nvn Developer
Author URI: https://samavrittilifecare.com/
Description: Custom WordPress theme for Samavritti Life Care - Specialized Neuro Rehabilitation, Physiotherapy & Long-term Care Center.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: samavritti
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --color-primary: #0b75a9;
  --color-primary-dark: #75abc9;
  --color-primary-light: #258bbd;
  --color-accent: #F89D41;
  --color-accent-hover: #E38629;
  --color-bg-light: #FBFBF9;
  --color-surface: #FFFFFF;
  --color-text-main: #1C2A27;
  --color-text-muted: #5B6C68;
  --font-serif: 'Montserrat', sans-serif;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

/* Main titles color */
.hero-title,
h1.font-serif:not(.text-white),
h2.font-serif:not(.text-white) {
  color: #1E4250;
}

.hero-title span {
  color: #0b75a9;
}

/* Page Banner Titles - strictly crisp white */
[class*="from-samavritti-primary"] h1,
[class*="bg-gradient"] h1,
.page-banner h1,
.banner-title,
h1.text-white,
h2.text-white {
  color: #FFFFFF !important;
}

/* Caramel badge & button color override */
.bg-\[\#F89D41\],
.bg-\[\#C28E5C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 157 65) !important;
}





.to-samavritti-dark {
    --tw-gradient-to: #75abc9 var(--tw-gradient-to-position) !important;
}
.from-samavritti-primary {
    --tw-gradient-from: #0b75a9 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(11 117 169 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.bg-gradient-to-b.from-samavritti-primary.to-samavritti-dark,
.bg-gradient-to-r.from-samavritti-primary.to-samavritti-dark,
.from-samavritti-primary.to-samavritti-dark {
    background-image: linear-gradient(to bottom, #0b75a9, #75abc9) !important;
}

/* ===================================================
   Gallery Lightbox Dialog Styles
   =================================================== */
dialog.gallery-lightbox-dialog:not([open]) {
  display: none !important;
}

dialog.gallery-lightbox-dialog[open] {
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  margin: auto !important;
  justify-content: center;
  align-items: center;
  z-index: 9999 !important;
  padding: 0;
  border: 0;
  background: transparent;
  max-width: 95vw;
  width: 1040px;
  max-height: 94vh;
  overflow: visible;
  outline: none;
  animation: lightboxScaleUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

dialog.gallery-lightbox-dialog::backdrop {
  background: rgba(15, 23, 42, 0.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: lightboxFadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes lightboxFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes lightboxScaleUp {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.gallery-card-trigger {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer !important;
}

/* Navigation Dropdown Active & Focus States */
.nav-dropdown-item.is-active,
a.nav-dropdown-item.is-active {
  background-color: #f1f8fa !important;
  box-shadow: inset 0 0 0 1px rgba(11, 117, 169, 0.22) !important;
}

.nav-dropdown-item.is-active .nav-icon-box,
a.nav-dropdown-item.is-active .nav-icon-box {
  background-color: #0b75a9 !important;
  color: #ffffff !important;
}

.nav-dropdown-item.is-active p.font-bold {
  color: #0b75a9 !important;
}

/* WordPress Menu Active Classes Fallback */
.menu-item.current-menu-item > a,
.menu-item.current-page-item > a,
.menu-item.current-menu-ancestor > a,
.menu-item.current-page-ancestor > a,
.menu-item.current-menu-parent > a,
.menu-item.current-page-parent > a {
  color: #0b75a9 !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #0b75a9 !important;
  padding-bottom: 2px !important;
}

.sub-menu .menu-item.current-menu-item > a,
.sub-menu .menu-item.current-page-item > a {
  background-color: #f1f8fa !important;
  color: #0b75a9 !important;
  font-weight: 700 !important;
  border-bottom: none !important;
  border-left: 3px solid #0b75a9 !important;
}