/*
Theme Name: Yoyo Water
Description: Local child-theme candidate for Yoyo; requires the existing brand-stadium-v1 parent and catalogue plugin.
Template: brand-stadium-v1
Version: 0.1.0
Text Domain: yoyo-water
*/
:root{--mb-bg:#82d3d8;--mb-surface:#9bdee0;--mb-raised:#9bdee0;--mb-line:#4b7986;--mb-text:#233b55;--mb-muted:#344e61;--mb-accent:#5c2675;--mb-link:#3e316c;--mb-chrome:#141632;--mb-chrome-text:#fff;--mb-chrome-muted:#d6d7e2;--mb-button-text:#fff;color-scheme:light}
html{scroll-behavior:smooth}*,*::before,*::after{box-sizing:border-box}body.yoyo-water{margin:0;background:#82d3d8;color:#233b55;font-family:Arial,Helvetica,sans-serif;line-height:1.45}body.yoyo-water img{max-width:100%}body.yoyo-water a{color:#3e316c}body.yoyo-water a:hover{text-decoration-thickness:2px}body.yoyo-water :focus-visible{outline:3px solid #5c2675;outline-offset:3px}.yoyo-water h1,.yoyo-water h2,.yoyo-water h3{color:#12304d}.yoyo-water h1,.yoyo-water h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;line-height:1.04}.yoyo-water p{margin-top:0}.yoyo-water .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.yoyo-water .skip-link{position:absolute;z-index:30;top:-100px;left:8px;padding:12px;background:white;color:#162842}.yoyo-water .skip-link:focus{top:8px}.yoyo-water .shell{width:min(100% - 80px,1440px);margin-inline:auto}
.yoyo-water .site-header{background:#141632;color:#fff}.yoyo-water .header-shell{min-height:48px;width:min(100% - 80px,1440px);margin:auto;display:flex;align-items:center;gap:24px}.yoyo-water .brand{flex:0 0 auto}.yoyo-water .brand-logo{display:block;width:105px;height:auto;object-fit:contain}.yoyo-water .desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,24px);flex:1}.yoyo-water .desktop-nav a,.yoyo-water .mobile-nav a{color:#fff;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.yoyo-water .desktop-nav a:hover{text-decoration:underline}.yoyo-water .account-actions{display:flex;gap:8px;align-items:center}.yoyo-water .account-actions .button{padding:8px 13px;border:0;border-radius:3px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.yoyo-water .button-quiet{background:transparent;color:#fff}.yoyo-water .button-primary{background:#5c2675;color:#fff}.yoyo-water .mobile-nav{display:none;position:relative}.yoyo-water .mobile-nav summary{cursor:pointer;color:#fff;list-style:none;font-size:13px;font-weight:700}.yoyo-water .mobile-nav nav{position:absolute;right:0;top:100%;z-index:8;width:200px;background:#141632;padding:16px;display:grid;gap:12px}.yoyo-water .mobile-nav summary::-webkit-details-marker{display:none}
.water-hero{position:relative;height:clamp(330px,53vw,680px);overflow:hidden}.water-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 46%;display:block}.water-hero h1{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);margin:0;width:clamp(210px,30vw,430px);line-height:0}.water-hero svg{display:block;width:100%;height:auto}
.yoyo-games{padding:24px clamp(14px,2vw,32px) 22px}.yoyo-filters{display:flex;justify-content:center;gap:clamp(18px,5vw,70px);flex-wrap:wrap;margin:0 0 24px}.yoyo-filters button{background:none;border:0;border-bottom:2px solid transparent;padding:4px 0;color:#163754;font-family:Georgia,serif;font-size:clamp(15px,1.35vw,20px);font-weight:700;cursor:pointer}.yoyo-filters button[aria-pressed=true]{color:#5c2675;border-bottom-color:#5c2675}.yoyo-game-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:14px 8px}.yoyo-game-grid .yoyo-game{grid-column:span 4;min-width:0;display:block;color:#142b43;text-decoration:none}.yoyo-game-grid .yoyo-game:nth-child(n+6){grid-column:span 5}.yoyo-game[hidden]{display:none!important}.yoyo-game-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.42;background:#163b50;overflow:hidden}.yoyo-game-image img{width:100%;height:100%;object-fit:contain;display:block}.yoyo-game-name{display:block;margin:5px 2px 0;font-weight:700;font-size:clamp(12px,1.1vw,17px);line-height:1.25}.yoyo-source-note{font-size:11px;line-height:1.35;margin:18px 0 0;max-width:1000px;color:#344e61}.yoyo-source-note a{font-weight:700}
.sports-panorama{height:clamp(195px,28vw,370px);overflow:hidden}.sports-panorama img{width:100%;height:100%;object-fit:cover;display:block}.topic-columns{display:grid;grid-template-columns:1.05fr 1fr 1fr .95fr;gap:30px;padding:18px clamp(30px,4vw,60px) 26px}.topic-columns h2,.offer-feature h2,.editorial-copy h2{font-size:clamp(26px,3.4vw,48px);margin:0 0 8px}.topic-columns p,.offer-feature p,.editorial-copy p{font-size:clamp(14px,1.45vw,20px);line-height:1.3;margin:0 0 12px}.topic-columns a,.offer-feature a,.editorial-copy a,.care-band a,.article-entrances a,.practical-info a{font-weight:700;text-underline-offset:3px}.topic-columns a span,.offer-feature a span,.editorial-copy a span,.care-band a span{display:inline-block;margin-left:6px}
.offer-feature{display:grid;grid-template-columns:77% 23%;align-items:stretch}.offer-feature img{width:100%;height:clamp(190px,24vw,340px);object-fit:cover;display:block}.offer-feature>div{padding:clamp(18px,3vw,44px)}.editorial-row{display:grid;grid-template-columns:30.5% 21.5% 25% 23%;align-items:stretch}.editorial-image{height:clamp(180px,24vw,350px);overflow:hidden}.editorial-image img{display:block;width:100%;height:100%;object-fit:cover}.editorial-image.paper img{object-position:10% center}.editorial-image.lock img{object-position:95% center}.editorial-copy{padding:clamp(18px,3vw,44px)}
.article-entrances{padding:22px clamp(30px,5vw,70px);display:grid;grid-template-columns:1fr 3fr;gap:24px}.article-entrances h2{font-size:26px;margin:0 0 8px}.article-entrance-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.article-entrance-list h3{font-size:17px;line-height:1.2;margin:0 0 8px}.article-entrance-list p{font-size:14px;margin:0}.care-band{padding:40px clamp(30px,5vw,70px) 46px;background:#9cdee0}.care-band h2{font-size:clamp(35px,5.6vw,75px);margin:0 0 25px}.care-band nav{display:flex;gap:18px 38px;flex-wrap:wrap}.practical-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:30px clamp(30px,5vw,70px);border-top:1px solid #5d9da4}.practical-info h2{font-size:23px;margin:0 0 10px}.practical-info p,.practical-info summary{font-size:14px}.practical-info details{margin-bottom:10px}.practical-info summary{cursor:pointer;font-weight:700}
.yoyo-water .site-footer{background:#141632;color:#d6d7e2;padding:35px 0 16px;font-size:13px}.yoyo-water .site-footer a{color:#d6d7e2;text-decoration:none}.yoyo-water .site-footer a:hover{text-decoration:underline}.yoyo-water .footer-top{display:grid;grid-template-columns:1fr 1.8fr;gap:50px}.yoyo-water .footer-brand p{max-width:300px;margin:20px 0 0;line-height:1.6}.yoyo-water .footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.yoyo-water .footer-columns nav{display:flex;flex-direction:column;gap:5px}.yoyo-water .footer-columns h2{font:700 14px Arial,sans-serif;color:#fff;letter-spacing:0;margin:0 0 14px}.yoyo-water .footer-bottom{border-top:1px solid #555b75;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding-top:14px;font-size:11px}.yoyo-water .footer-bottom p{margin:0}.yoyo-water .footer-bottom nav{display:flex;gap:22px}.yoyo-water .footer-age{margin-right:8px}
.yoyo-water .account-dialog{border:0;border-radius:8px;max-width:min(92vw,440px);padding:32px;background:#fff;color:#233b55}.yoyo-water .account-dialog::backdrop{background:rgba(7,14,32,.72)}.yoyo-water .dialog-close{float:right;background:none;border:0;font-size:24px;cursor:pointer}.yoyo-water .dialog-logo{width:120px;height:auto}.yoyo-water .account-tabs{display:flex;gap:8px;margin:20px 0}.yoyo-water .account-tabs button{padding:8px 12px;cursor:pointer}.yoyo-water #account-form{display:grid;gap:8px}.yoyo-water #account-form input:not([type=checkbox]){width:100%;padding:10px}.yoyo-water #account-form .account-submit{padding:12px;border:0;cursor:pointer}.yoyo-water .age-check[hidden]{display:none}
.collection-water,.water-article-shell{padding-block:clamp(35px,6vw,80px)}.collection-water>header{max-width:850px}.collection-water h1,.water-article h1{font-size:clamp(40px,6vw,76px);margin:0 0 20px}.collection-water>header p,.water-deck{font-size:clamp(17px,2vw,23px);max-width:70ch}.article-kicker{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.1em;color:#5c2675}.collection-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:45px}.collection-list article{border-top:2px solid #436a77;padding-top:18px}.collection-list h2{font-size:clamp(25px,2.7vw,39px);margin:0 0 12px}.collection-list h2 a{color:#12304d}.collection-list p{font-size:16px}.collection-list a{font-weight:700}.water-breadcrumb{font-size:13px;margin-bottom:30px}.water-article{max-width:1050px;margin:auto}.water-article-header{max-width:930px;padding-bottom:30px}.water-content{max-width:76ch;font-size:18px;line-height:1.7}.water-content h2{font-size:clamp(27px,3vw,38px);margin:1.6em 0 .5em}.water-content p{margin:0 0 1.25em}.water-content figure{margin:2em 0}.water-content figure img{display:block;width:100%;height:auto}.water-content figcaption{font-size:13px;color:#344e61;margin-top:8px}.water-content .legacy-content-anchor{display:block;position:relative;top:-20px}.water-content .bgc-reference{border-top:2px solid #426d78;border-bottom:1px solid #426d78;margin-bottom:36px;padding:20px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.water-content .bgc-reference img{width:100%;height:auto;object-fit:contain}.water-content .bgc-reference h2{margin:0 0 12px}.return-articles{margin-top:40px;font-weight:700}
@media(max-width:1050px){.yoyo-water .header-shell{width:calc(100% - 32px);gap:14px}.yoyo-water .desktop-nav{gap:10px}.yoyo-water .desktop-nav a{font-size:11px}.yoyo-water .brand-logo{width:90px}}
@media(max-width:760px){.yoyo-water .desktop-nav{display:none}.yoyo-water .header-shell{min-height:58px}.yoyo-water .account-actions{margin-left:auto}.yoyo-water .mobile-nav{display:block}.yoyo-water .shell{width:calc(100% - 36px)}.water-hero{height:clamp(320px,85vw,480px)}.water-hero h1{width:clamp(190px,55vw,300px)}.yoyo-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.yoyo-game-grid .yoyo-game,.yoyo-game-grid .yoyo-game:nth-child(n+6){grid-column:auto}.yoyo-filters{gap:10px 22px;margin-bottom:20px}.yoyo-filters button{font-size:16px}.topic-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding:25px 20px}.sports-panorama{height:220px}.offer-feature{grid-template-columns:1fr}.offer-feature img{height:220px}.offer-feature>div{padding:24px 20px 30px}.editorial-row{grid-template-columns:1fr 1fr}.editorial-image{height:210px}.editorial-copy{padding:24px 20px}.article-entrances{grid-template-columns:1fr;padding:32px 20px}.article-entrance-list{grid-template-columns:1fr;gap:20px}.care-band{padding:36px 20px}.practical-info{grid-template-columns:1fr;padding:30px 20px}.yoyo-water .footer-top{grid-template-columns:1fr;gap:28px}.yoyo-water .footer-columns{grid-template-columns:repeat(2,1fr)}.yoyo-water .footer-bottom{align-items:flex-start;flex-direction:column}.collection-list{grid-template-columns:1fr}.water-content{font-size:17px}.water-content .bgc-reference{grid-template-columns:1fr}}
@media(max-width:390px){.yoyo-water .account-actions .button{padding:8px}.yoyo-water .brand-logo{width:80px}.editorial-row{grid-template-columns:1fr 1fr}.editorial-image{height:180px}.editorial-copy{padding:18px 14px}.editorial-copy h2{font-size:25px}.editorial-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Actual WP comparison: keep the reference header, game ribbons and compact footer. */
.yoyo-water .desktop-nav a{min-height:48px}
.yoyo-water .desktop-nav a[aria-current=page]:after{display:none}
.yoyo-water .account-actions .button{min-height:32px}
.yoyo-water .topic-columns h2{font-size:clamp(23px,3.1vw,44px)}
.yoyo-water .editorial-image img{transform:scale(1.25)}
.yoyo-water .editorial-image.paper img{transform-origin:left center}
.yoyo-water .editorial-image.lock img{transform-origin:right center}
.yoyo-water .site-footer{margin-top:0;padding:28px 0 16px;font-size:12px}
.yoyo-water .footer-top{padding:0}
.yoyo-water .footer-brand p,.yoyo-water .footer-columns a{font-size:12px;line-height:1.55;padding:0}
.yoyo-water .footer-bottom{padding:14px 0 0}
.yoyo-water .footer-age{color:#fff}
@media(min-width:761px){.water-hero h1{width:clamp(230px,36vw,470px)}.yoyo-game:nth-child(n+6) .yoyo-game-image{aspect-ratio:1.77}}