/* ==========================================================================
   منصة أطلس سوريا - أنماط الواجهة الأمامية
   ملاحظة: هذا الملف مستقل بذاته (لا يعتمد على أي قالب) حتى تعمل الإضافة
   وتبدو متناسقة بصرياً فوق أي قالب نشط، مع تطابق كامل في الهوية اللونية
   عند استخدامها مع قالب "أطلس سوريا".
   ========================================================================== */

:root{
  --asp-navy-950:#0a1a2b; --asp-navy-900:#0f2942; --asp-navy-800:#153a5c; --asp-navy-700:#1c4b75;
  --asp-gold-600:#b8862f; --asp-gold-500:#c89b3c; --asp-gold-400:#dcb35c;
  --asp-cream-50:#faf7f0; --asp-cream-100:#f3ede0;
  --asp-ink-900:#1c2530; --asp-ink-700:#3d4753; --asp-ink-500:#6b7684;
  --asp-line:#e4dcc8; --asp-white:#fff;
  --asp-green:#2f7d4f; --asp-amber:#b8862f; --asp-red:#b93b3b;
  --asp-radius:10px; --asp-shadow:0 10px 30px -12px rgba(15,41,66,.25); --asp-shadow-sm:0 2px 10px -4px rgba(15,41,66,.18);
  --asp-container:1180px;
}

/* عناصر أساسية مشتركة (متوافقة مع فئات as- المستخدمة في قوالب الإضافة) -------- */
.container{max-width:var(--asp-container);margin:0 auto;padding:0 24px;}
.as-eyebrow{display:inline-block;color:var(--asp-gold-600);font-weight:700;letter-spacing:.06em;font-size:.85rem;margin-bottom:10px;}
.as-empty{padding:40px 0;text-align:center;color:var(--asp-ink-500);grid-column:1/-1;}
.as-text-center{text-align:center;}

.as-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;font-weight:700;font-size:.92rem;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;}
.as-btn:hover{transform:translateY(-2px);}
.as-btn-gold{background:linear-gradient(135deg,var(--asp-gold-500),var(--asp-gold-600));color:var(--asp-navy-950);box-shadow:var(--asp-shadow-sm);}
.as-btn-navy{background:var(--asp-navy-900);color:#fff;}
.as-btn-navy:hover{color:#fff;}
.as-btn-outline-navy{background:transparent;border-color:var(--asp-navy-900);color:var(--asp-navy-900);}
.as-btn-outline-navy:hover{background:var(--asp-navy-900);color:#fff;}
.as-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;}

.as-form input,.as-form select,.as-form textarea,.asp-form input,.asp-form select,.asp-form textarea{
  width:100%;padding:11px 13px;border:1.5px solid var(--asp-line);border-radius:8px;background:var(--asp-cream-50);color:var(--asp-ink-900);font-family:inherit;font-size:.95rem;
}
.as-form label,.asp-form label{display:block;font-weight:700;font-size:.85rem;margin-bottom:6px;color:var(--asp-ink-700);}
.as-form-row,.asp-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;}
.as-form-full{grid-column:1/-1;}

.as-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.as-card{background:var(--asp-white);border-radius:var(--asp-radius);overflow:hidden;box-shadow:var(--asp-shadow-sm);border:1px solid var(--asp-line);transition:transform .2s ease,box-shadow .2s ease;}
.as-card:hover{transform:translateY(-4px);box-shadow:var(--asp-shadow);}
.as-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--asp-navy-900);}
.as-card-media img{width:100%;height:100%;object-fit:cover;}
.as-card-body{padding:18px 20px 22px;}
.as-card-meta{font-size:.78rem;color:var(--asp-gold-600);font-weight:700;margin-bottom:8px;}
.as-card-body h3{margin:0 0 8px;font-size:1.1rem;}
.as-card-body h3 a{color:var(--asp-navy-900);text-decoration:none;}
.as-card-body p{color:var(--asp-ink-500);font-size:.92rem;margin:0 0 10px;}
.as-card-link{font-weight:700;font-size:.85rem;color:var(--asp-navy-800);text-decoration:none;}

