/* Yellow Ball Invitational — base styles. Most layout lives inline in index.html. */
html,body{margin:0;background:#FBF6E9;color:#002048;font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
a{color:#002048;text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:#023D74}
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}

/* Registration state: set data-reg on <body> to soon | open | full (script.js does this from CONFIG) */
[data-state]{display:none}
body[data-reg="soon"] [data-state="soon"],
body[data-reg="open"] [data-state="open"],
body[data-reg="full"] [data-state="full"]{display:contents}

/* Images */
.img-cover{width:100%;height:100%;object-fit:cover;display:block}
.img-contain{width:100%;height:100%;object-fit:contain;display:block}
.img-placeholder{width:100%;height:100%;display:grid;place-items:center;text-align:center;background:#EFE6CC;color:#3A4B66;font-weight:700;font-size:15px;padding:12px;box-sizing:border-box}
.img-placeholder small{font-weight:500;font-size:12px}

/* Marquee */
@keyframes ybiMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-track{display:flex;width:max-content;animation:ybiMarquee 40s linear infinite}
.marquee-row{display:flex;align-items:center;gap:28px;padding-right:28px}
.mq-item{font-family:'Bowlby One';font-size:22px;white-space:nowrap}
.mq-dot{width:14px;height:14px;border-radius:50%;flex:none}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}

/* Hover states */
.hv1:hover{color:#F6C200 !important}
.hv2:hover{color:#F6C200 !important}
.hv3:hover{color:#F6C200 !important}
.hv4:hover{color:#F6C200 !important}
.hv5:hover{color:#F6C200 !important}
.hv6:hover{color:#F6C200 !important}
.hv7:hover{background:#F5EEDB !important}
.hv8:hover{transform:translate(-2px,-2px) !important;box-shadow:7px 7px 0 #F5EEDB !important}
.hv9:hover{transform:translate(-2px,-2px) !important;box-shadow:7px 7px 0 #002048 !important}
.hv10:hover{background:#023D74 !important}
