/*
Theme Name: Club d'échecs de La Penne-sur-Huveaune
Description: Thème très lisible (grands textes, forts contrastes), adapté PC, tablette et mobile.
Version: 1.1
Text Domain: cepenne
*/
:root{--ink:#1a1f1c;--navy:#14305f;--navy-d:#0d2142;--pale:#eaeef6;--gold:#d9a21b}
*{box-sizing:border-box}
html{font-size:125%}
body{margin:0;color:var(--ink);background:#fff;font-family:Verdana,Tahoma,"DejaVu Sans",sans-serif;line-height:1.7}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.25;color:var(--navy-d)}
h1{font-size:2rem;margin:1.5rem 0 1rem}h2{font-size:1.6rem;margin:2.2rem 0 .8rem}h3{font-size:1.25rem;margin:1.6rem 0 .5rem}
p{margin:0 0 1rem}
a{color:var(--navy-d);text-decoration:underline;text-underline-offset:3px}
a:focus-visible{outline:4px solid var(--gold);outline-offset:3px}
.wrap{max-width:46rem;margin:0 auto;padding:0 1.2rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.6rem 1rem;z-index:9}
.strip{height:2.4rem;background:repeating-conic-gradient(var(--navy) 0 25%,#dcc17a 0 50%) 0 0/4.8rem 4.8rem}
.site-header{background:var(--pale);border-bottom:4px solid var(--navy)}
.site-name{display:flex;align-items:center;gap:1rem;padding:1rem 0 .2rem;font:700 1.45rem/1.3 Georgia,serif;color:var(--navy-d);text-decoration:none}
.site-name img{width:5rem;height:5rem;flex:none}
.nav ul{display:flex;flex-wrap:wrap;gap:.7rem;list-style:none;margin:.6rem 0 1.2rem;padding:0}
.nav a{display:block;min-height:3.2rem;padding:.75rem 1.4rem;background:var(--navy);color:#fff;font-weight:700;font-size:1.05rem;text-decoration:none;border-radius:.5rem;border:3px solid var(--navy)}
.nav .current-menu-item a{background:#fff;color:var(--navy-d)}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 1rem}
.wp-block-button__link{display:block;padding:.8rem 1.4rem;background:var(--navy);color:#fff;font-weight:700;text-decoration:none;border-radius:.5rem;border:3px solid var(--navy)}
.wp-block-button__link:hover{background:var(--navy-d)}
.site-footer{margin-top:3rem;padding:1.6rem 0;background:var(--navy-d);color:#fff;font-size:.9rem}
.site-footer a{color:#fff}
img{max-width:100%;height:auto}
@media(max-width:600px){html{font-size:112.5%}.nav li,.wp-block-button{flex:1 1 100%}.wp-block-button__link,.nav a{text-align:center}}
/* Bandeau des partenaires */
.partenaires{margin-top:3rem}
.pause{font:700 1rem Verdana,sans-serif;min-height:3rem;padding:.6rem 1.2rem;background:#fff;color:var(--navy-d);border:3px solid var(--navy);border-radius:.5rem;cursor:pointer}
.bandeau{overflow:hidden;margin-top:1rem;padding:1.2rem 0;background:var(--pale);border-block:4px solid var(--navy)}
.piste{display:flex;width:max-content;margin:0;padding:0;list-style:none;animation:defile 50s linear infinite}
.piste li{flex:none;display:flex;align-items:center;justify-content:center;width:12rem;height:6rem;margin-right:1.5rem;padding:.6rem;background:#fff;border:2px solid #c3cde3;border-radius:.5rem;text-align:center;font-size:.85rem;font-weight:700;line-height:1.3;color:var(--navy-d)}
.piste img{max-width:100%;max-height:4.6rem;width:auto;height:auto;object-fit:contain}
.bandeau:hover .piste,.bandeau.en-pause .piste{animation-play-state:paused}
@keyframes defile{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.piste{animation:none;width:auto;flex-wrap:wrap;justify-content:center;padding:0 1rem}.piste li[aria-hidden]{display:none}.pause{display:none}}