/* Radio Kętrzyn — zaproszenia do instalacji aplikacji (21.34.159). Wszystko ukryte do czasu, aż pwa.js potwierdzi, że da się zainstalować. */
.rkpwa[hidden],.rkpwa__compact[hidden],.rkpwa__footerLink[hidden],.rkpwa__hint[hidden]{display:none!important}

/* karta na stronie głównej */
.rkpwa--card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 20px;margin:18px 0;padding:16px 22px;border-radius:14px;background:linear-gradient(120deg,#052935 0%,#0a3a4c 100%);color:#fff;box-shadow:0 6px 18px rgba(5,41,53,.16)}
.rkpwa__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid #e0ac1f;color:#e0ac1f}
.rkpwa__icon--logo{width:56px;height:56px;border:0;border-radius:14px;overflow:hidden;box-shadow:0 0 0 2px rgba(224,172,31,.85)}
.rkpwa__icon--logo img{display:block;width:100%;height:100%;object-fit:cover}
.rkpwa__copy{display:grid;gap:3px;min-width:0}
.rkpwa__copy small{color:#e0ac1f;font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.rkpwa__copy strong{color:#fff;font:800 19px/1.2 Inter,system-ui,sans-serif}
.rkpwa__copy span{color:rgba(255,255,255,.82);font:400 14.5px/1.45 Inter,system-ui,sans-serif}
.rkpwa__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 14px}
.rkpwa__btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 22px;border:0;border-radius:999px;background:#e0ac1f;color:#052935;font:700 15px/1.1 Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:filter .15s,transform .15s}
.rkpwa__btn:hover{filter:brightness(1.07)}.rkpwa__btn:active{transform:translateY(1px)}
.rkpwa__btn svg{flex:0 0 auto}
.rkpwa__alt{color:#fff;font:600 14px/1.2 Inter,system-ui,sans-serif;text-decoration:underline;text-decoration-color:rgba(224,172,31,.8);text-underline-offset:4px}
.rkpwa__alt:hover{color:#e0ac1f}
.rkpwa__x{padding:6px 4px;border:0;background:none;color:rgba(255,255,255,.7);font:500 13px/1 Inter,system-ui,sans-serif;cursor:pointer}
.rkpwa__x:hover{color:#fff;text-decoration:underline}
.rkpwa__hint{grid-column:1/-1;margin:0;color:#e0ac1f;font:600 13.5px/1.4 Inter,system-ui,sans-serif}

/* przycisk w menu i stopce: dziedziczy kolor tekstu, złota ikona */
.rkpwa__menu{margin:16px 0 4px;padding:0 4px}
.rkpwa__compact{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:11px 16px;border:1px solid currentColor;border-radius:12px;background:transparent;color:inherit;font:700 14.5px/1.2 Inter,system-ui,sans-serif;cursor:pointer;opacity:.95}
.rkpwa__compact svg{width:22px;height:22px;color:#e0ac1f}
.rkpwa__compact:hover{opacity:1;background:rgba(224,172,31,.12)}
.rkpwa__footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:14px 0 0}
.rkpwa__footer .rkpwa__compact{width:auto;min-height:42px;padding:9px 18px}
.rkpwa__footerLink{color:inherit;font:600 14px/1.2 Inter,system-ui,sans-serif;text-decoration:underline;text-decoration-color:rgba(224,172,31,.8);text-underline-offset:4px}

/* przycisk na stronie playera */
.rkpwa--player{display:grid;justify-items:center;gap:8px;margin:18px auto 4px;max-width:420px}
.rkpwa--player .rkpwa__btn{width:100%;min-height:52px;font-size:16px}
.rkpwa--player .rkpwa__hint{text-align:center}
.rkpwa.is-pulse .rkpwa__btn,.rkpwa--card.is-pulse{animation:rkpwaPulse 1.6s ease-in-out 3}
@keyframes rkpwaPulse{0%,100%{box-shadow:0 0 0 0 rgba(224,172,31,.0)}50%{box-shadow:0 0 0 8px rgba(224,172,31,.35)}}

/* instrukcja (gdy przeglądarka nie ma natywnego okna instalacji) */
.rkpwa__sheet{position:fixed;inset:0;z-index:100000;display:grid;align-items:end;justify-items:center}
.rkpwa__sheetBack{position:absolute;inset:0;background:rgba(3,29,41,.62)}
.rkpwa__sheetBox{position:relative;display:grid;gap:14px;width:min(520px,100%);padding:22px 22px calc(22px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;background:#fff;color:#12303a;box-shadow:0 -10px 40px rgba(0,0,0,.3)}
.rkpwa__sheetBox strong{font:800 20px/1.2 Inter,system-ui,sans-serif}
.rkpwa__sheetBox ol{margin:0;padding-left:22px;display:grid;gap:10px;font:400 16px/1.45 Inter,system-ui,sans-serif}
.rkpwa__sheetBox .rkpwa__btn{width:100%}
@media (min-width:700px){.rkpwa__sheet{align-items:center}.rkpwa__sheetBox{border-radius:18px}}

/* zainstalowana aplikacja: żadnych zaproszeń */
@media (display-mode: standalone),(display-mode: minimal-ui),(display-mode: fullscreen){.rkpwa,.rkpwa__menu,.rkpwa__footer,.rkpwa__compact,.rkpwa__sheet{display:none!important}}
html.rkpwa-standalone .rkpwa,html.rkpwa-standalone .rkpwa__menu,html.rkpwa-standalone .rkpwa__footer{display:none!important}

@media (max-width:760px){
  .rkpwa--card{grid-template-columns:auto minmax(0,1fr);padding:16px 16px 14px;gap:12px 14px}
  .rkpwa__icon{width:44px;height:44px}
  .rkpwa__copy strong{font-size:17px}
  .rkpwa__actions{grid-column:1/-1;justify-content:stretch}
  .rkpwa__actions .rkpwa__btn{flex:1 1 100%}
  .rkpwa__alt,.rkpwa__x{flex:1 1 auto;text-align:center;padding:10px 6px}
}
@media (prefers-reduced-motion:reduce){.rkpwa.is-pulse .rkpwa__btn,.rkpwa--card.is-pulse{animation:none}}

/* zainstalowany player: przycisk „×” (zamknięcie karty) nie ma sensu w oknie aplikacji */
@media (display-mode: standalone),(display-mode: minimal-ui),(display-mode: fullscreen){.rk-standaloneClose{display:none!important}}