/* Deepam Cabs — Site chrome & shared utilities (css_v2) */
.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:12px 16px;background:var(--green);color:var(--white);border-radius:var(--radius-sm);font-weight:600}
.skip-link:focus{top:16px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.u-hidden{display:none!important}

/* Header */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:transparent;
  border-bottom:1px solid transparent;
  box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  transition:background 300ms ease,box-shadow 300ms ease,border-color 300ms ease,backdrop-filter 300ms ease,-webkit-backdrop-filter 300ms ease;
}
.site-header .header-inner{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--header-h)}
.site-header .logo img{height:36px;width:auto;transition:filter var(--transition)}
.site-header:not(.is-scrolled) .logo img{filter:brightness(0) invert(1)}
.site-header:not(.is-scrolled) .site-nav a,
.site-header:not(.is-scrolled) .nav-dropdown__trigger,
.site-header:not(.is-scrolled) .nav-toggle{
  color:var(--white);
  text-shadow:0 1px 3px rgba(0,0,0,.35);
}
.site-header:not(.is-scrolled) .site-nav a:hover,
.site-header:not(.is-scrolled) .nav-dropdown__trigger:hover,
.site-header:not(.is-scrolled) .nav-dropdown[open] .nav-dropdown__trigger{color:var(--green);text-shadow:none}
.site-header:not(.is-scrolled) .header-cta{background:rgba(255,255,255,.15);color:var(--white);border-color:rgba(255,255,255,.3);backdrop-filter:blur(8px)}
.site-header:not(.is-scrolled) .header-cta:hover{background:var(--green);border-color:var(--green);color:var(--white)}
.site-header.is-scrolled{
  background:rgba(47,52,48,.94);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 30px rgba(0,0,0,.18);
}
.site-header.is-scrolled .logo img{filter:none}
.site-header.is-scrolled .site-nav > ul > li > a,
.site-header.is-scrolled .nav-dropdown__trigger{color:#fff;font-weight:500;text-shadow:none}
.site-header.is-scrolled .site-nav > ul > li > a:hover,
.site-header.is-scrolled .nav-dropdown__trigger:hover,
.site-header.is-scrolled .nav-dropdown[open] .nav-dropdown__trigger{color:var(--green)}
.site-header.is-scrolled .site-nav > ul > li > a[aria-current="page"]{color:var(--green)}
.site-header.is-scrolled .nav-dropdown__item,
.site-header.is-scrolled .nav-dropdown__text,
.site-header.is-scrolled .nav-dropdown__panel a{
  color:#1F2937!important;text-shadow:none!important;
}
.site-header.is-scrolled .nav-dropdown__item:hover,
.site-header.is-scrolled .nav-dropdown__item:focus-visible,
.site-header.is-scrolled .nav-dropdown__panel a:hover{color:#39B54A!important}
.site-header.is-scrolled .header-cta{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28)}
.site-header.is-scrolled .header-cta:hover{background:var(--green);border-color:var(--green);color:var(--white)!important}
.site-header.is-scrolled .nav-toggle{border-color:rgba(255,255,255,.35);color:#fff}
.site-nav > ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
.site-nav > ul > li{display:flex;align-items:center}
.site-nav ul ul,.nav-dropdown__list{display:block;flex-direction:column;align-items:stretch;gap:0}
.site-nav a,.nav-dropdown__trigger{padding:8px 14px;font-size:.875rem;font-weight:500;border-radius:999px;transition:color var(--transition),background var(--transition),text-shadow var(--transition)}
.site-nav a:hover,.nav-dropdown__trigger:hover{color:var(--green)}
.site-nav a[aria-current="page"]{color:var(--green);font-weight:700}

/* Header dropdown menus */
.nav-dropdown{position:relative}
.nav-dropdown__trigger{
  display:inline-flex;align-items:center;gap:4px;cursor:pointer;list-style:none;
  background:transparent;border:none;font-family:var(--font);color:inherit;
}
.nav-dropdown__trigger::-webkit-details-marker{display:none}
.nav-dropdown__trigger::after{
  content:"";width:0;height:0;margin-left:2px;
  border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid currentColor;opacity:.65;transition:transform var(--transition);
}
.nav-dropdown[open] .nav-dropdown__trigger::after{transform:rotate(180deg)}
.nav-dropdown__panel{
  position:absolute;top:calc(100% + 8px);left:0;min-width:220px;margin:0;padding:8px;
  list-style:none;background:var(--white);border:1px solid var(--border);border-radius:14px;
  box-shadow:0 12px 32px rgba(17,24,39,.14),0 4px 12px rgba(17,24,39,.08);
  z-index:1001;
}
.nav-dropdown__panel li{margin:0}
.nav-dropdown__panel a{
  display:block;padding:10px 14px;font-size:.875rem;font-weight:500;color:var(--header-text-scrolled);
  border-radius:10px;white-space:nowrap;text-shadow:none;
}
.nav-dropdown__panel a:hover{background:var(--green-pale);color:var(--green-dark)}
.site-header:not(.is-scrolled) .nav-dropdown__item,
.site-header:not(.is-scrolled) .nav-dropdown__panel a{
  color:#1F2937!important;text-shadow:none!important;
}
.site-header:not(.is-scrolled) .nav-dropdown__item:hover,
.site-header:not(.is-scrolled) .nav-dropdown__panel a:hover{color:#39B54A!important}
.nav-dropdown[open] .nav-dropdown__trigger{color:var(--green)}

/* Services mega-menu — vertical premium dropdown */
.nav-dropdown--services .nav-dropdown__panel--services{
  display:block;width:520px;max-width:min(520px,calc(100vw - 32px));
  padding:14px 16px;margin:0;
  background:var(--white);border:1px solid var(--card-border);border-radius:16px;
  box-shadow:var(--card-shadow);
  z-index:1001;
}
.nav-dropdown--services[open] .nav-dropdown__panel--services{
  animation:nav-services-drop .2s ease forwards;
}
@keyframes nav-services-drop{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
.nav-dropdown--services .nav-dropdown__group+.nav-dropdown__group{
  margin-top:14px;padding-top:14px;border-top:1px solid #F1F5F9;
}
.nav-dropdown--services .nav-dropdown__list{
  display:grid;grid-template-columns:1fr 1fr;gap:4px;
}
.nav-dropdown--services .nav-dropdown__list li{display:block;width:100%}
.nav-dropdown__label{
  margin:0 0 6px;padding:0 8px;
  font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#94A3B8;line-height:1.3;
}
.nav-dropdown__list{list-style:none;margin:0;padding:0}
.nav-dropdown__list li{margin:0}
.nav-dropdown__item{
  display:flex;align-items:center;gap:10px;
  min-height:48px;padding:8px 10px;
  font-size:.8125rem;font-weight:500;color:#1F2937;
  text-decoration:none;border-radius:10px;
  transition:background .25s ease,color .25s ease,transform .25s ease;
  text-shadow:none;white-space:normal;
}
.nav-dropdown__item:hover,.nav-dropdown__item:focus-visible{
  background:#F0FDF4;color:#39B54A;
}
.nav-dropdown__item:focus-visible{outline:2px solid #39B54A;outline-offset:1px}
.nav-dropdown__icon{
  flex-shrink:0;width:36px;height:36px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;background:#F8FAFC;color:#64748B;
  transition:background .18s ease,color .18s ease;
}
.nav-dropdown__icon svg{width:18px;height:18px;display:block}
.nav-dropdown__item:hover .nav-dropdown__icon,.nav-dropdown__item:focus-visible .nav-dropdown__icon{
  background:rgba(57,181,74,.12);color:#39B54A;
}
.nav-dropdown__text{flex:1 1 auto;line-height:1.35;min-width:0}

.header-cta{display:inline-flex;align-items:center;padding:10px 20px;border:1px solid var(--border);border-radius:999px;font-size:.875rem;font-weight:600;background:var(--bg);transition:all var(--transition)}
.header-cta:hover{background:var(--green);border-color:var(--green);color:var(--white)!important}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;align-items:center;justify-content:center}
.nav-toggle svg{width:22px;height:22px}
.site-header:not(.is-scrolled) .nav-toggle{border-color:rgba(255,255,255,.35)}

/* Footer */
.site-footer{background:var(--primary);color:rgba(255,255,255,.75);padding:64px 0 0}
.site-footer h3{font-size:.875rem;color:var(--white);margin:0 0 24px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li{margin-bottom:8px;font-size:.875rem;color:rgba(255,255,255,.72);line-height:1.5}
.footer-links a{font-size:.875rem;color:rgba(255,255,255,.78);transition:color var(--transition);text-decoration:none}
.footer-links a:hover{color:var(--green)}
.footer-links a:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}
.social-links{display:flex;gap:12px;margin-top:24px}
.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:50%;font-size:.6875rem;font-weight:700;color:var(--green);transition:all var(--transition)}
.social-links a:hover{border-color:var(--green);background:rgba(57,181,74,.12)}
.footer-bottom{margin-top:48px;padding:24px;border-top:1px solid rgba(255,255,255,.08);font-size:.8125rem;color:rgba(255,255,255,.45);text-align:center}
.footer-bottom a{color:rgba(255,255,255,.72);text-decoration:none}
.footer-bottom a:hover{color:var(--green)}
