/* ===== Pop-up promoție — La Reina Pizza ===== */
.promo-overlay{
  position:fixed; inset:0; z-index:1000;
  display:flex; align-items:flex-start; justify-content:center;
  padding:24px 16px;
  background:rgba(15,12,10,.82);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  overflow-y:auto;
  animation:promoFade .25s ease both;
}
.promo-overlay[hidden]{ display:none; }

.promo-dialog{
  position:relative;
  width:100%; max-width:430px;
  margin:auto;
  background:#1a1411;
  border-radius:16px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7);
  overflow:hidden;
  animation:promoPop .35s cubic-bezier(.2,.8,.25,1) both;
}

.promo-imglink{ display:block; line-height:0; }
.promo-img{ display:block; width:100%; height:auto; }

.promo-close{
  position:absolute; top:10px; right:10px; z-index:2;
  width:40px; height:40px; padding:0; border:none; border-radius:9999px;
  background:rgba(255,255,255,.92); color:#1a1411;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,.35);
  transition:background .2s, transform .2s;
}
.promo-close:hover{ background:#fff; transform:scale(1.06); }
.promo-close:focus-visible{ outline:3px solid #cf9f3f; outline-offset:2px; }
.promo-close svg{ width:22px; height:22px; }

.promo-actions{
  display:flex; flex-wrap:wrap; gap:10px; padding:14px;
  background:#1a1411;
}
.promo-btn{
  flex:1 1 140px; text-align:center; text-decoration:none;
  padding:13px 16px; border-radius:10px;
  font-family:"Inter",sans-serif; font-size:12px; font-weight:600;
  text-transform:uppercase; letter-spacing:.12em;
  transition:opacity .2s, background .2s;
}
.promo-btn-call{ background:#cf9f3f; color:#1a1411; }
.promo-btn-call:hover{ opacity:.9; }
.promo-btn-ghost{ background:transparent; color:#f3ead6; border:1px solid rgba(243,234,214,.35); }
.promo-btn-ghost:hover{ background:rgba(243,234,214,.1); }

.promo-sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

@keyframes promoFade{ from{opacity:0} to{opacity:1} }
@keyframes promoPop{ from{opacity:0; transform:translateY(16px) scale(.96)} to{opacity:1; transform:none} }
@media (prefers-reduced-motion: reduce){
  .promo-overlay,.promo-dialog{ animation:none; }
}

/* ===== Buton flotant "Comandă acum" (doar mobil) ===== */
.order-fab{
  position:fixed;
  right:16px;
  bottom:16px;
  bottom:calc(16px + env(safe-area-inset-bottom));
  z-index:900;
  display:inline-flex; align-items:center; gap:9px;
  padding:14px 20px;
  background:#cf9f3f; color:#1a1411;
  font-family:"Inter",sans-serif; font-size:13px; font-weight:700;
  text-transform:uppercase; letter-spacing:.08em;
  text-decoration:none; border-radius:9999px;
  box-shadow:0 10px 28px -6px rgba(0,0,0,.5);
  animation:fabIn .4s ease both, fabPulse 2.6s ease-in-out 1.2s infinite;
}
.order-fab svg{ width:18px; height:18px; }
.order-fab:active{ transform:scale(.97); }
.order-fab:focus-visible{ outline:3px solid #1a1411; outline-offset:2px; }

@keyframes fabIn{ from{opacity:0; transform:translateY(20px)} to{opacity:1; transform:none} }
@keyframes fabPulse{
  0%,100%{ box-shadow:0 10px 28px -6px rgba(0,0,0,.5), 0 0 0 0 rgba(207,159,63,.55); }
  50%{ box-shadow:0 10px 28px -6px rgba(0,0,0,.5), 0 0 0 10px rgba(207,159,63,0); }
}

/* pe desktop exista deja CTA-ul din header */
@media (min-width:768px){ .order-fab{ display:none; } }
@media (prefers-reduced-motion:reduce){ .order-fab{ animation:fabIn .4s ease both; } }

/* ===== Buton "Instalează aplicația" (PWA) ===== */
.install-chip{
  position:fixed; left:16px; bottom:16px;
  bottom:calc(16px + env(safe-area-inset-bottom));
  z-index:900; display:flex; align-items:stretch;
  background:#1a1411; color:#f3ead6;
  border:1px solid rgba(207,159,63,.55); border-radius:9999px;
  box-shadow:0 10px 28px -8px rgba(0,0,0,.55);
  overflow:hidden; animation:fabIn .4s ease both;
}
.install-chip[hidden]{ display:none; }
.install-chip-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 14px 12px 16px; background:transparent; border:none;
  color:#f3ead6; font-family:"Inter",sans-serif; font-size:12px; font-weight:600;
  text-transform:uppercase; letter-spacing:.07em; cursor:pointer;
}
.install-chip-btn svg{ width:16px; height:16px; color:#cf9f3f; }
.install-chip-x{
  display:flex; align-items:center; justify-content:center;
  width:38px; border:none; border-left:1px solid rgba(243,234,214,.18);
  background:transparent; color:#f3ead6; cursor:pointer;
}
.install-chip-x svg{ width:15px; height:15px; }
.install-chip-btn:focus-visible,.install-chip-x:focus-visible{ outline:2px solid #cf9f3f; outline-offset:-2px; }