/* Ardux_Global: widget-urile plutitoare, pe toate paginile (si pe checkout, care
   are head propriu si incarca fisierul asta direct). O singura familie vizuala,
   din tokenii ld-tokens.css (17.10.2026, etapa 1 a redesign-ului):
     .gdpr-banner      bannerul de cookie-uri (markup in page/html/header.phtml si
                       page/ardux-checkout.phtml, script in page/html/gdpr.phtml):
                       card alb jos-stanga
     .whatsapp-button  "Scrie-ne pe WhatsApp" (newsletter/subscribe.phtml; pe
                       checkout varianta .whatsapp-checkout din ardux_checkout/order.phtml):
                       pastila verde inchis jos-dreapta, pe telefon doar iconita
   Cronometrul "transport gratuit pana la miezul noptii" a fost scos pe 17.10.2026
   (auditul ANPC, decizia C din docs/redesign/PLAN.md). */

/* ---- bannerul de cookie-uri ---- */
.gdpr-banner{position:fixed;left:16px;bottom:16px;z-index:10002;max-width:440px;padding:14px 16px;box-sizing:border-box;background:var(--paper,#fff);color:var(--ink,#16181b);border:1px solid var(--rule,#dcdad6);border-radius:var(--r-lg,6px);box-shadow:var(--shadow-pop,0 14px 34px rgba(22,24,27,.22));font-family:var(--f-body,"Source Sans 3",system-ui,sans-serif);font-size:14px;line-height:1.45}
.gdpr-content{display:flex;align-items:center;gap:14px}
.gdpr-content p{margin:0;flex:1 1 auto;color:inherit;font:inherit}
.gdpr-accept{flex:0 0 auto;margin:0;padding:9px 16px;border:2px solid var(--red,#d13431);border-radius:var(--r,4px);background:var(--red,#d13431);color:#fff;font-family:var(--f-display,"Archivo",sans-serif);font-weight:800;font-stretch:85%;font-size:14px;line-height:1.2;white-space:nowrap;cursor:pointer}
.gdpr-accept:hover{background:var(--red-deep,#a92623);border-color:var(--red-deep,#a92623)}
@media (max-width:770px){
  .gdpr-banner{left:12px;right:12px;bottom:84px;max-width:none;padding:12px 14px;font-size:13px}
  .gdpr-content{gap:10px}
}

/* ---- butonul de WhatsApp ---- */
/* verde inchis cu text si iconita albe (Radu, 21.10.2026; inainte pastila neagra). Selectorii au "body a." in fata
   ca sa bata ".ld-footer a{color}" (butonul e in markup-ul footer-ului, newsletter/subscribe.phtml) */
body a.whatsapp-button,.whatsapp-button{position:fixed;right:16px;bottom:16px;z-index:9999;display:inline-flex;align-items:center;gap:10px;padding:11px 18px 11px 14px;border-radius:var(--r-pill,999px);background:#128c4a;color:#fff;box-shadow:var(--shadow-pop,0 14px 34px rgba(22,24,27,.22));font-family:var(--f-body,"Source Sans 3",system-ui,sans-serif);font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;transition:transform .15s ease,background .15s ease}
body a.whatsapp-button:hover,.whatsapp-button:hover{background:#0e7a40;color:#fff;text-decoration:none;transform:translateY(-2px)}
.whatsapp-icon{width:24px;height:24px;flex:0 0 auto;fill:#fff}
@media (max-width:770px){
  .whatsapp-button{right:12px;bottom:12px;width:56px;height:56px;padding:0;justify-content:center;border-radius:50%}
  .whatsapp-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .whatsapp-icon{width:28px;height:28px}
}
/* pe checkout butonul e de rezerva si apare sus (ardux_checkout.js il arata cand e cazul) */
.whatsapp-button.whatsapp-checkout{top:50px;bottom:auto;animation:slideDownFallback .5s ease-out}
@media (max-width:770px){.whatsapp-button.whatsapp-checkout{top:12px;bottom:auto}}
@keyframes slideDownFallback{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}
@media (prefers-reduced-motion:reduce){.whatsapp-button,.whatsapp-button.whatsapp-checkout{transition:none;animation:none}}