/* MC PWA – estil dels avisos d'instal·lació (marca Massa Crítica) */
:root{--mc-pwa-red:#b01516;--mc-pwa-red-dark:#8f1011}

/* Botó (barra, flotant, shortcode i diàleg) */
.mc-pwa-install-button{border:0;border-radius:3px;padding:11px 16px;background:var(--mc-pwa-red);color:#fff;font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mc-pwa-install-button:hover,.mc-pwa-install-button:focus-visible{background:var(--mc-pwa-red-dark);color:#fff}
.mc-pwa-install-button:focus-visible{outline:3px solid #222;outline-offset:2px}
.mc-pwa-install-button[hidden]{display:none!important}

/* Botó flotant (mode alternatiu) */
.mc-pwa-floating-wrap{position:fixed;z-index:99990;right:16px;bottom:18px}
.mc-pwa-floating-wrap .mc-pwa-install-button{box-shadow:0 2px 12px rgba(0,0,0,.25)}

/* Barra inferior discreta (només mòbil) */
.mc-pwa-bar{position:fixed;z-index:99990;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;box-sizing:border-box;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;color:#222;border-top:3px solid var(--mc-pwa-red);box-shadow:0 -4px 18px rgba(0,0,0,.14);animation:mc-pwa-slide .3s ease-out}
.mc-pwa-bar[hidden]{display:none!important}
.mc-pwa-bar__icon{flex:none;width:44px;height:44px;border-radius:8px}
.mc-pwa-bar__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-family:'Libre Baskerville',Georgia,serif}
.mc-pwa-bar__text strong{font-size:14px;line-height:1.25}
.mc-pwa-bar__text span{font-size:12px;line-height:1.3;color:#666}
.mc-pwa-bar .mc-pwa-install-button{flex:none}
.mc-pwa-bar__close{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#666;font-size:24px;line-height:1;cursor:pointer}
.mc-pwa-bar__close:hover,.mc-pwa-bar__close:focus-visible{background:#eee;color:#222}
@keyframes mc-pwa-slide{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* Evita que el botó «tornar dalt» del tema quede tapat per la barra */
.mc-pwa-bar-open .td-scroll-up{bottom:82px!important}

/* Diàleg d'ajuda (iOS, navegadors integrats, altres) */
.mc-pwa-dialog{position:fixed;z-index:100000;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.55)}
.mc-pwa-dialog[hidden]{display:none!important}
.mc-pwa-dialog__box{box-sizing:border-box;max-width:420px;width:100%;padding:24px 22px 20px;background:#fff;color:#222;border-top:4px solid var(--mc-pwa-red);border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.35);font-family:'Libre Baskerville',Georgia,serif;outline:0}
.mc-pwa-dialog__box h2{margin:0 0 12px;font-size:19px;line-height:1.25}
.mc-pwa-dialog__body{margin:0 0 18px;font-size:15px;line-height:1.6;color:#444}
.mc-pwa-dialog__body p{margin:0}
.mc-pwa-dialog__body ol{margin:0;padding-left:20px}
.mc-pwa-dialog__body li{margin:0 0 8px}

@media (prefers-reduced-motion:reduce){.mc-pwa-bar{animation:none}}
@media (max-width:600px){.mc-pwa-floating-wrap{right:12px;bottom:12px}.mc-pwa-floating-wrap .mc-pwa-install-button{padding:10px 12px;font-size:13px}}
@media print{.mc-pwa-bar,.mc-pwa-floating-wrap,.mc-pwa-dialog{display:none!important}}