/*
Theme Name: پت زنگ (PetZang Store)
Theme URI: https://petzang.example
Author: PetZang
Description: قالب وردپرسی موبایل‌فرست فروشگاهی برای پت‌زنگ با فروشگاه ووکامرسی، رزرو نوبت مشاوره، صفحه ورود/ثبت‌نام و صدور فاکتور خرید.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: petzang
Tags: e-commerce, woocommerce, rtl, mobile-first, persian
*/

/* ==========================================================================
   Design tokens — extracted from the PetZang brand banner
   ========================================================================== */
:root{
  --pz-purple-900:#2c0f52;
  --pz-purple-700:#3e1663;
  --pz-purple-600:#4b1f78;
  --pz-purple-500:#5b2a8f;
  --pz-orange-600:#e94e1b;
  --pz-orange-500:#f4631f;
  --pz-orange-400:#ff8a4c;
  --pz-cream:#fdf8f3;
  --pz-ink:#211a2c;
  --pz-ink-soft:#5c5468;
  --pz-line:#eae4f1;
  --pz-white:#ffffff;
  --pz-success:#1e9e6b;
  --pz-danger:#d63b2f;

  --pz-radius-sm:8px;
  --pz-radius-md:14px;
  --pz-radius-lg:22px;
  --pz-shadow:0 6px 24px rgba(44,15,82,.10);

  --pz-font-display:'Vazirmatn', Tahoma, sans-serif;
  --pz-font-body:'Vazirmatn', Tahoma, sans-serif;

  --pz-container:1180px;
  --pz-header-h:64px;
  --pz-bottomnav-h:64px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--pz-font-body);
  color:var(--pz-ink);
  background:var(--pz-cream);
  direction:rtl;
  text-align:right;
  line-height:1.7;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
  padding-bottom:var(--pz-bottomnav-h);
}
img{ max-width:100%; display:block; height:auto; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; cursor:pointer; }
input,select,textarea{ font-family:inherit; font-size:15px; }
h1,h2,h3,h4{ font-family:var(--pz-font-display); margin:0 0 .5em; line-height:1.35; color:var(--pz-purple-700); }
p{ margin:0 0 1em; }
.container{ max-width:var(--pz-container); margin:0 auto; padding:0 16px; }
.visually-hidden{ position:absolute!important; width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0); }

:focus-visible{ outline:3px solid var(--pz-orange-500); outline-offset:2px; }

@media (min-width:768px){
  body{ font-size:16px; padding-bottom:0; }
}