@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

/*
 * Dorar Design System — v3.3.5
 * المرحلة الأولى: توحيد الهوية البصرية قبل إعادة بناء محتوى الصفحات.
 * النمط المرجعي مستمد من صفحة الطفل: مساحات مريحة، بطاقات ناعمة،
 * بنفسجي درر + أخضر هادئ، وزوايا كبيرة مع استجابة واضحة للموبايل.
 */
:root{
  --dorar-font:"Cairo","Noto Kufi Arabic",Tahoma,Arial,sans-serif;
  --dorar-primary:#2d225d;
  --dorar-primary-soft:#f3eff9;
  --dorar-accent:#38a085;
  --dorar-accent-dark:#2f876e;
  --dorar-secondary:#9acfac;
  --dorar-bg:#f7f8f5;
  --dorar-bg-warm:#f1f0eb;
  --dorar-panel:#ffffff;
  --dorar-text:#201b35;
  --dorar-muted:#68756f;
  --dorar-line:#e2eee8;
  --dorar-radius-xl:34px;
  --dorar-radius-lg:28px;
  --dorar-radius-md:22px;
  --dorar-radius-sm:14px;
  --dorar-shadow:0 18px 50px rgba(32,27,53,.065);
  --dorar-shadow-hover:0 24px 62px rgba(32,27,53,.10);
  --dorar-container:1240px;
}

