/**
 * Keshavam DC - Glassy Professional Theme
 * Professional color scheme, glass morphism, modern typography
 */

:root {
  /* Primary palette - saffron */
  --kesh-primary: #bc4c27;
  --kesh-primary-light: #bc4c27;
  --kesh-primary-dark: #bc4c27;
  --kesh-accent: #747b74;
  --kesh-accent-light: #747b74;
  --kesh-accent-muted: rgba(116, 123, 116, 0.18);

  /* Neutrals */
  --kesh-bg: #f5e0cb;
  --kesh-bg-dark: #0f172a;
  --kesh-surface: #ffffff;
  --kesh-text: #2b2622;
  --kesh-text-muted: #747b74;
  --kesh-border: rgba(116, 123, 116, 0.28);

  /* Glass */
  --kesh-glass-bg: rgba(255, 255, 255, 0.72);
  --kesh-glass-border: rgba(255, 255, 255, 0.4);
  --kesh-glass-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
  --kesh-glass-blur: 12px;

  /* Typography */
  --font-display: 'Outfit', sans-serif;
  --font-body: 'DM Sans', sans-serif;

  /* Spacing & radius */
  --kesh-radius: 16px;
  --kesh-radius-sm: 10px;
  --kesh-header-height: 72px;
}

/* Custom scrollbar (unique, on-brand) */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(188, 76, 39, 0.9) rgba(15, 23, 42, 0.08);
}

/* WebKit */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.06), rgba(188, 76, 39, 0.04));
  border-left: 1px solid rgba(15, 23, 42, 0.06);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(188, 76, 39, 0.95), rgba(188, 76, 39, 0.85));
  border-radius: 999px;
  border: 3px solid rgba(248, 250, 252, 0.85);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(188, 76, 39, 0.98), rgba(188, 76, 39, 0.92));
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/* Base typography */
body {
  font-family: var(--font-body);
  color: var(--kesh-text);
  background: var(--kesh-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  color: var(--kesh-text);
  font-weight: 600;
}

a {
  color: var(--kesh-primary);
  text-decoration: none;
}

a:hover {
  color: var(--kesh-primary-dark);
}

/* Glass card utility */
.glass-card {
  background: var(--kesh-glass-bg);
  backdrop-filter: blur(var(--kesh-glass-blur));
  -webkit-backdrop-filter: blur(var(--kesh-glass-blur));
  border: 1px solid var(--kesh-glass-border);
  border-radius: var(--kesh-radius);
  box-shadow: var(--kesh-glass-shadow);
}

/* Page section spacing */
.page-section {
  padding: 4rem 0;
}

.section-title {
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 600;
  color: var(--kesh-text);
  margin-bottom: 0.5rem;
}

.section-title b,
.section-title strong {
  color: var(--kesh-primary);
}

.section-subtitle {
  font-size: 1.1rem;
  color: var(--kesh-text-muted);
  max-width: 56ch;
  margin-left: auto;
  margin-right: auto;
}

/* Buttons */
.btn-kesh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: var(--kesh-radius-sm);
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
}

.btn-kesh-primary {
  background: var(--kesh-primary);
  color: #fff;
  box-shadow: 0 2px 8px rgba(188, 76, 39, 0.3);
}

.btn-kesh-primary:hover {
  background: var(--kesh-primary-dark);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(188, 76, 39, 0.35);
}

.btn-kesh-accent {
  background: var(--kesh-accent);
  color: #fff;
}

.btn-kesh-accent:hover {
  background: var(--kesh-accent-light);
  color: #fff;
  transform: translateY(-1px);
}

.btn-kesh-outline {
  background: transparent;
  color: var(--kesh-primary);
  border: 2px solid var(--kesh-primary);
}

.btn-kesh-outline:hover {
  background: var(--kesh-primary);
  color: #fff;
}

/* Breadcrumb */
.breadcrumb-kesh {
  font-size: 0.9rem;
  color: var(--kesh-text-muted);
  margin-bottom: 1rem;
}

.breadcrumb-kesh a {
  color: var(--kesh-text-muted);
}

.breadcrumb-kesh a:hover {
  color: var(--kesh-primary);
}

.breadcrumb-kesh .current {
  color: var(--kesh-primary);
  font-weight: 500;
}

/* Override legacy orange with new theme on shared elements */
.pageBtn:hover {
  background: var(--kesh-primary) !important;
  color: #fff !important;
}

.main-header .header-upper ul.menuList li:after {
  background: var(--kesh-primary);
}

span.subTitle,
.textorange,
.pageTitle11,
.pageTitle12 {
  color: var(--kesh-primary) !important;
}

.mainSection span,
.mainSection .contentBox span {
  color: var(--kesh-accent) !important;
}

.pageBtn.whiteBg {
  background: #fff !important;
  color: var(--kesh-text) !important;
}

.pageBtn.whiteBg:hover {
  background: var(--kesh-primary) !important;
  color: #fff !important;
}

/* Inner page hero spacing with fixed header */
.innerFirstSec {
  padding-top: 2.5rem !important;
  padding-bottom: 2rem !important;
}