/* Madania CMS additions: the order flow and the footer social row.
   Built only from site.css tokens (--red, --ink, --r-lg, --sh-2 ...) so it reads as one design. */

/* ---------- footer social row (renders only when a link has a URL) ---------- */
.f-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding:0;list-style:none}
.f-social a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);transition:background .2s,border-color .2s,transform .2s var(--ease)}
.f-social a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
.f-social a:focus-visible{outline:2px solid #fff;outline-offset:3px}from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}
/* ---------- footer newsletter sign-up ---------- */
.f-news{display:grid;gap:6px;margin-top:18px;max-width:360px}
.f-news b{color:#fff}
.f-news span{font-size:.86rem;opacity:.8}
.f-news-row{display:flex;gap:8px}
.f-news-row input{flex:1;min-width:0;min-height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;padding:0 12px}
.f-news-row input::placeholder{color:rgba(255,255,255,.6)}
.f-news-row button{min-height:44px;border:0;border-radius:10px;background:var(--red);color:#fff;font-weight:700;padding:0 16px}
.f-news-msg{font-size:.85rem;margin:2px 0 0;color:#bdf0d2}
.f-news-msg.err{color:#ffc2cc}
.od-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}