/* Typography — applies only to Dorar surfaces. */
body.mmrt-lms-public-page,
body.dorar-platform-document,
body.mmrt-contact-full-document,
.mmrt-lms-public-page,
.miyaar-master-app,
.dorar-site-shell-header,
.dorar-site-shell-footer,
.dorar-child-dashboard,
.dorar-admin-dashboard,
.dorar-trainer-dashboard,
.dorar-entity-dashboard,
.dorar-store-page,
.dorar-cart-page,
.dorar-checkout-page,
.dorar-orders-page,
.mmrt-lms-auth,
.mmrt-admin{
  font-family:var(--dorar-font)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

body.mmrt-lms-public-page button,
body.mmrt-lms-public-page input,
body.mmrt-lms-public-page select,
body.mmrt-lms-public-page textarea,
body.dorar-platform-document button,
body.dorar-platform-document input,
body.dorar-platform-document select,
body.dorar-platform-document textarea,
.mmrt-admin button,.mmrt-admin input,.mmrt-admin select,.mmrt-admin textarea{
  font-family:var(--dorar-font)!important;
}

/* Shared readable rhythm. */
body.mmrt-lms-public-page h1,body.mmrt-lms-public-page h2,body.mmrt-lms-public-page h3,
body.dorar-platform-document h1,body.dorar-platform-document h2,body.dorar-platform-document h3,
.miyaar-master-app h1,.miyaar-master-app h2,.miyaar-master-app h3,
.dorar-child-dashboard h1,.dorar-child-dashboard h2,.dorar-child-dashboard h3,
.dorar-admin-dashboard h1,.dorar-admin-dashboard h2,.dorar-admin-dashboard h3,
.mmrt-admin h1,.mmrt-admin h2,.mmrt-admin h3{
  font-family:var(--dorar-font)!important;
  letter-spacing:0!important;
  color:var(--dorar-primary);
}

body.mmrt-lms-public-page p,body.mmrt-lms-public-page li,
body.dorar-platform-document p,body.dorar-platform-document li,
.miyaar-master-app p,.miyaar-master-app li{
  line-height:1.95;
}

/* Unified public-page canvas. */
body.mmrt-lms-public-page,
body.dorar-platform-document,
body.mmrt-contact-full-document{
  background:
    radial-gradient(circle at 8% 8%,rgba(154,207,172,.13),transparent 25%),
    linear-gradient(180deg,#fbfcfa 0%,var(--dorar-bg) 52%,#fbfcfa 100%)!important;
  color:var(--dorar-text)!important;
}

/* Common section language derived from the child page. */
body.mmrt-lms-public-page .dorar-info-content>*,
body.mmrt-lms-public-page .dorar-child-benefits,
body.mmrt-lms-public-page .dorar-child-offerings,
body.mmrt-lms-public-page .dorar-educator-benefits,
body.mmrt-lms-public-page .dorar-educator-services,
body.mmrt-lms-public-page .dorar-hub-section,
body.mmrt-lms-public-page .dorar-hub-paths,
body.mmrt-lms-public-page .dorar-about-path-card,
body.mmrt-lms-public-page .dorar-info-card{
  border-color:var(--dorar-line)!important;
  box-shadow:var(--dorar-shadow)!important;
}

/* Section headings share the same hierarchy. */
body.mmrt-lms-public-page .dorar-child-section-head>span,
body.mmrt-lms-public-page .dorar-educator-section-head>span,
body.mmrt-lms-public-page .dorar-about-kicker,
body.mmrt-lms-public-page .dorar-hub-kicker,
body.mmrt-lms-public-page .dorar-info-hero>span,
.dorar-platform-document .dorar-c-eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  border-radius:999px!important;
  padding:7px 12px!important;
  background:#edf8f3!important;
  border:1px solid #dcece4!important;
  color:var(--dorar-accent-dark)!important;
  font-size:12px!important;
  font-weight:900!important;
}

/* Unified interaction language. */
body.mmrt-lms-public-page a.primary,
body.mmrt-lms-public-page .mmrt-lms-btn,
body.mmrt-lms-public-page .dorar-shell-btn.primary,
body.dorar-platform-document a.primary,
.dorar-child-dashboard a.dorar-admin-btn.primary,
.dorar-admin-dashboard a.dorar-admin-btn.primary{
  border-radius:999px!important;
  font-weight:900!important;
}

body.mmrt-lms-public-page a,
body.dorar-platform-document a,
.dorar-child-dashboard a,
.dorar-admin-dashboard a{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}

@media (hover:hover){
  body.mmrt-lms-public-page .dorar-info-card:hover,
  body.mmrt-lms-public-page .dorar-about-path-card:hover,
  body.mmrt-lms-public-page .dorar-child-benefits-grid article:hover,
  body.mmrt-lms-public-page .dorar-child-offer:hover,
  body.mmrt-lms-public-page .dorar-educator-benefits-grid article:hover,
  body.mmrt-lms-public-page .dorar-educator-service:hover{
    transform:translateY(-3px)!important;
    box-shadow:var(--dorar-shadow-hover)!important;
  }
}

/* Forms: same visual grammar everywhere. */
body.mmrt-lms-public-page input:not([type=checkbox]):not([type=radio]),
body.mmrt-lms-public-page select,
body.mmrt-lms-public-page textarea,
body.dorar-platform-document input:not([type=checkbox]):not([type=radio]),
body.dorar-platform-document select,
body.dorar-platform-document textarea,
.mmrt-admin input:not([type=checkbox]):not([type=radio]),
.mmrt-admin select,.mmrt-admin textarea{
  border:1px solid #dce9e3!important;
  border-radius:15px!important;
  background:#fff!important;
  min-height:44px;
  box-shadow:none!important;
}
body.mmrt-lms-public-page input:focus,body.mmrt-lms-public-page select:focus,body.mmrt-lms-public-page textarea:focus,
body.dorar-platform-document input:focus,body.dorar-platform-document select:focus,body.dorar-platform-document textarea:focus,
.mmrt-admin input:focus,.mmrt-admin select:focus,.mmrt-admin textarea:focus{
  border-color:rgba(56,160,133,.72)!important;
  box-shadow:0 0 0 3px rgba(56,160,133,.12)!important;
  outline:0!important;
}

/* Header/footer are part of the same system, not separate skins. */
.dorar-site-shell-header,.dorar-site-shell-footer{
  font-family:var(--dorar-font)!important;
}
.dorar-site-shell-nav a,.dorar-shell-btn,.dorar-footer-col a{
  font-family:var(--dorar-font)!important;
}

/* Front account dashboards inherit the same child-page surfaces. */
.dorar-child-dashboard,.dorar-admin-dashboard{
  --dorar-dashboard-line:#e3eee8;
  --dorar-dashboard-soft:#f7fbf9;
}
.dorar-child-dashboard .child-panel,
.dorar-child-dashboard .welcome-card,
.dorar-admin-dashboard .dorar-admin-card,
.dorar-admin-dashboard .dorar-admin-area-block{
  border-color:var(--dorar-dashboard-line)!important;
  box-shadow:var(--dorar-shadow)!important;
}

/* wp-admin Dorar screens: same typography and softer surfaces without changing behavior. */
.mmrt-admin{
  --mmrt-dorar-primary:var(--dorar-primary);
  --mmrt-dorar-accent:var(--dorar-accent-dark);
  color:#24322d!important;
}
.mmrt-admin .mmrt-card,.mmrt-admin .mmrt-hero,
.mmrt-admin .mmrt-simple-dashboard-hero,.mmrt-admin .mmrt-simple-hub-hero{
  border-color:#deddd8!important;
  box-shadow:0 14px 38px rgba(45,34,93,.06)!important;
}
.mmrt-admin .button-primary{
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--dorar-primary),var(--dorar-accent-dark))!important;
  color:#fff!important;
  border-radius:12px!important;
  font-weight:800!important;
}

/* Mobile spacing remains generous but compact. */
@media(max-width:720px){
  :root{--dorar-radius-xl:25px;--dorar-radius-lg:22px;}
  body.mmrt-lms-public-page .dorar-info-content>*,
  body.mmrt-lms-public-page .dorar-child-benefits,
  body.mmrt-lms-public-page .dorar-child-offerings,
  body.mmrt-lms-public-page .dorar-educator-benefits,
  body.mmrt-lms-public-page .dorar-educator-services{
    box-shadow:0 10px 28px rgba(32,27,53,.055)!important;
  }
}