/* Northvale — Program detail page styles */

::selection {
  background: #16130F;
  color: #FFFFFF;
}

a {
  color: #8A6A3B;
}

a:hover {
  color: #16130F;
}

.nv-field {
  transition: border-color .2s ease, box-shadow .2s ease;
}

.nv-field:focus,
.nv-field:focus-visible {
  outline: none !important;
  border-color: #16130F !important;
  box-shadow: 0 0 0 3px rgba(22, 19, 15, .06);
}

.nv-cta-btn {
  white-space: nowrap;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), box-shadow .35s ease;
}

.nv-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 40px -14px rgba(20, 16, 12, .5);
}

@keyframes nvCheckPop {
  0% {
    transform: scale(.4);
    opacity: 0;
  }

  60% {
    transform: scale(1.12);
    opacity: 1;
  }

  100% {
    transform: scale(1);
  }
}

@media (max-width:960px) {

  .nv-detail-grid,
  .nv-program-detail__layout {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }

  .nv-program-detail-section{padding:32px 32px 80px !important;}
  .nv-program-form-card{position:static !important;padding:34px 28px !important;}
  }
@media (max-width:620px) {
  .nv-form-row {
    grid-template-columns: 1fr !important;
  }

  .nv-program-detail-section {
    padding: 24px 20px 60px !important;
  }

  .nv-program-form-card {
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }

  .nv-program-hero__title {
    font-size: 32px !important;
  }
}


/* ============ Component classes ============ */
.nv-page--program {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
}

.nv-program-detail-section {
  max-width: 1280px;
  margin: 0 auto;
  padding: 34px 40px 110px;
  width: 100%;
  box-sizing: border-box;
}

.nv-program-detail__layout {
  display: grid;
  grid-template-columns: 1.18fr .82fr;
  gap: 64px;
  align-items: start;
}

.nv-program-detail__col{display:flex;flex-direction:column;gap:38px;}

