/**
 * GTGF v16.30 — Premium Product Pass
 * Final presentation layer for navigation, product workspaces and Mijn GTGF.
 */

body.gtgf-v1630 {
  --p30-orange:#ff5a00;
  --p30-orange-soft:#ff8847;
  --p30-paper:#f4f2ed;
  --p30-ink:#11110f;
  --p30-dark:#070908;
  --p30-panel:#0d110f;
  --p30-panel-raised:#121714;
  --p30-line:rgba(255,255,255,.12);
  --p30-line-strong:rgba(255,255,255,.22);
  --p30-copy:#d8ddd9;
  --p30-muted:#aab2ac;
  --p30-radius:18px;
  --p30-shadow:0 24px 70px rgba(0,0,0,.22);
}

/* Predictable focus and comfortable controls across the product. */
body.gtgf-v1630 :is(a,button,input,select,textarea,summary):focus-visible {
  outline:3px solid var(--p30-orange-soft)!important;
  outline-offset:3px!important;
}
body.gtgf-v1630 main :is(button,.button,a.button,.v14-btn) {
  border-radius:10px;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
@media (hover:hover) {
  body.gtgf-v1630 main :is(button,.button,a.button,.v14-btn):not(:disabled):hover {
    transform:translateY(-1px);
  }
}
body.gtgf-v1630 main :is(input,select,textarea) {
  border-radius:10px!important;
}

/* Header: a calmer app-like bar without changing its information architecture. */
body.gtgf-v1630 .v14-site-header {
  border-bottom-color:rgba(255,255,255,.1)!important;
  background:rgba(7,8,7,.92)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}
body.gtgf-v1630 .v14-desktop-nav a,
body.gtgf-v1630 .gtgf-language-switch,
body.gtgf-v1630 .v14-account-trigger {
  min-height:44px;
}
body.gtgf-v1630 .v14-nav-list>li>a {
  display:flex;
  align-items:center;
  position:relative;
}
body.gtgf-v1630 .v14-nav-list>li.is-current>a:after {
  content:"";
  position:absolute;
  right:0;
  bottom:5px;
  left:0;
  height:2px;
  border-radius:2px;
  background:var(--p30-orange);
}

/* Product workspaces: form on the left, live decision support on the right. */
body.gtgf-v1630:is(.gtgf-v1630-planner,.gtgf-v1630-nutrition) {
  background:var(--p30-dark);
}
body.gtgf-v1630:is(.gtgf-v1630-planner,.gtgf-v1630-nutrition) .page-hero {
  border-bottom:1px solid rgba(255,255,255,.1);
}
body.gtgf-v1630.gtgf-v1630-planner .planner-section,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-planner {
  background:
    radial-gradient(circle at 82% 8%,rgba(255,90,0,.09),transparent 30%),
    linear-gradient(180deg,#0a0c0b 0%,#070807 100%)!important;
}
body.gtgf-v1630.gtgf-v1630-planner .planner-layout,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-planner>.wrap {
  width:min(1240px,calc(100% - 48px))!important;
}
body.gtgf-v1630.gtgf-v1630-planner .planner-tool,
body.gtgf-v1630.gtgf-v1630-planner .planner-sidebar,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-form {
  border:1px solid var(--p30-line)!important;
  border-radius:var(--p30-radius)!important;
  box-shadow:var(--p30-shadow)!important;
  overflow:clip!important;
}
body.gtgf-v1630.gtgf-v1630-planner .planner-tool,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-form {
  background:linear-gradient(160deg,rgba(20,24,21,.99),rgba(10,12,11,.99))!important;
}
body.gtgf-v1630.gtgf-v1630-planner .planner-sidebar {
  background:linear-gradient(160deg,rgba(24,19,16,.98),rgba(12,14,13,.98))!important;
}
body.gtgf-v1630.gtgf-v1630-planner .planner-wizard__top,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-guide159949__progress {
  position:sticky!important;
  top:76px!important;
  z-index:20!important;
  border-bottom:1px solid var(--p30-line)!important;
  background:rgba(12,15,13,.94)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
body.gtgf-v1630.gtgf-v1630-planner .planner-wizard__progress button,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-guide159949__progress button {
  min-height:52px!important;
  border-radius:0!important;
}
body.gtgf-v1630.gtgf-v1630-planner .planner-wizard__progress button.is-active,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-guide159949__progress button.is-active {
  box-shadow:inset 0 -3px 0 var(--p30-orange)!important;
}
body.gtgf-v1630.gtgf-v1630-planner .planner-step.is-active,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-form__panel {
  padding:clamp(24px,4vw,44px)!important;
}
body.gtgf-v1630.gtgf-v1630-planner .planner-step__intro,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-form__section-head {
  margin-bottom:24px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid var(--p30-line)!important;
}
body.gtgf-v1630.gtgf-v1630-planner :is(.planner-primary-choice,.planner-v15-choice,.planner-v3-preference-block),
body.gtgf-v1630.gtgf-v1630-nutrition :is(.v1600-mode-card__surface,[class*="choice-card"],.nutrition-profile-disclosure,.nutrition-performance-profile) {
  border-radius:14px!important;
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
@media (hover:hover) {
  body.gtgf-v1630.gtgf-v1630-planner :is(.planner-primary-choice,.planner-v15-choice):hover,
  body.gtgf-v1630.gtgf-v1630-nutrition :is(.v1600-mode-card__surface,[class*="choice-card"]):hover {
    border-color:rgba(255,136,71,.72)!important;
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(0,0,0,.18)!important;
  }
}
body.gtgf-v1630.gtgf-v1630-planner .planner-fields,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-fields {
  gap:18px!important;
}
body.gtgf-v1630.gtgf-v1630-planner .planner-field,
body.gtgf-v1630.gtgf-v1630-nutrition .planner-field,
body.gtgf-v1630.gtgf-v1630-nutrition .form-row {
  min-width:0;
}
body.gtgf-v1630:is(.gtgf-v1630-planner,.gtgf-v1630-nutrition) main :is(input,select,textarea) {
  min-height:52px!important;
  border-color:rgba(255,255,255,.28)!important;
  background:#111512!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.gtgf-v1630:is(.gtgf-v1630-planner,.gtgf-v1630-nutrition) main :is(input,select,textarea):focus {
  border-color:var(--p30-orange)!important;
  box-shadow:0 0 0 3px rgba(255,90,0,.14)!important;
}
body.gtgf-v1630.gtgf-v1630-planner .planner-wizard__actions,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-form__footer {
  position:sticky!important;
  bottom:0!important;
  z-index:18!important;
  margin-inline:calc(clamp(24px,4vw,44px) * -1)!important;
  padding:16px clamp(24px,4vw,44px)!important;
  border-top:1px solid var(--p30-line)!important;
  background:rgba(10,12,11,.95)!important;
  box-shadow:0 -14px 34px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
body.gtgf-v1630.gtgf-v1630-planner .training-guide159950__summary,
body.gtgf-v1630.gtgf-v1630-planner .planner-live-summary,
body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-profile-summary {
  border:1px solid var(--p30-line-strong)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
}

/* Mijn GTGF: premium command centre with genuinely readable dense data. */
body.gtgf-v1630-dashboard {
  background:
    radial-gradient(circle at 74% 4%,rgba(255,90,0,.075),transparent 24%),
    #070908!important;
}
body.gtgf-v1630-dashboard .v163000-member-shell {
  --dash-copy:#d8ddd9;
  --dash-muted:#a7b0a9;
}
body.gtgf-v1630-dashboard .v160900-dashboard-nav {
  border-right-color:rgba(255,255,255,.1)!important;
  background:rgba(7,9,8,.96)!important;
  box-shadow:14px 0 40px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(20px) saturate(120%);
  -webkit-backdrop-filter:blur(20px) saturate(120%);
}
body.gtgf-v1630-dashboard .v159965-nav-link {
  min-height:46px!important;
  border-radius:10px!important;
}
body.gtgf-v1630-dashboard .v159965-nav-link:is(.is-active,[aria-current="page"],[aria-current="true"]) {
  background:linear-gradient(90deg,rgba(255,90,0,.16),rgba(255,90,0,.035))!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--p30-orange)!important;
}
body.gtgf-v1630-dashboard .v159965-nav-link:is(.is-active,[aria-current="page"],[aria-current="true"]) .v159965-nav-icon {
  color:var(--p30-orange-soft)!important;
}
body.gtgf-v1630-dashboard #dashboard-overview {
  width:min(1160px,calc(100% - 56px))!important;
}
body.gtgf-v1630-dashboard :is(.v161600-today,.v162200-week-card,.v162500-support,.v162400-context,.v161800-progress-card) {
  border-color:rgba(255,255,255,.13)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(18,23,20,.98),rgba(10,13,11,.98))!important;
  box-shadow:0 20px 54px rgba(0,0,0,.18)!important;
}
body.gtgf-v1630-dashboard :is(.v161600-today,.v162200-week-card):hover {
  border-color:rgba(255,136,71,.38)!important;
}
body.gtgf-v1630-dashboard main :is(a,button) {
  min-height:36px;
}
body.gtgf-v1630-dashboard .v161600-today__action {
  min-height:48px!important;
  border-radius:10px!important;
  box-shadow:0 12px 28px rgba(255,90,0,.15)!important;
}
body.gtgf-v1630-dashboard main :is(.eyebrow,[class*="__eyebrow"],[class*="kicker"],[class*="overline"],[class*="label"]) {
  font-size:max(9px,.66rem)!important;
  line-height:1.35!important;
  letter-spacing:.095em!important;
}
body.gtgf-v1630-dashboard main small {
  font-size:max(10px,.7rem)!important;
  line-height:1.42!important;
  color:var(--dash-muted)!important;
}
body.gtgf-v1630-dashboard .v162500-now {
  min-width:32px!important;
  height:20px!important;
  font-size:9px!important;
}
body.gtgf-v1630-dashboard .v162500-card-action,
body.gtgf-v1630-dashboard .v162500-mini-action {
  white-space:normal!important;
}
body.gtgf-v1630-dashboard .v162500-card-action>span {
  font-size:9px!important;
  color:#aeb7b0!important;
}
body.gtgf-v1630-dashboard .v162500-card-action>b {
  font-size:11px!important;
  line-height:1.35!important;
  color:#f1f4f1!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
body.gtgf-v1630-dashboard .v162500-mini-action {
  font-size:10px!important;
  line-height:1.35!important;
  color:#b5bdb7!important;
}
body.gtgf-v1630-dashboard :is(.v162300-card,.v162300-mini,.v162400-context__item) {
  min-width:0!important;
}
body.gtgf-v1630-dashboard :is(.v162300-card,.v162300-mini,.v162400-context__item) :is(strong,b,p,span,small) {
  overflow-wrap:break-word;
}

/* Paper surfaces feel like one product, not a collection of legacy cards. */
body.gtgf-v1630:not(.gtgf-v1630-dashboard) main :is(.recipe-card,.v1524-article-card,.v1587-event-row,.v1550-club-card) {
  border-radius:14px!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
@media (hover:hover) {
  body.gtgf-v1630:not(.gtgf-v1630-dashboard) main :is(.recipe-card,.v1524-article-card,.v1587-event-row,.v1550-club-card):hover {
    transform:translateY(-3px);
    box-shadow:0 18px 44px rgba(25,20,16,.12)!important;
  }
}

@media (max-width:980px) {
  body.gtgf-v1630.gtgf-v1630-planner .planner-layout,
  body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-planner>.wrap {
    width:min(100% - 32px,760px)!important;
  }
  body.gtgf-v1630.gtgf-v1630-planner .planner-wizard__top,
  body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-guide159949__progress {
    top:64px!important;
  }
  body.gtgf-v1630-dashboard #dashboard-overview {
    width:min(100% - 32px,780px)!important;
  }
}

@media (max-width:720px) {
  body.gtgf-v1630 {
    --p30-radius:14px;
  }
  body.gtgf-v1630 .v14-mobile-menu a,
  body.gtgf-v1630 .v14-mobile-menu button {
    min-height:48px!important;
  }
  body.gtgf-v1630.gtgf-v1630-planner .planner-layout,
  body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-planner>.wrap {
    width:calc(100% - 22px)!important;
  }
  body.gtgf-v1630.gtgf-v1630-planner .planner-wizard__top,
  body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-guide159949__progress {
    top:58px!important;
  }
  body.gtgf-v1630.gtgf-v1630-planner .planner-wizard__progress,
  body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-guide159949__progress {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    overflow:visible!important;
  }
  body.gtgf-v1630.gtgf-v1630-planner .planner-wizard__progress button,
  body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-guide159949__progress button {
    min-width:0!important;
    min-height:48px!important;
    padding-inline:6px!important;
    font-size:11px!important;
  }
  body.gtgf-v1630.gtgf-v1630-planner .planner-step.is-active,
  body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-form__panel {
    padding:22px 16px!important;
  }
  body.gtgf-v1630.gtgf-v1630-planner .planner-wizard__actions,
  body.gtgf-v1630.gtgf-v1630-nutrition .nutrition-form__footer {
    margin-inline:-16px!important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;
  }
  body.gtgf-v1630:is(.gtgf-v1630-planner,.gtgf-v1630-nutrition) main :is(button,.button,a.button) {
    min-height:46px!important;
  }
  body.gtgf-v1630-dashboard #dashboard-overview {
    width:calc(100% - 24px)!important;
  }
  body.gtgf-v1630-dashboard .v159965-dashboard-nav {
    padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
    background:rgba(7,9,8,.97)!important;
    box-shadow:0 -12px 34px rgba(0,0,0,.26)!important;
  }
  body.gtgf-v1630-dashboard .v159965-nav-link {
    min-height:48px!important;
  }
  body.gtgf-v1630-dashboard main small {
    font-size:10px!important;
  }
  body.gtgf-v1630-dashboard :is(.v161600-today,.v162200-week-card,.v162500-support,.v162400-context,.v161800-progress-card) {
    border-radius:14px!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.gtgf-v1630 *,
  body.gtgf-v1630 *:before,
  body.gtgf-v1630 *:after {
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
  }
}