.as-content-wrap{display:grid;grid-template-columns:2.1fr 1fr;gap:40px;padding:16px 0 56px;}
.as-article h1{font-size:1.9rem;color:var(--asp-navy-900);margin:0 0 .4em;}
.as-article h2{color:var(--asp-navy-900);margin:1.4em 0 .5em;font-size:1.35rem;}
.as-article .as-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--asp-ink-500);font-size:.88rem;margin-bottom:20px;}
.as-sidebar .widget{background:var(--asp-white);border:1px solid var(--asp-line);border-radius:var(--asp-radius);padding:20px;margin-bottom:20px;}
.as-sidebar .widget h3{margin:0 0 12px;font-size:1rem;color:var(--asp-navy-900);}
.as-sidebar .widget ul{list-style:none;margin:0;padding:0;}
.as-sidebar .widget ul li{padding:6px 0;border-bottom:1px dashed var(--asp-line);font-size:.92rem;}
.as-sidebar .widget ul li:last-child{border-bottom:none;}
.as-pagination{display:flex;gap:8px;justify-content:center;margin-top:20px;}
.as-pagination a,.as-pagination span{padding:8px 14px;border-radius:8px;border:1px solid var(--asp-line);color:var(--asp-navy-900);font-weight:700;text-decoration:none;}

/* صفحات الإضافة العامة -------------------------------------------------- */
.asp-page-wrap{padding:40px 0 64px;}
.asp-page-head{max-width:760px;margin:0 auto 32px;text-align:center;}
.asp-page-head h1{color:var(--asp-navy-900);font-size:2rem;margin:0 0 .3em;}
.asp-page-head p{color:var(--asp-ink-500);}

.asp-entity-header{display:flex;gap:20px;align-items:center;margin-bottom:24px;flex-wrap:wrap;}
.asp-entity-logo img{width:110px;height:110px;object-fit:cover;border-radius:var(--asp-radius);box-shadow:var(--asp-shadow-sm);}
.asp-entity-avatar img{width:90px;height:90px;object-fit:cover;border-radius:50%;box-shadow:var(--asp-shadow-sm);}
.asp-entity-header h1{margin:0 0 6px;color:var(--asp-navy-900);}
.asp-name-en{color:var(--asp-ink-500);margin:0 0 8px;}
.asp-breadcrumb-mini{font-size:.85rem;color:var(--asp-ink-500);margin:0 0 6px;}
.asp-breadcrumb-mini a{color:var(--asp-ink-500);}

