/*
 * YOU.FO Japan — site-wide tone v5
 * Red / black / blue, athletic photography, bold typography.
 * This file intentionally sits above legacy page CSS without changing data,
 * URLs, template responsibilities, or WordPress editing workflows.
 */

body.youfo-tone-v5 {
  --yf5-red:#e3232e;
  --yf5-blue:#0866b2;
  --yf5-navy:#092f59;
  --yf5-black:#050b15;
  --yf5-ink:#14213a;
  --yf5-muted:#647387;
  --yf5-sky:#edf6fc;
  --yf5-line:#d9e3ec;
  --youfo-red:var(--yf5-red);
  --youfo-navy:var(--yf5-navy);
  --youfo-paper:#fff;
  --youfo-ink:var(--yf5-ink);
  --youfo-muted:var(--yf5-muted);
  --youfo-line:rgba(20,33,58,.18);
  background:#fff;
  color:var(--yf5-ink);
}

/* Global chrome */
body.youfo-tone-v5 #header.yf-site-header,
html body.home.youfo-tone-v5.youfo-renewal-home #header.yf-site-header {
  position:sticky;
  top:0;
  height:76px;
  background:rgba(5,11,21,.96)!important;
  background-color:rgba(5,11,21,.96)!important;
  background-image:none!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none;
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
}
body.youfo-tone-v5 #header .yf-site-header__inner{width:min(1360px,calc(100% - 44px))}
body.youfo-tone-v5 #header .yf-site-logo{
  width:78px!important;
  height:44px!important;
  padding:7px 10px!important;
  border-radius:999px;
  background:#fff!important;
}
body.youfo-tone-v5 #header .yf-site-logo img{object-position:center!important}
body.youfo-tone-v5 #header .yf-global-menu__list>li>a,
body.youfo-tone-v5 #header .yf-menu-toggle{
  color:#fff!important;
  text-shadow:none!important;
}
body.youfo-tone-v5 #header .yf-global-menu__list>li>a{font-size:.72rem;letter-spacing:.08em}
body.youfo-tone-v5 #header .yf-global-menu__list .sub-menu{
  background:var(--yf5-black);
  border-top-color:var(--yf5-blue);
}
body.youfo-tone-v5 #header .yf-global-menu__list .yf-nav-cta>a{
  padding:15px 20px;
  background:var(--yf5-red);
  color:#fff!important;
}
body.youfo-tone-v5 .yf-site-footer{
  background:var(--yf5-black)!important;
  color:#fff!important;
  border-top:0!important;
}
body.youfo-tone-v5 .yf-site-footer :is(a,p){color:#fff!important}
body.youfo-tone-v5 .yf-site-footer .yf-footer-nav h2{color:var(--yf5-red)}
body.youfo-tone-v5 .yf-site-footer__logo{
  width:150px!important;
  padding:7px 10px!important;
  border-radius:999px;
  background:#fff!important;
}
body.youfo-tone-v5 .yf-site-footer__bottom{border-top-color:rgba(255,255,255,.2)!important}

/* One button language */
body.youfo-tone-v5 :is(
  .btn-primary,.btn-secondary,.about-hero__button,.rule-hero__button,
  .event-hero__button,.experience-hero__button,.single-event-hero__button,
  .club-btn,.association-btn,.media-btn,.jc-btn,.yl-btn,.bg-btn,
  .yf-button,.yfv4-button
){
  min-height:50px;
  border-radius:999px!important;
  box-shadow:none!important;
  font-weight:900;
}
body.youfo-tone-v5 :is(
  .btn-primary,.event-hero__button--primary,.experience-hero__button--primary,
  .club-btn--primary,.jc-btn--primary,.yl-btn--red,.bg-btn--primary
){background:var(--yf5-red)!important;border-color:var(--yf5-red)!important;color:#fff!important}

/* Shared inner-page heroes */
body.youfo-tone-v5 :is(
  .about-hero,.rule-hero,.event-hero,.experience-hero,.club-hero,
  .activity-hero,.association-hero,.media-hero,.tournament-hero,
  .world-cup-hero,.asian-hero,.jc-hero,.yl-hero,.yls-hero,
  .single-event-hero,.bg-hero,.yf-simple-hero
){
  min-height:clamp(500px,66vh,720px)!important;
  background-color:var(--yf5-black)!important;
  border:0!important;
  color:#fff!important;
}
body.youfo-tone-v5 :is(
  .about-hero__overlay,.event-hero__overlay,.experience-hero__overlay,
  .asian-hero__overlay,.jc-hero__overlay,.yl-hero__overlay,.bg-hero__shade
){background:linear-gradient(90deg,rgba(5,11,21,.96),rgba(5,11,21,.67) 52%,rgba(9,47,89,.22))!important}
body.youfo-tone-v5 :is(
  .about-hero,.rule-hero,.event-hero,.experience-hero,.club-hero,
  .activity-hero,.association-hero,.media-hero,.tournament-hero,
  .world-cup-hero,.asian-hero,.jc-hero,.yl-hero,.yls-hero,
  .single-event-hero,.bg-hero
):after{
  width:min(44vw,640px)!important;
  height:min(44vw,640px)!important;
  right:-16%!important;
  bottom:-36%!important;
  top:auto!important;
  border:4px solid var(--yf5-blue)!important;
  border-radius:50%!important;
  transform:none!important;
  opacity:.72;
}
body.youfo-tone-v5 :is(
  .about-hero__eyebrow,.rule-hero__eyebrow,.event-hero__eyebrow,
  .experience-hero__eyebrow,.club-hero__eyebrow,.asian-hero__eyebrow,
  .jc-hero__eyebrow,.yl-eyebrow,.bg-kicker
){color:var(--yf5-red)!important}
body.youfo-tone-v5 :is(
  .about-title,.rule-title,.event-hero__title,.experience-title,.club-title,
  .activity-title,.association-title,.media-title,.tournament-hero__title,
  .world-cup-hero__title,.asian-hero__title,.jc-hero__title,.yl-hero h1,
  .yls-hero h1,.single-event-hero__title,.bg-hero h1
){color:#fff!important;text-shadow:0 4px 28px rgba(0,0,0,.36)}
body.youfo-tone-v5 :is(
  .about-lead,.rule-lead,.event-hero__lead,.experience-hero__lead,
  .club-lead,.activity-lead,.association-lead,.media-lead,
  .tournament-hero__lead,.world-cup-hero__lead,.asian-hero__lead,
  .jc-hero__text,.yl-hero__lead
){color:#d5e2ee!important}
body.youfo-tone-v5 .yf-about-subnav{background:var(--yf5-blue);border-color:rgba(255,255,255,.2)}
body.youfo-tone-v5 .yf-about-subnav a{color:#fff;border-color:rgba(255,255,255,.25)}
body.youfo-tone-v5 .yf-about-subnav a[aria-current="page"]{background:var(--yf5-red);color:#fff}

/* Editorial sections: white reading surfaces with deliberate dark chapters. */
body.youfo-tone-v5 :is(
  .about-intro,.about-video,.about-recommend,.about-japan,.about-next,.about-faq,
  .rule-basic,.rule-video,.rule-faq,.club-main,.activity-section,
  .association-section,.media-section,.event-section,.single-event-section,
  .tournament-section,.world-cup-section,.asian-cup-page .section,.jc-section,
  .yl-section--light,.yl-news,.yls-section,.bg-section,.yf-simple-content
){background:#fff!important}
body.youfo-tone-v5 :is(.about-features,.rule-steps,.activity-results,.association-partner){
  background:var(--yf5-navy)!important;
  color:#fff!important;
}
body.youfo-tone-v5 :is(.about-features,.rule-steps,.activity-results,.association-partner) :is(h2,h3,p,li,strong,span){color:inherit!important}
body.youfo-tone-v5 :is(.about-features,.rule-steps,.activity-results,.association-partner) :is(.feature-card,.step-card,.activity-card,.result-card){border-color:rgba(255,255,255,.25)!important}
body.youfo-tone-v5 :is(.about-features,.rule-steps,.activity-results,.association-partner) :is(.feature-card p,.step-card p,.activity-card p,.result-card p){color:#d5e2ee!important}
body.youfo-tone-v5 :is(.section-eyebrow,.event-section-head__lead,.experience-block__head p,.jc-section__eyebrow,.yls-eyebrow){color:var(--yf5-red)!important}
body.youfo-tone-v5 :is(.section-title,.event-section-head__title,.tournament-section-title,.world-cup-section-title,.jc-section-title){color:var(--yf5-ink)}

/* Publication pages */
body.youfo-tone-v5 .yf-news-index{background:#fff}
body.youfo-tone-v5 .yf-news-index__hero{
  position:relative;
  overflow:hidden;
  padding:clamp(5.5rem,10vw,9rem) 0!important;
  background:var(--yf5-black)!important;
  color:#fff;
}
body.youfo-tone-v5 .yf-news-index__hero:after,
body.youfo-tone-v5 .yf-detail-hero:after{
  content:"";
  position:absolute;
  width:min(44vw,620px);
  aspect-ratio:1;
  right:-16%;
  bottom:-64%;
  border:4px solid var(--yf5-blue);
  border-radius:50%;
  opacity:.72;
  pointer-events:none;
}
body.youfo-tone-v5 .yf-news-index__hero .yf-shell,
body.youfo-tone-v5 .yf-detail-hero .yf-shell{position:relative;z-index:1}
body.youfo-tone-v5 .yf-news-index__hero h1{color:#fff;font-size:clamp(3.5rem,7vw,7rem);letter-spacing:-.055em}
body.youfo-tone-v5 .yf-news-filter{background:var(--yf5-blue);color:#fff;border:0;padding-inline:max(22px,calc((100% - 1240px)/2))}
body.youfo-tone-v5 .yf-news-filter a{color:#fff;text-decoration-color:#fff}
body.youfo-tone-v5 .yf-news-list{background:#fff}
body.youfo-tone-v5 .yf-news-row time{color:var(--yf5-blue)}
body.youfo-tone-v5 .yf-detail-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(4.5rem,8vw,8rem) 0 3rem!important;
  background:var(--yf5-black)!important;
  color:#fff;
  border-top:0!important;
}
body.youfo-tone-v5 .yf-detail-hero h1{color:#fff!important}
body.youfo-tone-v5 .yf-detail-hero__meta{border-color:rgba(255,255,255,.3);color:#d5e2ee}
body.youfo-tone-v5 .yf-story-detail__image{border-bottom:8px solid var(--yf5-blue)}
body.youfo-tone-v5 .yf-story-detail__body{background:#fff}
body.youfo-tone-v5 .yf-story-detail__body h2{border-top:2px solid var(--yf5-blue);padding-top:1rem}

/* Event discovery and detail */
body.youfo-tone-v5 .event-section--past{background:var(--yf5-sky)!important}
body.youfo-tone-v5 .event-page .tournament-card__badge,
body.youfo-tone-v5 .single-event-chip{background:var(--yf5-red)!important;color:#fff!important}
body.youfo-tone-v5 .single-event-hero__info{gap:0}
body.youfo-tone-v5 .single-event-info-card{background:rgba(5,11,21,.78)!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important}
body.youfo-tone-v5 .single-event-block h2{border-top-color:var(--yf5-blue)}

/* Tournament families keep identity, but use the same contrast and controls. */
body.youfo-tone-v5 :is(.yf-tournament-page,.yl-page,.bg-page,.yls-page){background:#fff;color:var(--yf5-ink)}
body.youfo-tone-v5 :is(.world-cup-hero,.asian-hero,.jc-hero,.yl-hero,.bg-hero){border-bottom:8px solid var(--yf5-blue)!important}
body.youfo-tone-v5 :is(.yf-tournament-page,.yl-page,.bg-page) :is(.yf-tournament-hero__button--primary,.yl-btn--red,.bg-btn--primary){background:var(--yf5-red)!important;color:#fff!important}
body.youfo-tone-v5 .yl-current-season{background:var(--yf5-blue)!important;color:#fff!important}
body.youfo-tone-v5 .yl-current-season :is(h2,h3,p,a,span,strong){color:inherit!important}
body.youfo-tone-v5 .yl-section--dark,
body.youfo-tone-v5 .yl-final-cta,
body.youfo-tone-v5 .bg-final-cta{background:var(--yf5-navy)!important;color:#fff!important}

/* Simple/legal pages */
body.youfo-tone-v5 .yf-simple-hero{
  background-color:var(--yf5-black)!important;
  border-bottom:8px solid var(--yf5-blue)!important;
}
body.youfo-tone-v5 .yf-simple-hero h1{color:#fff}
body.youfo-tone-v5 .yf-simple-content__inner{max-width:820px}
body.youfo-tone-v5 .yf-simple-content :is(input,textarea,select){border-color:var(--yf5-line);border-radius:8px}

/* Homepage v5 refinement */
body.youfo-tone-v5 .yfv4-home{--v4-red:var(--yf5-red);--v4-blue:var(--yf5-blue);--v4-navy:var(--yf5-navy);--v4-ink:var(--yf5-ink)}
body.youfo-tone-v5 .yfv4-hero{background:var(--yf5-black)}
body.youfo-tone-v5 .yfv4-hero__shade{background:linear-gradient(90deg,rgba(5,11,21,.72),rgba(5,11,21,.36) 48%,rgba(9,47,89,.28)),linear-gradient(0deg,rgba(5,11,21,.64),transparent 55%)}
body.youfo-tone-v5 .yfv4-hero:after{
  content:"";
  position:absolute;
  width:min(48vw,680px);
  aspect-ratio:1;
  right:-17%;
  bottom:-38%;
  border:4px solid var(--yf5-blue);
  border-radius:50%;
  opacity:.76;
  z-index:-1;
  pointer-events:none;
}
body.youfo-tone-v5 .yfv4-hero h1 span{color:#fff}
body.youfo-tone-v5 .yfv4-entry__grid a,
body.youfo-tone-v5 .yfv4-featured__visual,
body.youfo-tone-v5 .yfv4-route-grid a,
body.youfo-tone-v5 .yfv4-competition-grid a{border-radius:14px}
body.youfo-tone-v5 .yfv4-featured__visual{background:var(--yf5-black)}
body.youfo-tone-v5 .yfv4-about,
body.youfo-tone-v5 .yfv4-gear,
body.youfo-tone-v5 .yfv4-association{background:var(--yf5-black);color:#fff}
body.youfo-tone-v5 .yfv4-about__copy>p,
body.youfo-tone-v5 .yfv4-gear>div>p,
body.youfo-tone-v5 .yfv4-association>div>p{color:#cbd9e7}
body.youfo-tone-v5 .yfv4-about__copy .yfv4-lead{color:#fff}
body.youfo-tone-v5 .yfv4-about__copy ul,
body.youfo-tone-v5 .yfv4-association nav{border-color:rgba(255,255,255,.35)}
body.youfo-tone-v5 .yfv4-about__copy li,
body.youfo-tone-v5 .yfv4-association nav a{border-color:rgba(255,255,255,.25);color:#fff}
body.youfo-tone-v5 .yfv4-about figcaption{background:var(--yf5-blue);color:#fff}
body.youfo-tone-v5 .yfv4-about figcaption strong{color:#fff}
body.youfo-tone-v5 .yfv4-competition{background:var(--yf5-navy)}
body.youfo-tone-v5 .yfv4-competition-grid a:after{background:linear-gradient(0deg,rgba(3,11,24,.98) 4%,rgba(3,11,24,.8) 34%,rgba(3,11,24,.14) 72%)}
body.youfo-tone-v5 .yfv4-competition-grid h3{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.72)}
body.youfo-tone-v5 .yfv4-competition-grid p{color:#edf5ff!important;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.75)}
body.youfo-tone-v5 .yfv4-gear .yfv4-button--navy{background:var(--yf5-red);border-color:var(--yf5-red)}
body.youfo-tone-v5 .yfv4-gear .yfv4-button--line{border-color:#fff;color:#fff}
body.youfo-tone-v5 .yfv4-association{border-bottom:1px solid rgba(255,255,255,.16)}

@media(max-width:768px){
  body.youfo-tone-v5 #header.yf-site-header,
  html body.home.youfo-tone-v5.youfo-renewal-home #header.yf-site-header{height:66px;background:rgba(5,11,21,.97)!important;background-color:rgba(5,11,21,.97)!important;background-image:none!important}
  body.youfo-tone-v5 #header .yf-site-header__inner{width:calc(100% - 28px)}
  body.youfo-tone-v5 #header .yf-site-logo{width:68px!important;height:40px!important;padding:6px 9px!important}
  body.youfo-tone-v5 #header .yf-menu-toggle{color:#fff!important}
  body#body.youfo-tone-v5 #header #global_menu.yf-global-menu{inset:66px 0 0!important;height:calc(100dvh - 66px)!important;background:var(--yf5-black)!important}
  html body#body.youfo-tone-v5 #header #global_menu.yf-global-menu a{color:#fff!important}
  body.youfo-tone-v5 #header .yf-global-menu__list>li>a,
  body.youfo-tone-v5 #header .yf-global-menu__list .sub-menu a{color:#fff!important;border-color:rgba(255,255,255,.2)}
  body.youfo-tone-v5 :is(.about-hero,.rule-hero,.event-hero,.experience-hero,.club-hero,.activity-hero,.association-hero,.media-hero,.tournament-hero,.world-cup-hero,.asian-hero,.jc-hero,.yl-hero,.yls-hero,.single-event-hero,.bg-hero,.yf-simple-hero){min-height:560px!important}
  body.youfo-tone-v5 :is(.about-hero,.rule-hero,.event-hero,.experience-hero,.club-hero,.activity-hero,.association-hero,.media-hero,.tournament-hero,.world-cup-hero,.asian-hero,.jc-hero,.yl-hero,.yls-hero,.single-event-hero,.bg-hero):after{width:420px!important;height:420px!important;right:-270px!important;bottom:-180px!important}
  body.youfo-tone-v5 .yf-news-filter{padding-inline:18px;flex-wrap:nowrap;overflow-x:auto}
  body.youfo-tone-v5 .yf-news-index__hero:after,
  body.youfo-tone-v5 .yf-detail-hero:after{width:390px;right:-250px;bottom:-170px}
  body.youfo-tone-v5 .yfv4-hero:after{width:420px;right:-280px;bottom:-155px}
  body.youfo-tone-v5 .yfv4-hero__shade{background:linear-gradient(0deg,rgba(5,11,21,.96),rgba(5,11,21,.2) 72%)}
  body.youfo-tone-v5 .yfv4-entry__grid a,
  body.youfo-tone-v5 .yfv4-featured__visual,
  body.youfo-tone-v5 .yfv4-route-grid a,
  body.youfo-tone-v5 .yfv4-competition-grid a{border-radius:11px}
}

@media(prefers-reduced-motion:reduce){body.youfo-tone-v5 *{scroll-behavior:auto!important}}