:root {
  --hn-purple: #805a82;
  --hn-purple-deep: #3d2346;
  --hn-yellow: #f4a900;
  --hn-green: #88a961;
  --hn-orange: #b9623f;
  --hn-cream: #f4eee5;
}

html,
body,
body button,
body input,
body select,
body textarea,
body optgroup,
body table,
body .imdac-site-v2,
body .imdac-shell,
body .imdac-auth-shell,
body .imdac-profile-form-wrap,
body .imdac-panel-nav,
body .connect-media-standalone-page {
  font-family: "Vazirmatn", "Vazir", Tahoma, Arial, sans-serif !important;
}

body .dashicons,
body .dashicons-before::before,
body .ab-icon::before,
body [class^="dashicons-"],
body [class*=" dashicons-"] {
  font-family: dashicons !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body span,
body strong,
body small,
body label,
body li,
body dt,
body dd,
body blockquote,
body code,
body pre,
body summary,
body figcaption {
  font-family: "Vazirmatn", "Vazir", Tahoma, Arial, sans-serif;
}

.hn-footer-cta {
  position: relative;
  z-index: 3;
  padding: 0 0 28px;
  background: #f7f1e9;
}

.hn-footer-cta__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 34px 38px;
  border: 1px solid rgba(128,90,130,.17);
  border-radius: 28px;
  background:
    radial-gradient(circle at 8% 15%, rgba(244,169,0,.22), transparent 26%),
    radial-gradient(circle at 90% 90%, rgba(136,169,97,.20), transparent 25%),
    linear-gradient(135deg, #805a82 0%, #5f3f68 100%);
  box-shadow: 0 26px 60px rgba(50,31,56,.18);
}

.hn-footer-cta__inner > div:first-child {
  max-width: 720px;
}

.hn-footer-cta__inner span {
  display: block;
  margin-bottom: 8px;
  color: #ffd166;
  font-size: 14px;
  font-weight: 850;
}

.hn-footer-cta__inner h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.7;
  font-weight: 900;
}

.hn-footer-cta__actions {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  flex-wrap: wrap;
}

.hn-footer-cta .v2-btn.ghost {
  color: #fff !important;
  border-color: rgba(255,255,255,.3);
  background: rgba(255,255,255,.08);
}

.connect-media-standalone-page .hn-mega-footer,
.hn-mega-footer {
  padding: 68px 0 26px !important;
  color: #f8f4f8;
  border-top: 0 !important;
  background:
    radial-gradient(circle at 12% 15%, rgba(244,169,0,.12), transparent 24%),
    radial-gradient(circle at 88% 80%, rgba(136,169,97,.11), transparent 26%),
    #211526 !important;
}

.hn-footer-main {
  display: grid;
  grid-template-columns: 1.55fr repeat(4, minmax(0, 1fr));
  gap: 38px;
  align-items: start;
}

.hn-footer-brand img {
  width: 174px;
  height: 68px;
  object-fit: contain;
  object-position: right center;
  filter: brightness(0) invert(1);
}

.hn-footer-brand p {
  max-width: 390px;
  margin: 18px 0 16px;
  color: rgba(255,255,255,.68);
  line-height: 2.05;
  font-size: 14px;
}

.hn-footer-email {
  display: inline-flex;
  color: #ffd166 !important;
  direction: ltr;
  font-weight: 800;
}

.hn-footer-badges {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.hn-footer-badges span {
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.05);
  font-size: 11px;
  font-weight: 750;
}

.hn-mega-footer nav {
  display: grid;
  align-content: start;
  gap: 11px;
}

.hn-mega-footer nav strong {
  position: relative;
  margin-bottom: 12px;
  padding-bottom: 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.hn-mega-footer nav strong::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 3px;
  border-radius: 99px;
  background: #f4a900;
}

.hn-mega-footer nav a {
  width: fit-content;
  color: rgba(255,255,255,.64) !important;
  font-size: 13px;
  font-weight: 700;
  transition: .18s ease;
}

.hn-mega-footer nav a:hover {
  color: #fff !important;
  transform: translateX(-3px);
}

.hn-footer-divider {
  height: 1px;
  margin-top: 42px;
  background: rgba(255,255,255,.10);
}

.hn-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 22px;
  color: rgba(255,255,255,.56);
  font-size: 12px;
}

.hn-footer-bottom > div:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.hn-footer-bottom strong {
  color: #fff;
  font-size: 15px;
}

.hn-footer-bottom__links {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.hn-footer-bottom__links a {
  color: rgba(255,255,255,.72) !important;
}

.cm-legal-page {
  padding-bottom: 76px;
}

.cm-faq-list {
  display: grid;
  gap: 14px;
  max-width: 900px;
  margin: 0 auto;
}

.cm-faq-item,
.cm-legal-card {
  border: 1px solid rgba(128,90,130,.15);
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 16px 38px rgba(50,31,56,.07);
}

.cm-faq-item {
  padding: 0 22px;
}

.cm-faq-item summary {
  padding: 21px 0;
  color: #432b49;
  font-size: 16px;
  font-weight: 850;
  cursor: pointer;
}

.cm-faq-item p {
  margin: 0;
  padding: 0 0 21px;
  color: #796b7c;
  line-height: 2;
}

.cm-legal-card {
  max-width: 900px;
  margin: 0 auto;
  padding: 32px;
}

.cm-legal-card h2 {
  margin: 28px 0 8px;
  color: #432b49;
  font-size: 22px;
}

.cm-legal-card h2:first-child {
  margin-top: 0;
}

.cm-legal-card p {
  margin: 0;
  color: #796b7c;
  line-height: 2.1;
}

@media (max-width: 1080px) {
  .hn-footer-main {
    grid-template-columns: 1.4fr repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .hn-footer-cta__inner {
    align-items: stretch;
    flex-direction: column;
    padding: 28px 22px;
  }

  .hn-footer-cta__actions,
  .hn-footer-cta__actions .v2-btn {
    width: 100%;
  }

  .hn-footer-main {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .hn-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .cm-legal-card {
    padding: 24px 20px;
  }
}

/* Public WordPress chrome is intentionally hidden on the branded website. */
body.connect-media-standalone-page #wpadminbar { display: none !important; }
html { margin-top: 0 !important; }