/* Colour: WhatsApp green #25D366, the same as the floating WhatsApp button (owner, 10 Nov 2026).
   Site-wide WhatsApp compliance-reminder strip (partials/wa-strip.blade.php).
   The one stylesheet for it: the strip used to be pasted into each page with its own copy of
   these rules. Class names are pa-wa-strip* so the old per-page .wa-sticky-bar rules (and the
   .wa-sticky-bar{display:none} override in patron-cluster.css) do not touch it.
   Keep css/wa-strip.css and public/css/wa-strip.css identical. */
.pa-wa-strip{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;align-items:center;justify-content:center;
  padding:10px 20px;background:#25D366;box-shadow:0 -4px 20px rgba(0,0,0,.15);transition:transform .35s ease}
.pa-wa-strip[hidden]{display:none}
.pa-wa-strip.is-off{transform:translateY(110%)}
.pa-wa-strip__in{display:flex;align-items:center;gap:12px;max-width:1100px;width:100%;justify-content:center}
.pa-wa-strip__icon{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center}
.pa-wa-strip__icon svg{width:20px;height:20px;fill:#fff}
.pa-wa-strip__text{color:#fff;font-size:15px;line-height:1.35;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.pa-wa-strip__text strong{font-weight:700}
.pa-wa-strip__btn{flex:0 0 auto;display:inline-flex;align-items:center;padding:9px 20px;border-radius:999px;background:#fff;
  color:#075E54;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}
.pa-wa-strip__btn:hover{background:#E7FCEF;color:#075E54;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.pa-wa-strip__close{flex:0 0 auto;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.9);
  font-size:22px;line-height:1;cursor:pointer}
.pa-wa-strip__close:hover{background:rgba(255,255,255,.12);color:#fff}
/* keep the floating WhatsApp / back-to-top buttons above the strip while it shows */
body.pa-wa-strip-on .pa-wa-float{bottom:84px}
body.pa-wa-strip-on .pa-backtop{bottom:84px}
@media (max-width:768px){
  .pa-wa-strip{padding:8px 12px}
  .pa-wa-strip__in{gap:8px}
  .pa-wa-strip__text{font-size:13px}
  .pa-wa-strip__btn{padding:7px 16px;font-size:13px}
  .pa-wa-strip__icon{width:30px;height:30px}
  .pa-wa-strip__icon svg{width:16px;height:16px}
}
@media (max-width:480px){
  .pa-wa-strip__text{display:none}
  .pa-wa-strip__btn{font-size:14px;padding:10px 24px}
  body.pa-wa-strip-on .pa-wa-float,body.pa-wa-strip-on .pa-backtop{bottom:76px}
}
@media print{.pa-wa-strip{display:none}}