/* Shared French tricolour direction from the McKEAL online store. */
body{background:#fff;color:#102452}
header{background:#fffffff5;border-bottom:3px solid #002395}
.hero{background:linear-gradient(130deg,#071b53,#002395);color:#fff;padding-bottom:65px}
.hero h1{font-weight:700}.hero .button{border-color:#fff;color:#fff}.hero .button.dark{background:#ce2434;border-color:#ce2434}
.button{border-color:#002395;color:#002395}.button.dark{background:#002395;color:#fff}
.motto{background:#ce2434;color:#fff;border-top:4px solid #fff;border-bottom:0}
.equipment,.contact{background:#f0f4fc}.court{background:#fff;border-bottom:4px solid #ce2434}
.steps span{color:#002395}.products article .product-image{background:#e8eef8;border-top:4px solid #002395}
.products article:nth-child(3n+2) .product-image{border-color:#fff}.products article:nth-child(3n) .product-image{border-color:#ce2434}
.community{background:linear-gradient(120deg,#071b53,#002395);color:#fff}
footer{background:linear-gradient(120deg,#071b53,#002395);border-top:6px solid #ce2434;color:#fff}
footer>img{background:#fff;padding:8px;border-radius:3px}
:focus-visible{outline-color:#ce2434}
.founder-story{position:relative;isolation:isolate;overflow:hidden;background:#fff;border-bottom:5px solid #ce2434}
.founder-watermark{position:absolute;top:100px;right:0;width:100%;height:auto;max-height:100%;object-fit:contain;opacity:.10;z-index:-1;pointer-events:none}
.founder-content{max-width:1200px;margin:auto}
.founder-chapters{display:grid;grid-template-columns:1fr 1fr;gap:45px 7%}
.founder-chapter h3{font-size:clamp(24px,2.4vw,34px);font-weight:600;color:#002395}
.founder-chapter p{line-height:1.8;max-width:72ch}
.founder-chapter{border-top:1px solid #00239530;padding-top:22px}
.founder-chapter.chapter-1{grid-column:1/-1;border:0;padding-top:0;max-width:850px}
.founder-chapter h2{font-weight:650;max-width:850px}
.founder-story .eyebrow{color:#b61e2e}
@media(max-width:760px){.founder-chapters{grid-template-columns:1fr;gap:24px}.founder-watermark{top:160px;width:150%;max-width:none;right:-25%;opacity:.08}.hero{padding-bottom:35px}}
header{background:#fff}.news-banner{background:#071b53}.news-copy span:before{color:#fff}

.hero .actions .button{gap:10px;padding-inline:16px}

.hero-secondary-actions{display:flex;gap:12px;flex-wrap:wrap;max-width:100%}

/* French tricolour homepage actions */
.hero .actions .button.dark{background:#002395;border-color:#fff;color:#fff}
.hero .actions [data-destination="booking"]{background:#fff;border-color:#fff;color:#000}
.hero .actions [data-destination="shop"]{background:#ce2434;border-color:#ce2434;color:#fff}

/* Compact French homepage actions, kept in a single row. */
html[lang="fr"] .hero .actions{flex-wrap:nowrap;gap:6px}
html[lang="fr"] .hero-secondary-actions{display:contents}
html[lang="fr"] .hero .actions .button{font-size:12px;padding:11px 9px;gap:5px;min-height:44px;white-space:nowrap}
@media(max-width:1100px){html[lang="fr"] .hero .actions{gap:4px}html[lang="fr"] .hero .actions .button{font-size:10px;padding-inline:6px;gap:3px}}
@media(max-width:600px){html[lang="fr"] .hero .actions{gap:3px}html[lang="fr"] .hero .actions .button{padding-inline:3px;gap:2px}}

/* Play menu: court bookings and the McKEAL arcade. */
.play-menu{position:relative}.play-menu summary{cursor:pointer;list-style:none;padding:10px 0;white-space:nowrap}.play-menu summary::-webkit-details-marker{display:none}.play-menu>div{position:absolute;top:100%;left:0;min-width:210px;padding:10px;background:#fff;color:#071b53;border:1px solid #d5dbea;border-radius:5px;box-shadow:0 10px 25px #071b5320;z-index:20}.play-menu>div a{display:block;padding:10px 12px;border-radius:3px;white-space:nowrap}.play-menu>div a:hover{background:#edf1fc;text-decoration:none}.play-menu summary:focus-visible{outline:3px solid #ce2434;outline-offset:3px}

/* Dedicated arcade link: a gentle blink, with a steady accessible fallback. */
nav .game-menu-link{color:#002395;font-weight:800;white-space:nowrap;animation:arcade-menu-blink 2.4s steps(1,end) infinite}
@keyframes arcade-menu-blink{0%,100%{color:#002395;text-shadow:none}33.333%{color:#fff;text-shadow:-1px 0 #002395,1px 0 #002395,0 -1px #002395,0 1px #002395}66.666%{color:#ce2434;text-shadow:none}}
nav .game-menu-link:hover,nav .game-menu-link:focus-visible{animation:none;opacity:1;color:#002395;text-shadow:none}
@media(prefers-reduced-motion:reduce){nav .game-menu-link{animation:none}}

nav .game-menu-link{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.35}
nav .game-menu-link span{display:block}

nav .care-menu-link{display:inline-flex;flex-direction:column;align-items:center;text-align:center;line-height:1.35;white-space:nowrap}header nav{flex-wrap:wrap}