/* ===== pz-btn : أزرار موحّدة للموقع كله =====
   الأساسي: class="pz-btn" (أخضر مصمت). Variants:
   ghost(حدود) · danger(أحمر) · c-blue/c-green/c-red/c-orange · round(دايرة) · sm(صغير) · block(عرض كامل)
   الأيقونات جوّه الزر تتظبط تلقائي. */
:root{
  --pzb-green:#074237; --pzb-green2:#0a5c4a; --pzb-blue:#2980B9; --pzb-red:#d9534f;
  --pzb-orange:#EE7A00; --pzb-ink:#2b3440; --pzb-line:#d7dee6; --pzb-surface:#ffffff;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --pzb-ink:#e7ede9; --pzb-line:#2c3648; --pzb-surface:#1b2331;}}
:root[data-theme="dark"]{
  --pzb-ink:#e7ede9; --pzb-line:#2c3648; --pzb-surface:#1b2331;}

.pz-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  font-family:'Tajawal',sans-serif;font-weight:800;font-size:.86rem;line-height:1;
  padding:9px 18px;border-radius:10px;border:1px solid transparent;cursor:pointer;
  background:var(--pzb-green);color:#fff;white-space:nowrap;
  transition:transform .1s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}
.pz-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(7,66,55,.22)}
.pz-btn:active{transform:translateY(0)}
.pz-btn:disabled,.pz-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.pz-btn .material-symbols-outlined,.pz-btn i,.pz-btn svg{font-size:1.15em}
/* ghost — بحدود */
.pz-btn.ghost{background:var(--pzb-surface);color:var(--pzb-green);border-color:var(--pzb-line)}
.pz-btn.ghost:hover{border-color:var(--pzb-green);background:color-mix(in srgb,var(--pzb-green) 8%,var(--pzb-surface))}
/* ألوان مصمتة */
.pz-btn.c-blue{background:var(--pzb-blue)} .pz-btn.c-blue:hover{box-shadow:0 4px 12px rgba(41,128,185,.3)}
.pz-btn.c-red,.pz-btn.danger{background:var(--pzb-red)} .pz-btn.danger:hover{box-shadow:0 4px 12px rgba(217,83,79,.3)}
.pz-btn.c-orange{background:var(--pzb-orange)} .pz-btn.c-orange:hover{box-shadow:0 4px 12px rgba(238,122,0,.3)}
.pz-btn.c-green{background:var(--pzb-green)}
/* دايرة أيقونة */
.pz-btn.round{width:38px;height:38px;padding:0;border-radius:50%;gap:0}
.pz-btn.round.sm{width:32px;height:32px}
/* أحجام */
.pz-btn.sm{padding:6px 12px;font-size:.78rem;border-radius:8px}
.pz-btn.lg{padding:12px 26px;font-size:.95rem}
.pz-btn.block{width:100%}
/* زر شفّاف على هيدر داكن (round غالباً) */
.pz-btn.on-dark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.pz-btn.on-dark:hover{background:rgba(255,255,255,.22);border-color:var(--pzb-orange);box-shadow:none}