/* Foot-Occitanie 6.0.0 — installation PWA */
.fo-pwa-install{position:fixed;z-index:10020;left:50%;bottom:18px;transform:translateX(-50%);width:min(620px,calc(100% - 28px));display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:14px 15px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#15171b;color:#fff;box-shadow:0 22px 70px rgba(0,0,0,.35)}
.fo-pwa-install[hidden]{display:none}.fo-pwa-install__icon{width:48px;height:48px;border-radius:13px}.fo-pwa-install strong,.fo-pwa-install small{display:block}.fo-pwa-install small{margin-top:3px;color:#cbd0d6}.fo-pwa-install__action{border:0;border-radius:11px;padding:11px 14px;background:#d71920;color:#fff;font:inherit;font-weight:900;cursor:pointer}.fo-pwa-install__close{border:0;background:transparent;color:#fff;font-size:1.45rem;cursor:pointer;padding:8px}.fo-pwa-toast{position:fixed;z-index:10030;right:18px;bottom:18px;max-width:380px;padding:14px 17px;border-radius:14px;background:#15171b;color:#fff;box-shadow:0 18px 55px rgba(0,0,0,.28)}
.fo-pwa-ios-help{position:fixed;z-index:10025;inset:0;display:grid;place-items:center;padding:20px}.fo-pwa-ios-help[hidden]{display:none}.fo-pwa-ios-help:before{content:"";position:absolute;inset:0;background:rgba(7,9,12,.76);backdrop-filter:blur(4px)}.fo-pwa-ios-help__card{position:relative;width:min(460px,100%);padding:28px;border-radius:22px;background:#fff;color:#20242a;box-shadow:0 30px 90px rgba(0,0,0,.38)}.fo-pwa-ios-help__card h2{margin-top:0}.fo-pwa-ios-help__card ol{padding-left:22px;line-height:1.7}.fo-pwa-ios-help__close{position:absolute;right:13px;top:10px;border:0;background:none;font-size:1.5rem;cursor:pointer}
@media(max-width:620px){.fo-pwa-install{grid-template-columns:42px minmax(0,1fr) auto;padding:12px;bottom:10px}.fo-pwa-install__icon{width:42px;height:42px}.fo-pwa-install__close{grid-column:3;grid-row:1}.fo-pwa-install__action{grid-column:1/-1;width:100%}}
@media(display-mode:standalone){.fo-pwa-install{display:none!important}body{overscroll-behavior-y:none}}

/* Foot-Occitanie 6.0.1 — état réseau et mise à jour */
.fo-pwa-update,.fo-pwa-offline{position:fixed;z-index:10035;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 28px));border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.28)}
.fo-pwa-update[hidden],.fo-pwa-offline[hidden]{display:none}
.fo-pwa-update{bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#15171b;color:#fff}
.fo-pwa-update button{border:0;border-radius:11px;padding:10px 14px;background:#d71920;color:#fff;font:inherit;font-weight:900;cursor:pointer}
.fo-pwa-update button:disabled{opacity:.65;cursor:wait}
.fo-pwa-offline{top:10px;padding:10px 14px;text-align:center;background:#fff3cd;color:#664d03;border:1px solid #ffecb5;font-weight:800}
.fo-is-offline .fo-live-status,.fo-is-offline [data-live-connection]{opacity:.65}
@media(max-width:620px){.fo-pwa-update{bottom:10px;align-items:flex-start;flex-direction:column}.fo-pwa-update button{width:100%}.fo-pwa-offline{top:6px;width:calc(100% - 16px)}}

/* Foot-Occitanie 6.0.2 — expérience application */
:root{--fo-pwa-nav-height:72px}
.fo-pwa-bottom-nav{display:none}
.fo-pwa-splash{display:none}

@media (max-width: 820px){
  .fo-pwa-standalone body{padding-bottom:calc(var(--fo-pwa-nav-height) + env(safe-area-inset-bottom,0px))}
  .fo-pwa-standalone .footer{padding-bottom:18px}
  .fo-pwa-standalone .fo-pwa-bottom-nav{
    position:fixed;z-index:10010;left:0;right:0;bottom:0;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    min-height:var(--fo-pwa-nav-height);padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));
    border-top:1px solid rgba(17,17,17,.12);background:rgba(255,255,255,.96);
    box-shadow:0 -12px 35px rgba(0,0,0,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .fo-pwa-bottom-nav a{position:relative;display:flex;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:13px;color:#62676f;text-decoration:none;font-size:.68rem;font-weight:800;line-height:1}
  .fo-pwa-bottom-nav a svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .fo-pwa-bottom-nav a.is-active{color:#d71920;background:rgba(215,25,32,.08)}
  .fo-pwa-bottom-nav__live-icon{display:grid;width:25px;height:25px;place-items:center;border:2px solid currentColor;border-radius:50%}
  .fo-pwa-bottom-nav__live-icon span{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(215,25,32,.12)}
  .fo-pwa-bottom-nav__live.is-active .fo-pwa-bottom-nav__live-icon span{animation:foPwaLivePulse 1.6s ease-in-out infinite}
  .fo-pwa-update{bottom:calc(var(--fo-pwa-nav-height) + 12px + env(safe-area-inset-bottom,0px))}
  .fo-pwa-install{bottom:calc(var(--fo-pwa-nav-height) + 12px + env(safe-area-inset-bottom,0px))}
}

.fo-pwa-standalone .site-header{padding-top:env(safe-area-inset-top,0px)}
.fo-pwa-standalone .content-page,.fo-pwa-standalone main{min-width:0}
.fo-pwa-standalone img,.fo-pwa-standalone video,.fo-pwa-standalone iframe{max-width:100%}

.fo-pwa-splash.is-visible{position:fixed;z-index:12000;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#111;color:#fff;opacity:1;transition:opacity .22s ease}
.fo-pwa-splash.is-leaving{opacity:0;pointer-events:none}
.fo-pwa-splash img{width:88px;height:88px;border-radius:24px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.fo-pwa-splash strong{font-size:1.35rem;letter-spacing:-.03em}
.fo-pwa-splash small{color:#c7cbd0;font-weight:700}

@keyframes foPwaLivePulse{50%{transform:scale(.72);opacity:.62}}
@media (prefers-reduced-motion:reduce){.fo-pwa-bottom-nav__live.is-active .fo-pwa-bottom-nav__live-icon span{animation:none}.fo-pwa-splash.is-visible{transition:none}}

/* Foot-Occitanie 6.0.3 — finitions natives stables */
@media (max-width:820px){
  .fo-pwa-standalone .fo-pwa-bottom-nav{transition:transform .16s ease,opacity .16s ease;will-change:transform}
  .fo-pwa-standalone .fo-pwa-bottom-nav.is-hidden{transform:translateY(calc(100% + env(safe-area-inset-bottom,0px)));opacity:.2;pointer-events:none}
}
.fo-pwa-standalone body{background:#f7f8fa}
.fo-pwa-standalone main{animation:foPwaPageIn .16s ease both}
.fo-image-progressive{opacity:.4;transition:opacity .2s ease}
.fo-image-progressive.fo-image-ready{opacity:1}
@keyframes foPwaPageIn{from{opacity:.78;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.fo-pwa-standalone main,.fo-pwa-standalone .fo-pwa-bottom-nav,.fo-image-progressive{animation:none!important;transition:none!important}}