/* =========================================================
   ZABANDAN GLOBAL BRAND
   Vazir + Responsive Admin Logo
   ========================================================= */

@font-face {
  font-family: 'Vazir';
  src: url('/assets/fonts/Vazir-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazir';
  src: url('/assets/fonts/Vazir-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazir';
  src: url('/assets/fonts/Vazir-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazir';
  src: url('/assets/fonts/Vazir-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


/* ---------- Global font ---------- */

html,
body {
  font-family: 'Vazir', Tahoma, Arial, sans-serif !important;
}

body *:not(svg):not(path):not(.material-icons):not(.material-symbols-outlined) {
  font-family: 'Vazir', Tahoma, Arial, sans-serif !important;
}

button,
input,
textarea,
select,
option {
  font-family: 'Vazir', Tahoma, Arial, sans-serif !important;
}


/* ---------- Admin logo ---------- */

.zd-admin-logo {
  display: block;
  width: min(180px, 42vw);
  max-width: 180px;
  height: auto;
  object-fit: contain;
  margin: 0 0 16px auto;
}


/* ---------- Mobile ---------- */

@media (max-width: 640px) {

  .zd-admin-logo {
    width: min(145px, 46vw);
    max-width: 145px;
    margin-bottom: 12px;
  }

  html,
  body,
  button,
  input,
  textarea,
  select {
    font-family: 'Vazir', Tahoma, Arial, sans-serif !important;
  }
}


/* ---------- Desktop ---------- */

@media (min-width: 641px) {

  .zd-admin-logo {
    width: 170px;
    max-width: 170px;
  }
}


/* ===== ADMIN BRAND FIX ===== */

.brand {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-bottom: 24px !important;
}

.brand > div {
  width: 100%;
  text-align: center;
}

.zd-admin-logo {
  display: block !important;
  width: 150px !important;
  max-width: 42vw !important;
  height: auto !important;
  margin: 0 auto 14px auto !important;
}

.brand h1,
.brand p {
  text-align: center !important;
}

@media (max-width: 640px) {
  .zd-admin-logo {
    width: 125px !important;
    max-width: 38vw !important;
  }

  .brand {
    margin-bottom: 18px !important;
  }
}


/* ===== ADMIN BRAND — COMPACT PROFESSIONAL ===== */

.brand {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  text-align: right !important;
  margin-bottom: 24px !important;
}

.brand > div {
  width: auto !important;
  text-align: right !important;
}

.zd-admin-logo {
  width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
  flex: 0 0 54px !important;
  margin: 0 !important;
}

.brand h1 {
  margin: 0 0 4px 0 !important;
  text-align: right !important;
  line-height: 1.35 !important;
}

.brand p {
  margin: 0 !important;
  text-align: right !important;
  line-height: 1.7 !important;
  opacity: .72;
}


/* Mobile */
@media (max-width: 640px) {

  .brand {
    gap: 11px !important;
    margin-bottom: 18px !important;
  }

  .zd-admin-logo {
    width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }

  .brand h1 {
    font-size: 20px !important;
  }

  .brand p {
    font-size: 12px !important;
  }
}



/* =========================================================
   SUBSCRIPTION / INACTIVE BRAND
   ========================================================= */

.zd-subscription-brand {
  display: flex !important;
  direction: rtl !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 auto 22px !important;
}

.zd-subscription-logo {
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
  flex: 0 0 52px !important;
}

.zd-subscription-brand span {
  font-family: 'Vazir', Tahoma, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #173E34 !important;
  white-space: nowrap;
}


/* Mobile */
@media (max-width: 640px) {

  .zd-subscription-brand {
    gap: 8px !important;
    margin-bottom: 18px !important;
  }

  .zd-subscription-logo {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }

  .zd-subscription-brand span {
    font-size: 18px !important;
  }
}


/* Subscription page - logo only */
.zd-subscription-brand {
  margin: 0 auto 16px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.zd-subscription-logo {
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto !important;
}

@media (max-width: 640px) {
  .zd-subscription-logo {
    width: 64px !important;
    height: 64px !important;
  }
}


.zd-pricing-note {
  text-align: center !important;
}