/* ======================================================================
   v55 — হোমপেজ স্পেসিং ফিক্স
   ১) নেভবার আর হিরো ব্যাজের মাঝের গ্যাপ (আগে vh-ভিত্তিক ছিল বলে refresh/zoom
      এর সময় কম-বেশি হয়ে যেত — এখন fixed px, তাই সবসময় একই থাকবে)
   ২) "দ্রুত দৈনিক এন্ট্রি" ৪-আইটেম ট্রাস্ট-বার — আরেকটু নিচে, ভেতরে আরেকটু breathing room
   ৩) সেকশনগুলোর মাঝে হালকা extra গ্যাপ (শুধু ডেস্কটপে — মোবাইল আগের মতোই থাকবে)
   ৪) Login / Get Started (auth) স্ক্রিনের লোগো ও টেক্সট সাইজ হোমপেজ নেভবারের মতোই
   ====================================================================== */

/* ---------- ১) নেভবার-হিরো গ্যাপ: fixed px, vh নয় ---------- */
.homepage-view #hp-home {
  padding-top: 46px !important;
}

@media (max-width: 900px) {
  .homepage-view #hp-home {
    padding-top: 20px !important;
  }
}

/* ---------- ২) ট্রাস্ট-বার: আরেকটু নিচে + ভেতরে আরেকটু জায়গা (ডেস্কটপ) ---------- */
@media (min-width: 901px) {
  .mmh-trustbar {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }

  .mmh-trustbar-inner {
    gap: 0 6px;
  }

  .mmh-trust-item {
    padding: 26px 24px !important;
    gap: 14px;
  }

  .mmh-trust-icon {
    width: 42px;
    height: 42px;
  }
}

/* মোবাইলে ট্রাস্ট-বার আগের মতোই (অপরিবর্তিত) */

/* ---------- ৩) সেকশনগুলোর মাঝে হালকা extra গ্যাপ — শুধু ডেস্কটপ ---------- */
@media (min-width: 901px) {
  .homepage-view .hpx-about,
  .homepage-view .hpx-features,
  .homepage-view .hpx-steps,
  .homepage-view .mmh-overview,
  .homepage-view .mmh-roles,
  .homepage-view .mm-pricing,
  .homepage-view .mmh-faq {
    margin-top: 22px;
  }
}

/* ---------- ৪) Auth (Login/Get Started) স্ক্রিনের লোগো হোমপেজের সাইজে ---------- */
.auth-nav .hp-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.auth-nav .hp-logo-img {
  width: 48px !important;
  height: 48px !important;
  max-width: none !important;
}

.auth-nav .hp-logo-text {
  font-size: 1.40rem !important;
  font-weight: 500 !important;
  color: inherit !important;
  letter-spacing: -.01em;
}

@media (max-width: 768px) {
  .auth-nav .hp-logo-img {
    width: 40px !important;
    height: 40px !important;
  }

  .auth-nav .hp-logo-text {
    font-size: 1.25rem !important;
    font-weight: 500 !important;
  }
}

/* ---------- ৫) হোমপেজে থিম ডেমো — Admin permission না থাকলে লক দেখাবে ---------- */
.mmx-theme-demo.mmx-theme-locked {
  cursor: not-allowed;
  filter: grayscale(0.75) brightness(0.62);
}

.mmx-theme-demo.mmx-theme-locked::after {
  content: '🔒' !important;
}

.mmx-theme-demo:disabled {
  opacity: 0.85;
}

.mmx-theme-demo:disabled:hover,
.mmx-theme-demo:disabled:focus-visible {
  transform: none !important;
  outline: none !important;
}

.mmx-theme-access-tag {
  letter-spacing: -.01em;
}