/* Riddhi IT Solutions — shared header / navigation rules
   Loaded by every page so the approved main menu renders identically site-wide.
   Header + mobile-menu rules only: no page/body/section styles live here. */

/* The base stylesheet lays the header out as a 3-column grid (1fr auto 1fr),
   whose centre column cannot shrink. With the approved 9-item menu that
   overflows into the CTA button, so the header becomes a flex row instead. */
.site-header .nav{display:flex;align-items:center;justify-content:space-between;gap:14px}
.site-header .nav-left{flex:0 0 auto;justify-self:auto}
.site-header .nav-right{flex:0 0 auto;justify-self:auto;display:flex;align-items:center;gap:14px}
.site-header .menu{flex:1 1 auto;min-width:0;justify-self:auto;display:flex;flex-wrap:nowrap;justify-content:center;gap:0}

.site-header .menu>li>a{padding:9px 7px;font-size:13.8px;white-space:nowrap}
.site-header .hdr-cta{padding:10px 15px;font-size:13.6px;white-space:nowrap;flex:0 0 auto;box-shadow:0 6px 18px rgba(24,160,74,.28)}
.site-header .hdr-cta:hover{transform:translateY(-1px)}

/* roomier header on large screens */
@media (min-width:1500px){
  .site-header .menu>li>a{padding:10px 10px;font-size:14.6px}
  .site-header .hdr-cta{padding:12px 20px;font-size:14.5px}
}

/* the phone number is dropped first when horizontal space runs short */
@media (max-width:1620px){.site-header .nav-phone{display:none!important}}

/* below the desktop breakpoint the menu collapses into the hamburger */
@media (max-width:1024px){.site-header .hdr-cta{display:none}}

/* mobile menu CTA */
.mm-cta{width:100%;justify-content:center;margin:16px 0 4px}