/* Zakat calculator page: preserve the light site surface and native pointer. */
body[data-page="zakat-calculator"] { background:#f7f7f7; cursor:auto; }
body[data-page="zakat-calculator"] a, body[data-page="zakat-calculator"] button, body[data-page="zakat-calculator"] input { cursor:pointer; }
.zakat-card { background:rgba(255,255,255,.88); border:1px solid rgba(42,75,155,.12); border-radius:1.75rem; padding:1.5rem; box-shadow:0 12px 30px rgba(15,23,42,.06); }
.zakat-card legend { color:#1e3b80; font-size:1.25rem; font-weight:900; padding:0 .5rem; }
.zakat-help { color:#64748b; font-size:.875rem; line-height:1.8; margin:.25rem 0 1.25rem; }
.zakat-card label { display:flex; justify-content:space-between; align-items:center; gap:.5rem; color:#334155; font-weight:700; font-size:.9rem; margin:1rem 0 .45rem; }
.zakat-card input { width:100%; border:1px solid #dbe3ee; border-radius:.9rem; padding:.85rem 1rem; background:#fff; color:#1e293b; outline:none; transition:.2s; }
.zakat-card input:focus { border-color:#2a4b9b; box-shadow:0 0 0 4px rgba(42,75,155,.1); }
.unit { color:#2a4b9b; font-size:.75rem; font-weight:800; white-space:nowrap; }
.gold-row { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; align-items:end; margin-bottom:.7rem; }
.gold-row label { grid-column:1/-1; margin:.35rem 0 0; }
.gold-row .field-error { grid-column:1/-1; }
.field-error { display:block; min-height:1.2rem; color:#dc2626; font-size:.75rem; margin-top:.3rem; }
.form-message { min-height:1.5rem; color:#dc2626; text-align:center; font-size:.9rem; font-weight:700; margin:1.5rem auto .5rem; }
.zakat-submit { display:flex; align-items:center; justify-content:center; gap:.75rem; width:100%; max-width:26rem; margin:1rem auto 0; border:0; border-radius:1rem; padding:1rem 1.5rem; background:linear-gradient(90deg,#ec4899,#2a4b9b); color:#fff; font-weight:900; box-shadow:0 12px 25px rgba(42,75,155,.2); transition:transform .2s,box-shadow .2s; }
.zakat-submit:hover { transform:translateY(-2px); box-shadow:0 16px 30px rgba(42,75,155,.27); }
.result-row { display:flex; justify-content:space-between; gap:1rem; align-items:center; background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1.1rem 1.25rem; color:#475569; font-weight:700; }
.result-row strong { color:#2a4b9b; }
.total-result { text-align:center; margin:1.5rem auto; padding:1.75rem; border-radius:1.5rem; color:#fff; background:linear-gradient(135deg,#2a4b9b,#1e3b80); box-shadow:0 16px 35px rgba(42,75,155,.22); }
.total-result span { display:block; font-weight:700; opacity:.85; margin-bottom:.5rem; }
.total-result strong { display:block; font-size:clamp(2rem,6vw,3.5rem); font-weight:900; }
.zakat-cta { text-align:center; padding:2rem 1rem; }
.zakat-cta h3 { color:#1e293b; font-size:1.5rem; font-weight:900; margin-bottom:.6rem; }
.zakat-cta p { color:#64748b; margin-bottom:1.1rem; }
.cta-button { display:inline-flex; padding:.8rem 1.5rem; border-radius:.8rem; background:linear-gradient(90deg,#ec4899,#2a4b9b); color:#fff; font-weight:800; }
.zakat-notice { border:1px solid #f4d28c; background:#fff9e9; color:#765b1b; border-radius:1rem; padding:1rem 1.25rem; line-height:1.9; font-size:.85rem; }
@media (max-width:640px) { .zakat-card { padding:1.15rem; } .gold-row { grid-template-columns:1fr; } .gold-row label,.gold-row .field-error { grid-column:auto; } .result-row { align-items:flex-start; flex-direction:column; gap:.4rem; } }