.asp-badges{display:flex;gap:8px;flex-wrap:wrap;}
.asp-badge{background:var(--asp-cream-100);color:var(--asp-navy-800);border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:700;}
.asp-badge-verified{background:#e5f3ea;color:var(--asp-green);}

/* أداة القبول والمقارنة --------------------------------------------------- */
.asp-tool{margin:20px 0 50px;}
.asp-disclaimer{background:#fff8e6;border:1px solid #f0d896;color:#7a5b12;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:20px;}
.asp-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0;padding:14px 18px;background:var(--asp-cream-100);border-radius:var(--asp-radius);}
.asp-toolbar-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.asp-toolbar select{padding:8px 10px;border-radius:8px;border:1px solid var(--asp-line);}
#asp-result-count{font-weight:700;color:var(--asp-navy-900);}

.asp-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.asp-results-table{width:100%;border-collapse:collapse;min-width:820px;background:var(--asp-white);}
.asp-results-table th,.asp-results-table td{padding:12px 14px;text-align:right;border-bottom:1px solid var(--asp-line);font-size:.9rem;white-space:nowrap;}
.asp-results-table thead th{background:var(--asp-navy-900);color:#fff;position:sticky;top:0;font-weight:700;}
.asp-results-table tbody tr:hover{background:var(--asp-cream-50);}
.asp-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700;}
.asp-status-eligible{background:#e5f3ea;color:var(--asp-green);}
.asp-status-borderline{background:#fff3d9;color:var(--asp-amber);}
.asp-status-not_eligible{background:#fbe9e9;color:var(--asp-red);}
.asp-fav-toggle{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--asp-line);}
.asp-fav-toggle.is-active{color:var(--asp-gold-500);}
.asp-static-table{width:100%;border-collapse:collapse;margin:16px 0;}
.asp-static-table th,.asp-static-table td{padding:10px 12px;border:1px solid var(--asp-line);text-align:right;font-size:.92rem;}
.asp-static-table th{background:var(--asp-cream-100);width:200px;}

.asp-modal{position:fixed;inset:0;background:rgba(10,26,43,.55);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;}
.asp-modal[hidden]{display:none;}
.asp-modal-inner{background:#fff;border-radius:var(--asp-radius);padding:28px;max-width:920px;width:100%;max-height:85vh;overflow:auto;position:relative;}
.asp-modal-close{position:absolute;top:14px;left:14px;background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--asp-ink-500);line-height:1;}

.asp-print-only{display:none;}
@media print{
  body *{visibility:hidden;}
  .asp-print-only,.asp-print-only *{visibility:visible;}
  .asp-print-only{display:block;position:absolute;inset:0;padding:20px;}
}

/* الأدلة (جامعات/باحثون/مجلات) ------------------------------------------- */
.asp-directory{margin-top:10px;}
.asp-filter-form{background:var(--asp-cream-100);padding:20px;border-radius:var(--asp-radius);margin-bottom:26px;}
.asp-directory-grid{min-height:80px;}

/* مخطط الهيكل الإداري (بدون أي مكتبة JS) ---------------------------------- */
.asp-orgchart{margin:20px 0 30px;text-align:center;}
.asp-org-node{display:inline-block;background:var(--asp-white);border:2px solid var(--asp-navy-800);border-radius:8px;padding:10px 16px;margin:6px;font-size:.88rem;color:var(--asp-navy-900);}
.asp-org-root{background:var(--asp-navy-900);color:#fff;border-color:var(--asp-navy-900);font-weight:700;}
.asp-org-branch{position:relative;padding-top:16px;}
.asp-org-branch::before{content:"";display:block;width:2px;height:16px;background:var(--asp-line);margin:0 auto;}
.asp-org-colleges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;}
.asp-org-college{display:flex;flex-direction:column;}
.asp-org-small{font-size:.78rem;color:var(--asp-ink-500);border-color:var(--asp-line);}
.asp-org-college-title a{color:var(--asp-navy-900);text-decoration:none;font-weight:700;}

/* منشورات علمية ------------------------------------------------------------ */
.asp-pub-list{list-style:none;margin:0;padding:0;}
.asp-pub-list li{padding:12px 0;border-bottom:1px solid var(--asp-line);}
.asp-pub-list a{color:var(--asp-navy-900);text-decoration:none;}
.asp-pub-meta{display:block;color:var(--asp-ink-500);font-size:.85rem;margin-top:4px;}

/* إحصائيات وشورت كودز الصفحة الرئيسية -------------------------------------- */
.asp-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.asp-stat-light{background:var(--asp-white);border:1px solid var(--asp-line);border-radius:var(--asp-radius);padding:16px;text-align:center;}
.asp-stat-light strong{display:block;font-size:1.7rem;color:var(--asp-gold-600);}
.asp-stat-light span{font-size:.82rem;color:var(--asp-ink-500);}

.asp-tag-cloud{display:flex;flex-wrap:wrap;gap:10px;}
.asp-tag{background:var(--asp-cream-100);color:var(--asp-navy-800);padding:8px 14px;border-radius:999px;font-size:.85rem;text-decoration:none;font-weight:600;}
.asp-tag span{color:var(--asp-ink-500);}

.asp-score-cta{background:var(--asp-white);border:1px solid var(--asp-line);border-radius:var(--asp-radius);padding:22px;max-width:560px;margin:0 auto;}
.asp-score-cta-row{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;}
.asp-score-cta-row input{flex:1;min-width:160px;}

.asp-notice{padding:14px 18px;border-radius:8px;margin-bottom:20px;font-weight:600;}
.asp-notice-success{background:#e5f3ea;color:var(--asp-green);}
.asp-notice-error{background:#fbe9e9;color:var(--asp-red);}

.asp-map-embed iframe{border-radius:8px;}

/* استجابة للجوال ------------------------------------------------------------ */
@media (max-width:960px){
  .as-content-wrap{grid-template-columns:1fr;}
  .as-grid{grid-template-columns:repeat(2,1fr);}
  .as-form-row,.asp-form-row{grid-template-columns:1fr;}
  .asp-stats-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:600px){
  .as-grid{grid-template-columns:1fr;}
  .asp-stats-grid{grid-template-columns:repeat(2,1fr);}
  .asp-entity-header{flex-direction:column;align-items:flex-start;}
}
