/* BWTV PWA — Install UX styles */

.bwtv-pwa-install{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translate(-50%,140%);
  z-index:2147483600;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 16px 11px 14px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  border:0;
  cursor:pointer;
  font:600 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,system-ui,sans-serif;
  box-shadow:0 14px 38px rgba(0,0,0,.32);
  opacity:0;
  transition:opacity .25s ease, transform .35s cubic-bezier(.2,.9,.3,1.2);
  max-width:calc(100vw - 32px);
}
.bwtv-pwa-install--visible{ opacity:1; transform:translate(-50%,0); }
.bwtv-pwa-install:hover{ background:#1f2937; }
.bwtv-pwa-install:focus-visible{ outline:2px solid #fcc600; outline-offset:3px; }

.bwtv-pwa-install__icon{
  width:30px; height:30px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#fcc600; color:#111827;
  border-radius:50%;
  flex-shrink:0;
}
.bwtv-pwa-install__label{ white-space:nowrap; }

.bwtv-pwa-install__close{
  appearance:none;
  margin-left:6px;
  width:26px; height:26px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.08);
  color:#fff;
  font:600 18px/1 system-ui,sans-serif;
  cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  transition:background .15s ease;
}
.bwtv-pwa-install__close:hover{ background:rgba(255,255,255,.18); }

/* Astuce iOS Safari */
.bwtv-pwa-ios-hint{
  position:fixed;
  left:12px; right:12px;
  bottom:14px;
  z-index:2147483600;
  padding:14px 18px 14px 16px;
  background:#111827;
  color:#fff;
  border-radius:14px;
  font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,system-ui,sans-serif;
  box-shadow:0 14px 38px rgba(0,0,0,.32);
  opacity:0;
  transform:translateY(20px);
  transition:opacity .25s ease, transform .35s cubic-bezier(.2,.9,.3,1.2);
  max-width:420px;
  margin:0 auto;
}
.bwtv-pwa-ios-hint--visible{ opacity:1; transform:translateY(0); }

.bwtv-pwa-ios-hint__title{
  font-weight:700;
  margin-bottom:4px;
  padding-right:24px;
}
.bwtv-pwa-ios-hint__text{ color:#cbd5e1; }
.bwtv-pwa-ios-hint__text em{
  color:#fff; font-style:normal; font-weight:600;
}

.bwtv-pwa-ios-hint__icon{
  display:inline-flex;
  align-items:center; justify-content:center;
  width:22px; height:22px;
  background:#fcc600; color:#111827;
  border-radius:6px;
  vertical-align:middle;
  margin:0 2px;
}

.bwtv-pwa-ios-hint__close{
  position:absolute;
  top:6px; right:6px;
  width:28px; height:28px;
  border:0; border-radius:50%;
  background:transparent;
  color:#94a3b8;
  font:500 20px/1 system-ui,sans-serif;
  cursor:pointer;
}
.bwtv-pwa-ios-hint__close:hover{ background:rgba(255,255,255,.08); color:#fff; }

@media (prefers-color-scheme: light){
  .bwtv-pwa-install{ background:#111827; color:#fff; }
  .bwtv-pwa-ios-hint{ background:#111827; color:#fff; }
}

@media (max-width: 480px){
  .bwtv-pwa-install{ bottom:14px; padding:10px 14px 10px 12px; font-size:13px; }
  .bwtv-pwa-install__icon{ width:26px; height:26px; }
}