.nv-program-hero{display:flex;flex-direction:column;text-align:left;width:100%;}
.nv-program-hero__tag-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.nv-program-hero__title{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.015em;margin:0 0 20px;color:#16130F;text-align:left;}
.nv-program-hero__meta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px;}
.nv-program-hero__meta-item{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;color:#57514A;}
.nv-program-hero__desc{font-size:16.5px;line-height:1.7;color:#57514A;margin:0 0 24px;text-align:left;}
.nv-program-hero__outcome{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;color:#16130F;background:#FAF8F5;border:1px solid #EDE8DF;border-radius:14px;padding:16px 20px;}
.nv-program-hero__outcome-icon{flex-shrink:0;margin-top:2px;}

.nv-program-detail__tracks-title{font-family:'Newsreader',serif;font-weight:500;font-size:22px;margin:0 0 18px;color:#16130F;}
.nv-program-detail__section-title{font-family:'Newsreader',serif;font-weight:500;font-size:22px;margin:0 0 16px;color:#16130F;text-align:left;}
.nv-program-detail__chip-list{display:flex;gap:8px;flex-wrap:wrap;}
.nv-program-detail__list{display:flex;flex-direction:column;gap:12px;}
.nv-program-form-card{position:sticky;top:96px;background:#FFFFFF;border:1px solid #E7E2DA;border-radius:24px;padding:40px 34px;box-shadow:0 30px 60px -36px rgba(20,16,12,.16);}
.nv-program-form__title{font-family:'Newsreader',serif;font-weight:500;font-size:24px;margin:0 0 8px;color:#16130F;}
.nv-program-form__subtitle{font-size:14px;color:#6B655C;margin:0 0 26px;}
.nv-program-form__field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
.nv-program-form__field--message{display:flex;flex-direction:column;gap:7px;margin-bottom:24px;}
.nv-program-form__textarea{padding:14px 16px;font-family:inherit;font-size:14.5px;color:#16130F;background:#FFFFFF;border:1px solid #E7E2DA;border-radius:11px;resize:vertical;}
.nv-program-form__submit{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;height:54px;font-size:15.5px;font-weight:600;color:#FFFFFF;background:#16130F;border:none;border-radius:12px;cursor:pointer;font-family:inherit;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;}
.nv-program-form__submit:hover:not(:disabled){background:#332C24;transform:translateY(-1px);box-shadow:0 10px 20px -6px rgba(20,16,12,.3);}
.nv-program-form__success--hidden{display:none;text-align:center;padding:20px 4px;}
.nv-program-form__success-icon{width:64px;height:64px;border-radius:50%;background:#F2F1EE;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;animation:nvCheckPop .5s cubic-bezier(.16,1,.3,1);}
.nv-program-form__success-title{font-family:'Newsreader',serif;font-weight:500;font-size:24px;margin:0 0 10px;color:#16130F;}

.nv-program-form__success-lede{font-size:14.5px;line-height:1.6;color:#6B655C;margin:0;}

.nv-program-detail__tracks {
  display: none;
}

/* Phone Input Group & Country Code Dropdown */
.nv-phone-input-group {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: #FFFFFF;
  border: 1px solid #E7E2DA;
  border-radius: 11px;
  position: relative;
  transition: border-color .2s ease, box-shadow .2s ease;
  box-sizing: border-box;
}

.nv-phone-input-group:focus-within,
.nv-phone-input-group.nv-phone-focused {
  outline: none !important;
  border-color: #16130F !important;
  box-shadow: 0 0 0 3px rgba(22, 19, 15, .06);
}

.nv-phone-input-group.nv-phone-invalid {
  border-color: #EF4444 !important;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, .12);
}

.nv-phone-code-wrap {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.nv-phone-code-trigger {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 10px 0 14px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 600;
  color: #16130F;
  outline: none;
  border-radius: 11px 0 0 11px;
  transition: background-color .15s ease, color .15s ease;
  user-select: none;
}

.nv-phone-code-trigger:hover,
.nv-phone-code-wrap.nv-code-open .nv-phone-code-trigger {
  background-color: #F8F7F5;
}

.nv-phone-selected-code {
  font-size: 14.5px;
  font-weight: 600;
  color: #16130F;
}

.nv-phone-code-arrow {
  width: 13px;
  height: 13px;
  color: #8B857C;
  transition: transform .25s cubic-bezier(.16, 1, .3, 1), color .2s ease;
  flex-shrink: 0;
}

.nv-phone-code-wrap.nv-code-open .nv-phone-code-arrow {
  transform: rotate(180deg);
  color: #8A6A3B;
}

.nv-phone-divider {
  width: 1px;
  height: 24px;
  background-color: #E7E2DA;
  flex-shrink: 0;
}

.nv-phone-number-input {
  flex: 1;
  height: 100%;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 14px;
  font-family: inherit;
  font-size: 14.5px;
  color: #16130F;
  border-radius: 0 11px 11px 0;
  min-width: 0;
  box-sizing: border-box;
  box-shadow: none !important;
}

.nv-phone-number-input:focus,
.nv-phone-number-input:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.nv-phone-number-input::placeholder {
  color: #9CA3AF;
  font-size: 14px;
}

.nv-phone-country-hidden {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
  clip: rect(0, 0, 0, 0) !important;
}

.nv-phone-code-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 13rem;
  max-width: 85vw;
  background: #FFFFFF;
  border: 1px solid #E7E2DA;
  border-radius: 14px;
  box-shadow: 0 16px 36px -10px rgba(20, 16, 12, .2), 0 2px 8px rgba(20, 16, 12, .05);
  z-index: 1000;
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity .2s cubic-bezier(.16, 1, .3, 1), transform .2s cubic-bezier(.16, 1, .3, 1), visibility .2s;
  box-sizing: border-box;
}

.nv-phone-code-wrap.nv-code-open .nv-phone-code-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nv-phone-search-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #F8F7F5;
  border: 1px solid #EBE7E0;
  border-radius: 8px;
  padding: 7px 10px;
  margin-bottom: 6px;
  box-sizing: border-box;
}

.nv-phone-search-icon {
  color: #8B857C;
  flex-shrink: 0;
}

.nv-phone-search-input {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  font-family: inherit;
  font-size: 13px;
  color: #16130F;
  padding: 0;
}

.nv-phone-search-input::placeholder {
  color: #9CA3AF;
}

.nv-phone-code-list {
  max-height: 190px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-right: 2px;
}

.nv-phone-code-list::-webkit-scrollbar {
  width: 5px;
}

.nv-phone-code-list::-webkit-scrollbar-track {
  background: transparent;
}

.nv-phone-code-list::-webkit-scrollbar-thumb {
  background: #D9D2C7;
  border-radius: 10px;
}

.nv-phone-code-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border-radius: 7px;
  cursor: pointer;
  font-size: 13.5px;
  color: #16130F;
  transition: background-color .15s ease, color .15s ease;
  user-select: none;
}

.nv-phone-code-item:hover,
.nv-phone-code-item.nv-focused {
  background-color: #F4F6FB;
  color: #16130F;
}

.nv-phone-code-item.nv-selected {
  background-color: #F2F1EE;
  color: #8A6A3B;
  font-weight: 600;
}

.nv-phone-code-item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
  flex: 1;
}

.nv-phone-code-item-code {
  font-weight: 600;
  color: #8A6A3B;
  font-size: 12.5px;
  flex-shrink: 0;
  font-family: monospace;
}