/* NestCare public header / hero CTA layout — v14 */

/* Give the desktop header enough real width so navigation stays on one line. */
.topbar .shell.nav{
  width:min(1500px,calc(100% - 48px))!important;
  max-width:1500px!important;
  height:108px!important;
  gap:24px!important;
  flex-wrap:nowrap!important;
}

.nestcare-brand-v11{
  width:220px!important;
  min-width:220px!important;
  flex:0 0 220px!important;
  height:100px!important;
}
.nestcare-header-logo-v11{
  width:210px!important;
  max-width:210px!important;
  height:92px!important;
  max-height:92px!important;
  object-fit:contain!important;
}

.navlinks{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 auto!important;
  min-width:0!important;
  gap:30px!important;
  margin-left:auto!important;
  white-space:nowrap!important;
  font-size:14px!important;
}
html[dir="rtl"] .navlinks{
  margin-left:0!important;
  margin-right:auto!important;
}
.navlinks a{white-space:nowrap!important;line-height:1.2!important}

.actions{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:10px!important;
  white-space:nowrap!important;
}
.actions .pill,.actions .language-select{white-space:nowrap!important}
.actions .pill{padding:10px 16px!important}
.language-select{
  min-width:124px!important;
  padding-left:42px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300a8ff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:12px center!important;
  background-size:22px 22px!important;
}
html[dir="rtl"] .language-select{
  padding-left:10px!important;
  padding-right:42px!important;
  background-position:right 12px center!important;
}

/* Join CTA moved out of the header and placed directly above NestCare Pathway. */
.hero-side{display:flex;flex-direction:column;min-width:0}
.hero-join-row{display:flex;justify-content:flex-end;margin-bottom:14px}
.hero-join-row .hero-join-cta{
  padding:12px 22px!important;
  font-size:14px!important;
  white-space:nowrap!important;
}
html[dir="rtl"] .hero-join-row{justify-content:flex-start}

@media(max-width:1240px){
  .topbar .shell.nav{width:min(100% - 28px,1240px)!important;gap:15px!important}
  .nestcare-brand-v11{width:186px!important;min-width:186px!important;flex-basis:186px!important}
  .nestcare-header-logo-v11{width:178px!important;max-width:178px!important}
  .navlinks{gap:16px!important;font-size:13px!important}
  .actions{gap:7px!important}
  .language-select{min-width:110px!important}
}

@media(max-width:960px){
  .topbar .shell.nav{width:min(100% - 24px,960px)!important;height:96px!important}
  .navlinks{display:none!important}
  .nestcare-brand-v11{width:190px!important;min-width:190px!important;flex-basis:190px!important}
  .nestcare-header-logo-v11{width:182px!important;max-width:182px!important}
  .actions{margin-left:auto!important}
  html[dir="rtl"] .actions{margin-left:0!important;margin-right:auto!important}
}

@media(max-width:640px){
  .topbar .shell.nav{height:82px!important;width:min(100% - 20px,640px)!important;gap:8px!important}
  .nestcare-brand-v11{width:142px!important;min-width:142px!important;flex-basis:142px!important;height:76px!important}
  .nestcare-header-logo-v11{width:136px!important;max-width:136px!important;height:70px!important;max-height:70px!important}
  .language-select{min-width:102px!important;max-width:112px!important;padding-left:38px!important;background-position:10px center!important;background-size:19px 19px!important}
  html[dir="rtl"] .language-select{padding-left:8px!important;padding-right:38px!important;background-position:right 10px center!important}
  .hero-join-row{justify-content:stretch}
  .hero-join-row .hero-join-cta{width:100%}
}