/* Pied de page de karateids.com, concept « Carte d'accès » (octobre 2026) */
.pied{background:#0a0a0a;border-top:1px solid #262626;margin-top:5rem;color:#9C968D;font-size:15px;line-height:1.6}
.pied a{color:#EDEAE4;text-decoration:none}
.pied a:hover{color:#fff}
.pied a:focus-visible{outline:2px solid #FF625A;outline-offset:3px;border-radius:4px}
.pied .pied-ico{flex:none;color:#FF625A;margin-top:3px}
.pied .pied-ext{flex:none;opacity:.7}
.pied h3{font-family:var(--font-display);font-size:1.05rem;letter-spacing:2.5px;text-transform:uppercase;color:#fff;margin:0 0 .9rem;font-weight:400;line-height:1.2}
.pied:lang(zh) h3{letter-spacing:1px}
.pied ul{list-style:none;margin:0;padding:0}
.pied li{margin:0 0 .55rem}
.pied li a{color:#C9C4BC;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .2s,border-color .2s}
.pied li a:hover{color:#fff;border-bottom-color:#E10600}
.pied .pied-in{max-width:1280px;margin:0 auto;padding:3rem 1.4rem 2.6rem;display:grid;grid-template-columns:7fr 5fr;gap:3rem;align-items:start}
.pied .pied-id{display:flex;gap:1rem;align-items:flex-start}
.pied .pied-logo{width:64px;height:64px;flex:none}
.pied .pied-titre{font-family:var(--font-display);color:#fff;font-size:1.35rem;letter-spacing:2.5px;line-height:1.05;margin:0 0 .35rem;font-weight:400}
.pied .pied-slogan{margin:0;font-size:.95rem}
.pied .pied-wko{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;margin-top:.8rem;font-size:.8rem;letter-spacing:.3px;color:#9C968D}
.pied .pied-wko img{height:26px;width:auto;background:#fff;padding:3px 7px;border-radius:5px;display:block}
.pied .pied-rapide{display:none}
.pied .pied-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin:2.2rem 0 2rem}
.pied .pied-pill{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:0 1rem;border-radius:999px;border:1px solid #3B3B3B;background:#151515;color:#EDEAE4;font-weight:600;font-size:.9rem;transition:border-color .2s,background .2s}
.pied .pied-pill:hover{border-color:#6a6a6a;background:#1e1e1e}
.pied .pied-pill .pied-ico{margin-top:0}
.pied .pied-social{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.pied .pied-social h3{flex-basis:100%}
.pied .pied-carte{background:#121212;border:1px solid #2a2a2a;border-radius:20px;padding:1.5rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.pied .pied-plan{margin:0 0 1.2rem}
.pied .pied-plan a{display:block;border-radius:12px;overflow:hidden;border:1px solid #2a2a2a;line-height:0;background:#1a1a1a}
.pied .pied-plan img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block}
.pied .pied-plan figcaption{margin-top:.6rem;font-size:.82rem;line-height:1.5}
.pied .pied-contact{font-style:normal}
.pied .pied-contact p{display:flex;gap:.65rem;align-items:flex-start;margin:0 0 .6rem}
.pied .pied-parking span{color:#EDEAE4;font-weight:600;letter-spacing:.3px}
.pied .pied-itin{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}
.pied .pied-bas{border-top:1px solid #222;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;padding:1.1rem 1.4rem;max-width:1280px;margin:0 auto;font-size:.8rem}
.pied .pied-bas p{margin:0}
.pied .pied-langs a{color:#9C968D;margin:0 .25rem}
.pied .pied-langs a:hover{color:#fff}
@media (max-width:900px){.pied .pied-in{grid-template-columns:1fr;gap:2rem}}
@media (min-width:641px) and (max-width:900px){
 .pied .pied-carte{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr;gap:0 1.6rem;align-items:start}
 .pied .pied-carte h3{grid-column:1/-1}
 .pied .pied-plan{grid-column:1;grid-row:2/5;margin:0}
 .pied .pied-contact{grid-column:2;grid-row:2}
 .pied .pied-itin{grid-column:2;grid-row:3}
}
@media (max-width:640px){
 .pied .pied-in{padding-top:2rem}
 .pied .pied-rapide{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.4rem 0 0}
 .pied .pied-rapide a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35rem;padding:.8rem .4rem;border-radius:14px;background:#151515;border:1px solid #2f2f2f;font-size:.8rem;font-weight:600;line-height:1.25;color:#EDEAE4}
 .pied .pied-rapide a .pied-ico{margin-top:0}
 .pied .pied-rapide a.pied-r1{background:#E10600;border-color:#E10600;color:#fff}
 .pied .pied-rapide a.pied-r1 .pied-ico{color:#fff}
 .pied .pied-cols{grid-template-columns:1fr 1fr;gap:1.5rem 1.2rem}
 .pied .pied-cols .pied-groupe:last-child{grid-column:1/-1}
 .pied .pied-bas{flex-direction:column;align-items:center;text-align:center}
}