/* === ZedPha: Base Styles & Variables === */

/* متغیرهای اصلی */
:root{
  --font-base:"Vazir",ui-sans-serif,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  --primary:#0087be;
  --accent:#f0b849;
  --text:#2e4453;
  --body:#333;
  --muted:#555;
  --border:#e0e0e0;
  --site-bg:#f3f6f8;
  --surface:#ffffff;
  --sh-s:0 2px 4px rgba(0,0,0,.05);
  --sh-m:0 4px 12px rgba(0,0,0,.05);
  --sh-h:0 8px 16px rgba(0,0,0,.08);
}

/* فونت وزیر */
@font-face{
  font-family:"Vazir";
  src:url("../../fonts/Vazir-Regular-min.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+0660-0669,U+06F0-06F9,U+200C,U+200E,U+200F;
}
@font-face{
  font-family:"Vazir";
  src:url("../../fonts/Vazir-Bold-min.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+0660-0669,U+06F0-06F9,U+200C,U+200E,U+200F;
}
@font-face{
  font-family:"Vazir";
  src:url("../../fonts/Vazir-Black-min.woff2") format("woff2");
  font-weight:900; font-style:normal; font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+0660-0669,U+06F0-06F9,U+200C,U+200E,U+200F;
}

/* استایل‌های پایه */
*{box-sizing:border-box}
html,body{
  overflow-x:hidden;
  background:var(--site-bg);
  color:var(--body);
  font-family:var(--font-base);
  margin:0; padding:0;
}
.container{
  width:100%;
  max-width:1140px; /* عرض کلی سایت */
  margin-left:auto;
  margin-right:auto;
  padding-left:15px;
  padding-right:15px;
}
img,svg,video,canvas{max-width:100%;height:auto}
a{color:var(--text);text-decoration:none;transition:color .2s}
a:hover{color:var(--primary)}
h1,h2,h3,h4,h5{color:var(--text);margin-top:0}

/* Header / Nav */
header.header{padding:20px 0;background:transparent}
.site-branding{text-align:center}
.main-navigation{width:100%;display:block;margin-top:20px}
.main-navigation .main-menu{
  list-style:none;margin:0;padding:0;
  display:flex;justify-content:center;gap:30px;flex-wrap:wrap
}
.main-navigation .main-menu a{
  color:var(--muted);font-size:1rem;font-weight:700;
  padding:5px 0;position:relative;transition:color .2s
}
.main-navigation .main-menu a:hover{color:var(--primary)}
.main-navigation .current-menu-item > a{color:var(--primary)}

/* Footer */
.site-footer{
  background:var(--site-bg);
  color:var(--muted);
  padding-top:32px;margin-top:40px;
  border-top:1px solid var(--border);
  /* text-align:right;  <-- این خط حذف شد تا مشکل چسبیدن فوتر حل شود */
}
.footer-widgets{padding-bottom:36px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:40px}
.footer-widget .widget-title{
  color:var(--text);font-size:1rem;font-weight:700;margin:0 0 16px
}
.footer-widget p{line-height:1.8;font-size:.9rem;margin:0}
.footer-widget ul{list-style:none;margin:0;padding:0}
.footer-widget li{margin-bottom:10px}
.footer-widget a{color:var(--muted);text-decoration:none;transition:color .2s}
.footer-widget a:hover{color:var(--primary)}
.site-info{
  border-top:1px solid var(--border);
  padding:22px 0;text-align:center;font-size:.85rem;color:#888
}
.site-info p{margin:0}

@media (max-width:768px){
  .footer-grid{text-align:center}
}