/* Frontend layout integration overrides (Shahi Industries). */

/* --- Header: admin-configurable nav color (--hdr-nav on <header>) --- */
body #wrapper header.shahi-header-dynamic.header-light:not(.smaller) #mainmenu > li > a {
  color: var(--hdr-nav, #222222) !important;
}
body #wrapper header.shahi-header-dynamic.smaller.scroll-light #mainmenu > li > a,
body #wrapper header.shahi-header-dynamic.smaller.header-light #mainmenu > li > a {
  color: var(--hdr-nav-scrolled, #35404e) !important;
}

/* Dropdown / submenu links — separate vars from top-level (--hdr-submenu*) */
body #wrapper header.shahi-header-dynamic:not(.smaller) #mainmenu ul li > a {
  color: var(--hdr-submenu, var(--hdr-nav, #35404e)) !important;
  opacity: 0.95;
}

body #wrapper header.shahi-header-dynamic.smaller.scroll-light #mainmenu ul li > a,
body #wrapper header.shahi-header-dynamic.smaller.header-light #mainmenu ul li > a {
  color: var(--hdr-submenu-scrolled, var(--hdr-nav-scrolled, var(--hdr-nav, #35404e))) !important;
  opacity: 0.95;
}
body #wrapper header.shahi-header-dynamic #mainmenu ul li > a:hover,
body #wrapper header.shahi-header-dynamic #mainmenu ul li:hover > a {
  color: #ffffff !important;
  opacity: 1;
}

/* Logo swap: .logo at top, .logo-2 when header has .smaller (desktop ≥993px). */
#logo img.logo,
#logo img.logo-2 {
  height: 56px;
  width: auto;
  vertical-align: middle;
}
header.shahi-header-dynamic:not(.smaller) #logo img.logo-2 {
  display: none !important;
}
header.shahi-header-dynamic:not(.smaller) #logo img.logo {
  display: inline-block !important;
}
header.shahi-header-dynamic.smaller.scroll-light #logo img.logo,
header.shahi-header-dynamic.smaller.header-light #logo img.logo {
  display: none !important;
}
header.shahi-header-dynamic.smaller.scroll-light #logo img.logo-2,
header.shahi-header-dynamic.smaller.header-light #logo img.logo-2 {
  display: inline-block !important;
}

/* Mobile: theme never adds .smaller — keep primary (light) logo only */
@media (max-width: 992px) {
  header.shahi-header-dynamic #logo img.logo-2 {
    display: none !important;
  }
  header.shahi-header-dynamic #logo img.logo {
    display: inline-block !important;
  }
}

/* Logo text beside images: typography only here — never set font-family without .shahi-brand-google-font */
#logo .brand-text-header {
  font-weight: 700;
  letter-spacing: 0.02em;
  align-self: center;
  margin-inline-start: 0.6rem;
  line-height: 1.2;
}

/* Admin-picked Google Font: theme sets header div#logo { font-family: Oswald } which otherwise wins over inline; limit !important to this span only */
header.shahi-header-dynamic #logo .brand-text-header.shahi-brand-google-font {
  font-family: var(--shahi-brand-stack) !important;
}

/* Logo text beside image: tint when header is solid (.smaller) on desktop — uses --hdr-brand-scrolled from inline header style */
@media (min-width: 993px) {
  header.shahi-header-dynamic.smaller.scroll-light #logo .brand-text-header,
  header.shahi-header-dynamic.smaller.header-light #logo .brand-text-header {
    color: var(--hdr-brand-scrolled, #111827) !important;
  }
}

.feature-box.style-3 {
  min-height: 240px;
}

/* Equal-height cards per row (#content): columns stretch to the tallest sibling */
#content .row > [class*='col-']:has(> .feature-box.f-boxed) {
  display: flex;
  flex-direction: column;
}

#content .row > [class*='col-']:has(> .feature-box.f-boxed) > .feature-box.f-boxed {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%;
  height: auto;
}

#content .row > [class*='col-']:has(> .feature-box.f-boxed) > .feature-box.f-boxed > .text {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Keeps primary CTA/link pinned to bottom when copy lengths differ */
#content .row > [class*='col-']:has(> .feature-box.f-boxed) > .feature-box.f-boxed .text > a:last-of-type {
  margin-top: auto;
  align-self: flex-start;
}

/* Team member tiles */
#content .row > [class*='col-']:has(> .f-profile) {
  display: flex;
  flex-direction: column;
}

#content .row > [class*='col-']:has(> .f-profile) > .f-profile {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

#content .row > [class*='col-']:has(> .f-profile) > .f-profile .small.mt-2 {
  flex: 1 1 auto;
  margin-bottom: 0;
}

.box-rounded {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.de_post_style_1 {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 24px;
  height: 100%;
}

.de_post_style_1 h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.de_map iframe {
  width: 100%;
  min-height: 280px;
  border: 0;
  border-radius: 10px;
}

#subheader {
  min-height: 340px;
}

.btn-custom.w-100 {
  display: block;
}