/* ============================================================
   Wolvex — Buttons (mockup values)
   ============================================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:8px;font-weight:800;font-size:1em;text-decoration:none;cursor:pointer;border:2px solid transparent;min-height:56px;transition:transform .15s ease, background .15s ease;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 10px 24px -10px rgba(193,32,37,.7);}
.btn-primary:hover{background:var(--red-deep);}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
.btn-outline-light:hover{background:#fff;color:var(--ink);}
.btn-navy{background:var(--ink);color:#fff;}
.btn-navy:hover{background:var(--red);}
.btn-soft{background:var(--cloud);color:var(--ink-deep);border-color:var(--line);}
.btn-soft:hover{background:var(--line);}

/* "Add to basket" action on product cards */
.add-btn-form{margin-top:8px;position:relative;z-index:2;}
.add-btn{background:var(--ink);color:#fff;border:none;border-radius:8px;padding:12px;font-weight:800;cursor:pointer;font-size:.9em;min-height:46px;display:block;width:100%;text-align:center;text-decoration:none;}
.add-btn[aria-disabled="true"]{background:var(--slate);cursor:not-allowed;margin-top:8px;position:relative;z-index:2;}
.add-btn:hover{background:var(--red);}

/* ---- Aliases + sizes used by account/auth/admin/contact pages ---- */
.btn-red{background:var(--red);color:#fff;}
.btn-red:hover{background:var(--red-deep);}

/* Outline on light backgrounds (distinct from .btn-outline-light, which is for dark/navy backgrounds) */
.btn-outline{background:transparent;border-color:var(--ink);color:var(--ink);}
.btn-outline:hover{background:var(--ink);color:#fff;}
.btn-outline-white{background:transparent;border-color:#fff;color:#fff;}
.btn-outline-white:hover{background:rgba(255,255,255,.14);}

.btn-lg{padding:18px 32px;font-size:1.15em;}
.btn-sm{padding:8px 16px;font-size:.85em;min-height:44px;}
.btn-block{width:100%;}
.btn:disabled,
.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none;}

.link-more{font-weight:700;font-size:1em;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:2px;white-space:nowrap;}
.link-more:hover{color:var(--red-deep);}

/* Logo navy-blue — used for "Sign in" style actions, distinct from the red CTA */
.btn-blue{background:var(--ink);color:#fff;}
.btn-blue:hover{background:var(--ink-deep);}