/* MEDAWEE_PAGES_V1 — الرئيسية (مميزون/أطباء/انضمام) + صفحة الانضمام + صفحة المنشأة (شريط ثابت) + الأسئلة الشائعة + عداد المشاهدات */
:root { --mwb: var(--mw-brand, #006666); --mwbs: var(--mw-brand-soft, #e6f0f0); --mwbd: var(--mw-brand-dark, #004d4d); --mwl: #e3ebee; --mwi: #1f2a37; --mwm: #6b7785; }

/* أزرار عامة */
.mw-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 10px 20px; border-radius: 14px; background: var(--mwb); color: #fff !important; font-weight: 800; font-size: 15px; text-decoration: none !important; border: 1px solid var(--mwb); cursor: pointer; transition: background .15s, transform .15s; }
.mw-btn:hover { background: var(--mwbd); transform: translateY(-1px); }
.mw-btn--outline { background: #fff; color: var(--mwb) !important; }
.mw-btn--outline:hover { background: var(--mwbs); }
.mw-btn--light { background: #fff; color: var(--mwb) !important; border-color: #fff; }
.mw-btn--ghost { background: transparent; border-color: rgba(255,255,255,.6); }
.mw-btn--ghost:hover { background: rgba(255,255,255,.12); }

/* بطاقات الأطباء المصغرة */
.mw-mini-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.mw-mini { position: relative; background: #fff; border: 1px solid var(--mwl); border-radius: 20px; transition: border-color .15s, box-shadow .15s, transform .15s; }
.mw-mini:hover { border-color: var(--mwb); box-shadow: 0 10px 24px rgba(0,102,102,.08); transform: translateY(-2px); }
.mw-mini__link { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 18px 14px 14px; text-decoration: none !important; color: var(--mwi); height: 100%; }
.mw-mini img { width: 84px; height: 84px; border-radius: 22px; object-fit: cover; background: #f2f6f7; border: 1px solid var(--mwl); }
.mw-mini h3 { font-size: 15px; font-weight: 800; margin: 4px 0 0; line-height: 1.5; }
.mw-mini p { font-size: 13px; color: var(--mwm); margin: 0; line-height: 1.6; }
.mw-mini__cta { margin-top: auto; width: 100%; padding: 9px; border-radius: 12px; background: var(--mwbs); color: var(--mwb); font-weight: 800; font-size: 13px; }
.mw-mini:hover .mw-mini__cta { background: var(--mwb); color: #fff; }
.mw-mini__badge { position: absolute; top: 10px; left: 10px; background: #fff6e0; color: #8a5a00; border: 1px solid #f3dca6; border-radius: 999px; padding: 2px 9px; font-size: 11px; font-weight: 800; z-index: 1; }

/* قسم الانضمام في الرئيسية */
.mw-join-band { display: grid; grid-template-columns: 1.1fr 1fr; gap: 22px; align-items: center; margin: 26px 0; padding: 28px; border-radius: 26px; color: #fff; background: radial-gradient(circle at 10% 10%, #0a7f7f 0, transparent 45%), linear-gradient(135deg, #004d4d, #006666); direction: rtl; }
.mw-join-band__kicker { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: .3px; background: rgba(255,255,255,.14); padding: 4px 12px; border-radius: 999px; margin-bottom: 10px; }
.mw-join-band h2 { color: #fff; font-size: 26px; font-weight: 800; line-height: 1.5; margin: 0 0 8px; }
.mw-join-band p { color: #d7ecea; margin: 0 0 16px; line-height: 1.9; }
.mw-join-band__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.mw-join-band__types { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mw-join-band__types li:first-child { grid-column: 1 / -1; }
.mw-join-band__types a { display: grid; grid-template-columns: 40px 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); color: #fff !important; text-decoration: none !important; transition: background .15s; }
.mw-join-band__types a:hover { background: rgba(255,255,255,.2); }
.mw-join-band__types i { grid-row: 1 / span 2; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: #fff; color: var(--mwb); font-size: 18px; }
.mw-join-band__types strong { font-size: 15px; }
.mw-join-band__types small { color: #cfe6e4; font-size: 12px; }

/* صفحة الانضمام */
.mw-join { width: min(100% - 24px, 1100px); margin: calc(var(--mw-header, 100px) + 18px) auto 40px; direction: rtl; color: var(--mwi); }
.mw-join__hero { text-align: center; padding: 34px 22px; border-radius: 26px; color: #fff; background: radial-gradient(circle at 85% 0, #0a7f7f 0, transparent 50%), linear-gradient(135deg, #004d4d, #006666); margin-bottom: 18px; }
.mw-join__hero h1 { color: #fff; font-size: 32px; font-weight: 800; margin: 6px 0 10px; line-height: 1.4; }
.mw-join__hero p { color: #d7ecea; max-width: 720px; margin: 0 auto 18px; line-height: 1.9; font-size: 16px; }
.mw-join__tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.mw-join__tabs a { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); color: #fff !important; text-decoration: none !important; border-radius: 999px; padding: 8px 16px; font-weight: 700; font-size: 14px; }
.mw-join__tabs a:hover { background: #fff; color: var(--mwb) !important; }
.mw-join__type, .mw-join__how, .mw-join .mw-form-card { background: #fff; border: 1px solid var(--mwl); border-radius: 22px; padding: 24px; margin-bottom: 16px; scroll-margin-top: calc(var(--mw-header, 100px) + 16px); }
.mw-join__type-head { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }
.mw-join__icon { flex: 0 0 56px; height: 56px; border-radius: 18px; display: grid; place-items: center; background: var(--mwbs); color: var(--mwb); font-size: 24px; }
.mw-join__type h2, .mw-join__how h2, .mw-join .mw-form-card h2 { font-size: 22px; font-weight: 800; margin: 0; color: var(--mwi); }
.mw-join__type-head p { margin: 4px 0 0; color: var(--mwm); }
.mw-join__list { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 10px; }
.mw-join__list li { display: flex; gap: 10px; align-items: flex-start; line-height: 1.8; font-size: 15px; }
.mw-join__list i { color: var(--mwb); margin-top: 6px; }
.mw-join__list--cols { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; }
.mw-join__cta { display: flex; flex-wrap: wrap; gap: 10px; }
.mw-join__how ol { list-style: none; counter-reset: s; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.mw-join__how ol li { counter-increment: s; background: #f6f9f9; border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 4px; }
.mw-join__how ol li::before { content: counter(s); width: 32px; height: 32px; border-radius: 50%; background: var(--mwb); color: #fff; display: grid; place-items: center; font-weight: 800; margin-bottom: 6px; }
.mw-join__how ol li span { color: var(--mwm); font-size: 14px; line-height: 1.7; }

/* صفحة المنشأة: شريط أقسام ثابت + هيدر */
.mf-wrap { margin-top: calc(var(--mw-header, 100px) + 16px) !important; }
.mf-hero { box-shadow: 0 1px 2px rgba(16,24,40,.04); }
.mf-hero > img { background: #f4f8f8; border: 1px solid var(--mwl); object-fit: cover !important; }
.mf-hero h1 { font-size: 28px; font-weight: 800; margin: 2px 0 6px; color: var(--mwi); }
.mf-hero small { display: inline-block; background: var(--mwbs); color: var(--mwb) !important; font-weight: 800; border-radius: 999px; padding: 3px 12px; }
.mf-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 10px; font-size: 14px; color: var(--mwm); }
.mf-hero__meta i { color: var(--mwb); }
.mf-hero__call { background: var(--mwb); color: #fff !important; border-radius: 12px; padding: 7px 14px; font-weight: 800; text-decoration: none !important; }
.mf-hero__call i { color: #fff; }
.mf-nav[data-mw-spy] {
  position: sticky; top: var(--mw-header, 100px); z-index: 900; margin: 0 !important; padding: 10px 6px; gap: 6px !important;
  flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; background: rgba(255,255,255,.96); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  border: 1px solid var(--mwl); border-radius: 16px; box-shadow: 0 6px 18px rgba(16,24,40,.06);
}
.mf-nav[data-mw-spy]::-webkit-scrollbar { display: none; }
.mf-nav[data-mw-spy] a { flex: 0 0 auto; white-space: nowrap; border: 0 !important; background: transparent !important; color: var(--mwm) !important; font-weight: 700; padding: 8px 14px !important; border-radius: 12px !important; }
.mf-nav[data-mw-spy] a:hover { color: var(--mwb) !important; background: var(--mwbs) !important; }
.mf-nav[data-mw-spy] a.is-active { background: var(--mwb) !important; color: #fff !important; }
.mf-section { scroll-margin-top: calc(var(--mw-header, 100px) + 76px) !important; }
.mf-section h2 { font-size: 21px; font-weight: 800; color: var(--mwi); margin-bottom: 12px; }
.mf-links a { color: var(--mwb) !important; background: #fff !important; border-color: var(--mwl) !important; border-radius: 999px !important; font-size: 14px; }
.mf-links a:hover { background: var(--mwbs) !important; border-color: var(--mwb) !important; }
.mf-card { transition: border-color .15s, box-shadow .15s; text-align: center; }
.mf-card:hover { border-color: var(--mwb); box-shadow: 0 8px 20px rgba(0,102,102,.07); }
.mf-card img { object-fit: cover !important; border-radius: 20px !important; background: #f2f6f7; margin: 0 auto 6px; display: block; }
.mf-card h3 { font-size: 16px !important; font-weight: 800; margin: 4px 0; }

/* عداد المشاهدات */
.mw-views { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--mwm); background: #f4f7f8; border-radius: 999px; padding: 3px 11px; }
.mw-views i { color: var(--mwb); }

/* الأسئلة الشائعة */
.medawee-faq { max-width: 900px; margin: 10px auto; direction: rtl; }
.medawee-faq > h2 { font-size: 24px; font-weight: 800; color: var(--mwi); margin-bottom: 14px; text-align: center; }
.medawee-faq__item { background: #fff; border: 1px solid var(--mwl); border-radius: 16px; margin-bottom: 10px; overflow: hidden; transition: border-color .15s, box-shadow .15s; }
.medawee-faq__item[open] { border-color: var(--mwb); box-shadow: 0 8px 20px rgba(0,102,102,.06); }
.medawee-faq__item > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; font-weight: 800; font-size: 16px; color: var(--mwi); line-height: 1.6; }
.medawee-faq__item > summary::-webkit-details-marker { display: none; }
.medawee-faq__item > summary::after { content: "+"; flex: 0 0 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--mwbs); color: var(--mwb); font-size: 20px; font-weight: 700; transition: transform .2s; }
.medawee-faq__item[open] > summary::after { content: "−"; background: var(--mwb); color: #fff; }
.medawee-faq__answer { padding: 0 18px 16px; color: #3d5361; line-height: 2; font-size: 15px; }

@media (max-width: 900px) {
  .mw-join-band { grid-template-columns: 1fr; padding: 22px 18px; }
  .mw-join-band h2 { font-size: 21px; }
  .mw-join__how ol { grid-template-columns: 1fr; }
  .mw-join__list--cols { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .mw-mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .mw-mini__link { padding: 14px 8px 10px; }
  .mw-mini img { width: 68px; height: 68px; border-radius: 18px; }
  .mw-mini h3 { font-size: 13.5px; }
  .mw-join__hero h1 { font-size: 24px; }
  .mw-join__type, .mw-join__how, .mw-join .mw-form-card { padding: 18px; }
  .mf-hero h1 { font-size: 22px; }
  .mf-nav[data-mw-spy] { top: var(--mw-header, 96px); border-radius: 0; margin: 0 -12px !important; }
  .medawee-faq__item > summary { font-size: 15px; padding: 14px; }
}
@media (prefers-reduced-motion: reduce) { .mw-mini, .mw-btn, .medawee-faq__item > summary::after { transition: none; } }

/* MEDAWEE_FEATURED_ROW_V1 — صف «مميز» أعلى قوائم الأطباء */
.mw-dir-featured{border:1px solid rgba(201,151,0,.35);background:linear-gradient(180deg,#fffaf0 0%,#fff 70%)}
.mw-dir-featured .mw-dir-list__title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mw-dir-featured .mw-dir-list__title i{color:#c99700}
.mw-dir-featured .mw-dir-list__title small{font-size:.78rem;font-weight:500;color:#6b7280}
.mw-dir-featured .mw-dir-card{position:relative;border-color:rgba(201,151,0,.3)}
.mw-dir-featured .mw-dir-card::after{content:"مميز";position:absolute;top:10px;left:10px;background:#c99700;color:#fff;font-size:.72rem;font-weight:700;line-height:1;padding:5px 9px;border-radius:999px;box-shadow:0 2px 6px rgba(201,151,0,.3)}

/* MEDAWEE_ARTICLES_V1 — المقالات */
.mw-articles .mw-art-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:12px 14px;-webkit-overflow-scrolling:touch}
.mw-art-cats a{flex:0 0 auto;padding:7px 14px;border-radius:999px;background:#f1f7f6;color:#0f3d3a;font-size:.9rem;text-decoration:none;border:1px solid #dcebe9;white-space:nowrap}
.mw-art-cats a small{color:#5b7f7b;margin-inline-start:4px}
.mw-art-cats a.is-active,.mw-art-cats a:hover{background:#006666;color:#fff;border-color:#006666}
.mw-art-cats a.is-active small,.mw-art-cats a:hover small{color:#cfe9e6}
.mw-art-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.mw-art-layout>.mw-dir-panel{margin:0}
.mw-art-side{position:sticky;top:calc(var(--mw-header,72px) + 12px);display:flex;flex-direction:column;gap:12px}
.mw-art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.mw-art-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3eeed;border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.mw-art-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,102,102,.1)}
.mw-art-card__img{display:block;aspect-ratio:16/9;background:#eef5f4;overflow:hidden}
.mw-art-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.mw-art-card__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.mw-art-card__cat{align-self:flex-start;font-size:.78rem;font-weight:700;color:#006666;background:#e6f0f0;padding:3px 10px;border-radius:999px;text-decoration:none}
.mw-art-card__title{font-size:1rem;line-height:1.6;margin:0}
.mw-art-card__title a{color:#12302e;text-decoration:none}
.mw-art-card__title a:hover{color:#006666}
.mw-art-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:#6b7c7a;font-size:.82rem;margin-top:auto}
.mw-art-meta i{margin-inline-end:4px}
.mw-art-side .mw-art-card{flex-direction:row}
.mw-art-side .mw-art-card__img{flex:0 0 96px;aspect-ratio:1/1}
.mw-art-side .mw-art-card__body{padding:8px 10px}
.mw-art-side .mw-art-card__title{font-size:.9rem}
.mw-art-popular{margin:0;padding:0 18px 0 0;display:flex;flex-direction:column;gap:10px}
.mw-art-popular li{line-height:1.6}
.mw-art-popular a{color:#12302e;text-decoration:none;font-weight:600}
.mw-art-popular a:hover{color:#006666}
.mw-art-popular .mw-views{display:block;font-size:.78rem}
.mw-art{padding:22px 26px}
.mw-art__head h1{font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.5;margin:10px 0 8px;color:#0f2e2c}
.mw-art-credits{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mw-art-credits li{background:#f6faf9;border:1px solid #e3eeed;border-radius:10px;padding:5px 10px;font-size:.85rem}
.mw-art-credits span{color:#6b7c7a;margin-inline-end:4px}
.mw-art__cover{margin:18px 0 0;border-radius:16px;overflow:hidden;background:#eef5f4}
.mw-art__cover img{width:100%;height:auto;display:block}
.mw-art__lead{font-size:1.08rem;line-height:2;color:#24403e;background:#f4faf9;border-inline-start:4px solid #006666;padding:12px 16px;border-radius:10px;margin:18px 0 0}
.mw-art__body{font-size:1.04rem;line-height:2.05;color:#1f2d2c;margin-top:18px;overflow-wrap:anywhere}
.mw-art__body h2,.mw-art__body h3,.mw-art__body h4{color:#0f3d3a;line-height:1.6;margin:1.6em 0 .6em}
.mw-art__body h2{font-size:1.35rem}.mw-art__body h3{font-size:1.18rem}
.mw-art__body p{margin:0 0 1em}
.mw-art__body ul,.mw-art__body ol{padding-inline-start:1.4em;margin:0 0 1em}
.mw-art__body li{margin-bottom:.35em}
.mw-art__body img{max-width:100%;height:auto!important;border-radius:12px}
.mw-art__body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.mw-art__body td,.mw-art__body th{border:1px solid #e3eeed;padding:6px 10px}
.mw-art__body a{color:#006666;text-decoration:underline;text-underline-offset:3px}
.mw-art__body a.mw-autolink{text-decoration-style:dotted}
.mw-art__body *{max-width:100%}
.mw-art-book{margin-top:22px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#006666,#0a7f7f);color:#fff}
.mw-art-book h2{font-size:1.05rem;margin:0 0 10px;color:#fff}
.mw-art-book .mw-chips{display:flex;flex-wrap:wrap;gap:8px}
.mw-art-book .mw-chips a{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35);padding:6px 12px;border-radius:999px;text-decoration:none;font-size:.9rem}
.mw-art-book .mw-chips a:hover{background:#fff;color:#006666}
.mw-art__note{margin:18px 0 0;font-size:.86rem;color:#6b7c7a}
.mw-empty{color:#6b7c7a;padding:10px 0}
@media (max-width:900px){.mw-art-layout{grid-template-columns:1fr}.mw-art-side{position:static}.mw-art{padding:16px}}

/* MEDAWEE_LIST_SORT_V1 — شريط الفرز + شارات البطاقة + إعلان داخل القائمة */
.mw-sortbar{display:flex;align-items:center;gap:8px;padding:6px 20px 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mw-sortbar::-webkit-scrollbar{display:none}
.mw-sortbar__label{flex:0 0 auto;font-size:.85rem;color:#6b7c7a;margin-inline-end:2px}
.mw-sortbar a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid #dcebe9;background:#fff;color:#0f3d3a;font-size:.88rem;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.mw-sortbar a:hover{border-color:#006666;color:#006666}
.mw-sortbar a.is-active{background:#006666;border-color:#006666;color:#fff}
.mw-sortbar .mw-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18)}
.mw-sortbar a.is-active .mw-dot{background:#bbf7d0}
.mw-badge{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:700;line-height:1;padding:4px 8px;border-radius:999px;vertical-align:middle;white-space:nowrap}
.mw-badge--verified{background:#e8f1ff;color:#1d4ed8;margin-inline-start:6px}
.mw-badge--book{background:#e6f0f0;color:#006666}
.mw-dir-list>.mw-ad{margin:4px 20px 10px!important;max-width:none}
.mw-dir-list>.mw-empty{padding:18px 20px}
@media (max-width:700px){.mw-sortbar{padding:4px 14px 10px}.mw-dir-list>.mw-ad{margin:4px 14px 10px!important}}

/* MEDAWEE_PACKAGES_V2 — شارة مستوى الباقة + قسم أطباء جدد */
.mw-badge--tier{background:#fff7e0;color:#8a6400;margin-inline-start:6px;border:1px solid rgba(201,151,0,.35)}
.mw-badge--tier3{background:linear-gradient(135deg,#1f2937,#374151);color:#facc15;border-color:#111827}
.mw-home-block--new .mw-home-block__head h2 i{color:#16a34a;margin-inline-end:6px}

/* MEDAWEE_CARD_FIRST_SLOT_V1 — أقرب موعد على البطاقة */
.mw-badge--slot{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}

/* MEDAWEE_RICH_BIO_V1 — نبذة الطبيب المنسقة */
.mw-rich{line-height:2;color:#1f2d2c}
.mw-rich p{margin:0 0 .8em}
.mw-rich h3{font-size:1.02rem;color:#006666;margin:1em 0 .4em;font-weight:800}
.mw-rich ul,.mw-rich ol{margin:0 0 .9em;padding-inline-start:1.4em}
.mw-rich li{margin-bottom:.3em}
.mw-rich ul li::marker{color:#006666}
/* MEDAWEE_CARD_CLICK_V1 — بطاقة الطبيب كلها قابلة للنقر (DOC-07) دون تعطيل زر الحجز */
.mw-dir-card{position:relative}
.mw-dir-card__name a::after{content:"";position:absolute;inset:0;z-index:1}
.mw-dir-card__cta,.mw-dir-card .mw-badge{position:relative;z-index:2}
.mw-dir-card:hover{background:#f8fbfb}
.mw-dir-card:focus-within{outline:2px solid #006666;outline-offset:-2px}

/* MEDAWEE_DISCOUNT_V1 — خصم الكشف */
.mw-badge--disc{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.mw-dir-card__price s,.mw-price-disc s{color:#94a3b8;margin-inline-end:4px}
.mw-price-disc{margin-inline-start:8px;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}