/* MWH Elementor Pack — global styles */
:root{
  --mwh-radius: 16px;
  --mwh-gap: 24px;
  --mwh-shadow: 0 8px 24px rgba(0,0,0,.06);
}

.mwh-section{
  position:relative;
  width:100%;
  box-sizing:border-box;
}

.mwh-container{
  position:relative;
  display:flex;
  gap:var(--mwh-gap);
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}

.mwh-card{
  border-radius:var(--mwh-radius);
  box-shadow:var(--mwh-shadow);
  background:#fff;
  overflow:hidden;
}

.mwh-ribbon{
  position:absolute;
  top:12px; inset-inline-end:-10px;
  background:#ffbf47;
  color:#111;
  padding:.35rem .75rem;
  font-weight:700;
  border-start-start-radius:8px;
  border-end-start-radius:8px;
}

.mwh-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.25rem .5rem;
  border-radius:999px;
  font-weight:600;
  box-shadow:var(--mwh-shadow);
  background:#fff;
}

.mwh-hero{ padding:40px; }
.mwh-hero__content{ flex:1 1 420px; }
.mwh-hero__media{ flex:1 1 320px; text-align:center; }
.mwh-hero__buttons{ display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; }
.mwh-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.75rem 1.25rem; border-radius:10px; border:1px solid transparent; text-decoration:none; font-weight:700;
}
.mwh-btn--primary{ background:#111827; color:#fff; }
.mwh-btn--ghost{ background:transparent; border-color:#d1d5db; color:#111827; }

/* Pricing */
.mwh-pricing{ padding:40px 20px; }
.mwh-pricing__grid{ display:grid; gap:20px; grid-template-columns:repeat(4, minmax(0,1fr)); }
@media (max-width:1024px){ .mwh-pricing__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:680px){ .mwh-pricing__grid{ grid-template-columns:1fr; } }
.mwh-price{ font-size:32px; font-weight:800; }
.mwh-features{ margin:0; padding-inline-start: 1.1rem; line-height:1.9; }

/* Feature grid */
.mwh-features-grid{ padding:40px 20px; }
.mwh-features-grid__wrap{ display:grid; gap:20px; grid-template-columns:repeat(4, minmax(0,1fr)); }
@media (max-width:1024px){ .mwh-features-grid__wrap{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:680px){ .mwh-features-grid__wrap{ grid-template-columns:1fr; } }
.mwh-feature{ padding:24px; border-radius:var(--mwh-radius); background:#fff; box-shadow:var(--mwh-shadow); }

/* Testimonial hero */
.mwh-testimonial-hero{ padding:40px 20px; background:#f5f2ff; border-radius:var(--mwh-radius); }
.mwh-testimonial-hero__media img{ border-radius:12px; box-shadow:var(--mwh-shadow); }
.mwh-counters{ display:flex; gap:24px; flex-wrap:wrap; margin-top:18px; }
.mwh-counter{ min-width:120px; }
.mwh-counter__value{ font-weight:800; font-size:28px; }

/* Progress bars */
.mwh-progress{ padding:40px 20px; }
.mwh-progress__bar{ position:relative; height:10px; background:#eef2f7; border-radius:999px; overflow:hidden; }
.mwh-progress__value{ position:absolute; inset:0; transform-origin: inline-start; width:0%; border-radius:999px; }
.mwh-progress__row{ margin:14px 0 22px; }

/* Testimonials carousel */
.mwh-testi{ padding:40px 20px; }
.mwh-testi .swiper{ overflow:visible; }
.mwh-testi .swiper-slide{ height:auto; }
.mwh-testi__item{ padding:24px; background:#fff; border-radius:var(--mwh-radius); box-shadow:var(--mwh-shadow); height:100%; }

/* Blog cards */
.mwh-blog{ padding:40px 20px; }
.mwh-blog__grid{ display:grid; gap:20px; grid-template-columns:repeat(3, minmax(0,1fr)); }
@media (max-width:1024px){ .mwh-blog__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:680px){ .mwh-blog__grid{ grid-template-columns:1fr; } }
.mwh-blog__card{ overflow:hidden; background:#fff; border-radius:var(--mwh-radius); box-shadow:var(--mwh-shadow); }
.mwh-blog__thumb img{ width:100%; height:220px; object-fit:cover; display:block; }

/* FAQ */
.mwh-faq{ padding:40px 20px; }
.mwh-faq__item{ border-bottom:1px solid #e5e7eb; padding:16px 0; }
.mwh-faq__q{ cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:10px; font-weight:700; }
.mwh-faq__a{ display:none; padding-top:10px; color:#4b5563; }

/* CTA sections */
.mwh-cta{ padding:40px 20px; border-radius:var(--mwh-radius); }
.mwh-cta--accent{ background:#fff7ed; }
.mwh-cta--success{ background:#ecfff4; }

/* RTL tweaks */
html[dir="rtl"] .mwh-ribbon{ inset-inline-start:-10px; inset-inline-end:auto; border-start-end-radius:8px; border-end-end-radius:8px; }
html[dir="rtl"] .mwh-features{ padding-inline-start: 0; padding-inline-end: 1.1rem; }