/*
  تمكَّن — UI System & Responsive Refactor
  الهدف: تحسين الاتساق البصري والاستجابة بدون حذف محتوى أو تغيير الشعار أو ترتيب الصفحة.
*/

:root{
  --tmk-green:#14835f;
  --tmk-green-soft:rgba(20,131,95,.10);
  --tmk-green-border:rgba(20,131,95,.18);
  --tmk-text:#17211d;
  --tmk-muted:#5f6b66;
  --tmk-card:#ffffff;
  --tmk-radius:28px;
  --tmk-shadow:0 14px 38px rgba(15,23,42,.06);
}

/* نظام كروت موحد */
.quick-card,
.premium-card,
.path-card,
.role-card,
[class*="path"] .card,
[class*="Path"] .card{
  border-radius:var(--tmk-radius) !important;
  box-shadow:var(--tmk-shadow) !important;
  border:1px solid rgba(20,131,95,.14) !important;
}

/* إصلاح بوابات اختيار المسار بدون تغيير المحتوى */
.quick-card,
.premium-card{
  min-height:auto !important;
  height:auto !important;
  padding:clamp(18px, 3vw, 34px) !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:clamp(10px, 1.8vw, 18px) !important;
}

/* أيقونات موحدة الحجم */
.quick-icon,
.path-icon,
.role-icon,
.premium-card img,
.quick-card img{
  width:clamp(42px, 7vw, 72px) !important;
  height:clamp(42px, 7vw, 72px) !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

/* Typography responsive */
.quick-title,
.path-title,
.role-title,
.quick-card h3,
.premium-card h3{
  font-size:clamp(24px, 4.6vw, 42px) !important;
  line-height:1.25 !important;
  margin-block:clamp(8px, 1.4vw, 14px) !important;
}

.quick-desc,
.path-desc,
.role-desc,
.quick-card p,
.premium-card p{
  font-size:clamp(17px, 3vw, 30px) !important;
  line-height:1.65 !important;
  color:var(--tmk-muted) !important;
  margin-block:0 clamp(10px, 1.8vw, 18px) !important;
}

/* أزرار الدخول */
.unified-role-entry,
.path-card-cta,
.quick-card a,
.premium-card a,
.path-card a{
  min-height:44px;
  border-radius:16px !important;
  padding:clamp(10px, 2vw, 16px) clamp(16px, 3vw, 28px) !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

/* شبكة المسارات */
.quick-start-section .quick-grid,
.quick-start-section [role="list"],
.paths-grid,
.path-grid,
.cards-grid{
  gap:clamp(14px, 2.5vw, 28px) !important;
}

/* تقليل الفراغات الكبيرة على الجوال */
@media (max-width: 768px){
  body{
    overflow-x:hidden;
  }

  section{
    scroll-margin-top:88px;
  }

  .quick-card,
  .premium-card,
  .path-card,
  .role-card{
    padding:20px !important;
    border-radius:22px !important;
    min-height:auto !important;
  }

  .quick-title,
  .path-title,
  .role-title,
  .quick-card h3,
  .premium-card h3{
    font-size:28px !important;
    margin:8px 0 !important;
  }

  .quick-desc,
  .path-desc,
  .role-desc,
  .quick-card p,
  .premium-card p{
    font-size:19px !important;
    line-height:1.55 !important;
  }

  .quick-icon,
  .path-icon,
  .role-icon,
  .premium-card img,
  .quick-card img{
    width:54px !important;
    height:54px !important;
  }

  .unified-role-entry,
  .path-card-cta,
  .quick-card a,
  .premium-card a,
  .path-card a{
    width:auto !important;
    max-width:100% !important;
    font-size:18px !important;
  }
}

/* شاشات صغيرة جدًا */
@media (max-width: 420px){
  .quick-card,
  .premium-card,
  .path-card,
  .role-card{
    padding:18px !important;
  }

  .quick-title,
  .path-title,
  .role-title,
  .quick-card h3,
  .premium-card h3{
    font-size:25px !important;
  }

  .quick-desc,
  .path-desc,
  .role-desc,
  .quick-card p,
  .premium-card p{
    font-size:17px !important;
  }
}

/* طباعة وتقارير */
@media print{
  .quick-card,
  .premium-card,
  .path-card,
  .role-card{
    box-shadow:none !important;
  }
}


/* ===== Precise rollback hotfix ===== */

/* منع التأثير على كامل الموقع */
.quick-card h3,
.path-gateway-card h3{
  font-size:clamp(22px,2vw,34px) !important;
}

.quick-card p,
.path-gateway-card p{
  font-size:clamp(15px,1vw,18px) !important;
}

/* إعادة النصوص العامة لوضعها الطبيعي */
body p{
  font-size:inherit !important;
}

body h3{
  font-size:inherit;
}


/* ===== v6.1 UX size & contrast stabilization patch =====
   هدفه تقليل تضخم بطاقات الصفحة الرئيسية وبطاقات المسارات بدون حذف أي محتوى.
   يحافظ على الوضع النهاري/الليلي ويمنع تعارض النص والخلفية. */
:root{
  --ux-card-bg: var(--white, #fff);
  --ux-card-text: var(--text-primary, #1A1A17);
  --ux-card-muted: var(--text-muted, #5A5955);
  --ux-card-border: var(--border, rgba(0,0,0,.09));
}
body.dark{
  --ux-card-bg: var(--white, #181815);
  --ux-card-text: var(--text-primary, #EEECe4);
  --ux-card-muted: var(--text-muted, #A8A79F);
  --ux-card-border: var(--border, rgba(255,255,255,.09));
}
.quick-start-section .quick-start-grid,
.quick-start-section [role="list"],
.paths-section .path-cards{
  align-items:stretch !important;
  gap:clamp(14px,1.5vw,22px) !important;
}
.quick-start-section .quick-card,
.paths-section .quick-card,
.quick-start-section .premium-card,
.paths-section .premium-card{
  background:var(--ux-card-bg) !important;
  color:var(--ux-card-text) !important;
  border:1px solid var(--ux-card-border) !important;
  border-radius:24px !important;
  box-shadow:0 10px 26px rgba(15,23,42,.055) !important;
  min-height:220px !important;
  padding:clamp(22px,2vw,30px) !important;
  gap:14px !important;
  justify-content:flex-start !important;
}
body.dark .quick-start-section .quick-card,
body.dark .paths-section .quick-card,
body.dark .quick-start-section .premium-card,
body.dark .paths-section .premium-card{
  box-shadow:0 12px 28px rgba(0,0,0,.32) !important;
}
.quick-start-section .quick-icon,
.paths-section .quick-icon,
.quick-start-section .premium-card .quick-icon,
.paths-section .premium-card .quick-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  font-size:24px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  background:var(--green-light, rgba(15,123,95,.08)) !important;
}
.quick-start-section .quick-title,
.paths-section .quick-title,
.quick-start-section .premium-card .quick-title,
.paths-section .premium-card .quick-title{
  font-size:clamp(22px,2.05vw,31px) !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  color:var(--ux-card-text) !important;
  margin:6px 0 2px !important;
  letter-spacing:-.25px !important;
}
.quick-start-section .quick-desc,
.paths-section .quick-desc,
.quick-start-section .premium-card .quick-desc,
.paths-section .premium-card .quick-desc{
  font-size:clamp(15px,1.15vw,18px) !important;
  line-height:1.85 !important;
  color:var(--ux-card-muted) !important;
  margin:0 !important;
  max-width:34ch !important;
}
.paths-section .quick-card{
  min-height:190px !important;
}
@media (min-width: 1100px){
  .quick-start-section .quick-card{min-height:250px !important;}
  .paths-section .quick-card{min-height:210px !important;}
}
@media (max-width: 768px){
  .quick-start-section .quick-card,
  .paths-section .quick-card,
  .quick-start-section .premium-card,
  .paths-section .premium-card{
    min-height:auto !important;
    padding:18px !important;
    border-radius:20px !important;
  }
  .quick-start-section .quick-title,
  .paths-section .quick-title,
  .quick-start-section .premium-card .quick-title,
  .paths-section .premium-card .quick-title{
    font-size:21px !important;
  }
  .quick-start-section .quick-desc,
  .paths-section .quick-desc,
  .quick-start-section .premium-card .quick-desc,
  .paths-section .premium-card .quick-desc{
    font-size:15px !important;
  }
  .quick-start-section .quick-icon,
  .paths-section .quick-icon{
    width:38px !important;height:38px !important;font-size:22px !important;
  }
}


/* iOS Safari AI Assistant Zoom Fix */
.ai-assistant input,
.ai-assistant textarea,
.ai-chat-input,
.ai-assistant-panel textarea,
.ai-widget-panel textarea {
  font-size: 16px !important;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .ai-assistant-panel,
  .ai-chat-panel,
  .ai-widget-panel {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: auto !important;
    transform: none !important;
    overflow-x: hidden !important;
  }

  .ai-assistant-panel * {
    max-width: 100%;
    box-sizing: border-box;
  }
}