/* This stylesheet applies only to the full redesigned homepage. */
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])){background:#071928}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-shell{max-width:none!important}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .navbar{background:#fff!important;border-color:#dce5eb!important;box-shadow:0 4px 20px #0a254314!important}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-logo-name{color:#142d42!important}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-link{color:#496171!important}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-link.active{color:#2863ed!important;background:#eaf0fb!important}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-btn-primary,body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-quickbuy-pill .qb-go{background:#2863ed!important}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-wrapper{padding-bottom:0!important}
yfi-homepage[embedded]{display:block;width:100%;min-width:0;isolation:isolate}
.yfi-home-footer{background:#fff!important;padding:60px 32px 30px!important;border-top:1px solid #dce5eb!important}
.yfi-home-footer>div{max-width:1240px!important}
.yfi-home-footer .ftg{gap:32px!important;padding:0 0 40px!important}
.yfi-home-footer .ftg-col>div:first-child{font-size:14px!important;letter-spacing:.01em;color:#18344a!important}
.yfi-home-footer button,.yfi-home-footer a{color:#60798b!important;line-height:1.5!important}
.yfi-home-footer button:hover,.yfi-home-footer a:hover{color:#2863ed!important}
@media(max-width:640px){.yfi-home-footer{padding:38px 22px 26px!important}.yfi-home-footer .ftg{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 22px!important}.yfi-home-footer .ftg-col{min-width:0}.yfi-home-footer a{overflow-wrap:anywhere}}

/* One nav rail on every page: the width now lives on .navbar-inner itself, so the
   logo never shifts between Home/Explore and Help/About. */

/* Shared store header; presentation inside yfi-flowpage is isolated. */
body:has(yfi-flowpage[embedded]){background:#f4f7fa}
yfi-flowpage[embedded]{display:block;min-width:0;isolation:isolate}
yfi-flowpage #co-card{width:100%;min-width:0}
body:has(yfi-flowpage[embedded]) .cur-sel{font-family:Manrope,system-ui,sans-serif}

@media(max-width:760px){body:has(yfi-flowpage[kind="plan"]) .yfi-home-footer{padding-bottom:calc(var(--yfi-flow-action-height,94px) + 35px)!important}}

/* Account tasks and their retained top-up sheet share the storefront theme. */
body:has(yfi-flowpage[kind="account"]) .minimal-header{background:#fff!important;border-bottom-color:#dce5eb!important;color:#132d3d}
body:has(yfi-flowpage[kind="account"]) .minimal-title{font-family:Manrope,system-ui,sans-serif;color:#132d3d}
.yfi-account-modals{font-family:Manrope,system-ui,sans-serif}
.yfi-account-modals .tu-sheet{background:#fff;border:1px solid #dce5eb;border-radius:22px;font-family:Manrope,system-ui,sans-serif}
.yfi-account-modals .tu-header-title,.yfi-account-modals .tu-plan-data,.yfi-account-modals .tu-plan-price{font-family:Manrope,system-ui,sans-serif!important;font-weight:600!important;color:#132d3d}
.yfi-account-modals .tu-header{border-color:#dce5eb;background:#fff}.yfi-account-modals .tu-context{background:#edf3f7;border-color:#dce5eb}.yfi-account-modals .tu-plan{border-color:#dce5eb;border-radius:13px}.yfi-account-modals .tu-plan-recommended{border-color:#285deb;background:#f5f7ff}.yfi-account-modals .tu-plan-badge{background:#dfff9c;color:#31482a}.yfi-account-modals .tu-footer-btn{background:#285deb;font-family:Manrope,system-ui,sans-serif;border-radius:12px}.yfi-account-modals .tu-header-sub,.yfi-account-modals .tu-plan-dur{font-size:14px;color:#5d7382}
@media(max-width:640px){.yfi-account-modals .tu-sheet{border-radius:22px 22px 0 0;max-height:90svh}.yfi-account-modals .tu-header,.yfi-account-modals .tu-body{padding-left:20px;padding-right:20px}.yfi-account-modals .tu-plan{min-width:0}.yfi-account-modals .tu-plan-price{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.yfi-account-modals *{animation:none!important;transition:none!important}}


/* === YFI HOME 2026 chrome token align (no layout rewrite) === */
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])){
  background: var(--yfi-navy, #071928);
}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .navbar{
  background: var(--yfi-white, #fff) !important;
  border-color: var(--yfi-line, #dce5eb) !important;
  box-shadow: var(--yfi-shadow-sm, 0 4px 20px rgba(10,37,67,.08)) !important;
}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-logo-name{
  color: var(--yfi-ink, #132d3d) !important;
}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-link{
  color: var(--yfi-muted, #5d7382) !important;
}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-link.active{
  color: var(--yfi-blue, #285deb) !important;
  background: #eaf0fb !important;
}
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-btn-primary,
body:has(:is(yfi-homepage[embedded],yfi-flowpage[embedded])) .nav-quickbuy-pill .qb-go{
  background: var(--yfi-blue, #285deb) !important;
}
.yfi-home-footer{
  background: var(--yfi-white, #fff) !important;
  border-top: 1px solid var(--yfi-line, #dce5eb) !important;
}
.yfi-home-footer .ftg-col>div:first-child{
  color: var(--yfi-ink, #132d3d) !important;
}
.yfi-home-footer button,
.yfi-home-footer a{
  color: var(--yfi-muted, #5d7382) !important;
}
.yfi-home-footer button:hover,
.yfi-home-footer a:hover{
  color: var(--yfi-blue, #285deb) !important;
}