/* =========================
   Atlas Directory – Darker Premium Theme
   ========================= */
:root{
  --primary: #004d55;        /* teal غامق */
  --primary-light: #03686f;  
  --accent:  #d97706;        /* برتقالي غامق */
  --text:    #0f172a;        /* شبه أسود */
  --text-weak:#334155;
  --muted:   #6b7280;
  --bg:      #f3f4f6;        /* خلفية رمادية فاتحة */
  --surface: #ffffff;
  --border:  #d1d5db;

  --shadow-sm: 0 6px 16px rgba(0,0,0,.08);
  --shadow-md: 0 12px 26px rgba(0,0,0,.15);
  --radius-lg: 16px;
  --radius-md: 12px;
}

.atlas-wrap h1 {
  color: #16163f !important;
}


/* ========== إطار عام ========== */
.atlas-wrap{max-width:1200px;margin:0 auto;padding:28px 16px;direction:rtl}
.atlas-hero{margin-bottom:24px}
.atlas-crumbs{font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.atlas-crumbs a{color:var(--accent);font-weight:600;text-decoration:none}
.atlas-title{font-size:30px;margin:8px 0 10px;font-weight:900;color:var(--primary)}
.atlas-desc{color:var(--text-weak)}

.atlas-block{margin:36px 0}
.atlas-block-title{font-size:22px;font-weight:900;margin-bottom:16px;color:var(--primary);position:relative}
.atlas-block-title::after{
  content:"";position:absolute;inset-inline-start:0;bottom:-6px;width:60px;height:3px;
  background:var(--accent);border-radius:6px
}

.atlas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}

/* ========== الدول ========== */
.atlas-countries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.country-card{
  background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);
  padding:24px 18px;text-align:center;text-decoration:none;color:var(--text);
  box-shadow:var(--shadow-sm);transition:.25s
}
.country-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}
.country-flag{width:80px;height:80px;margin:0 auto 10px;display:block}
.country-name{display:block;font-weight:800;font-size:18px;color:var(--primary)}
.country-count{display:block;color:var(--accent);font-weight:700;margin-top:4px}

/* ========== القطاعات (Chips) ========== */
.sector-chip{
  display:flex;align-items:center;justify-content:center;background:#f9fafb;
  border:2px solid var(--border);border-radius:14px;padding:14px 18px;text-decoration:none;
  color:var(--primary);font-weight:800;transition:.25s
}
.sector-chip:hover{background:var(--primary);color:#fff;border-color:var(--primary)}

/* ========== البطاقات (المؤسسات) ========== */
.atlas-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.inst-card{
  background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:.25s
}
.inst-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}
.inst-thumb{display:flex;align-items:center;justify-content:center;min-height:150px;background:#f9fafb;border-bottom:2px solid var(--border)}
.inst-thumb img{max-height:110px;width:auto}
.inst-body{padding:16px}
.inst-title{font-size:19px;font-weight:900;margin-bottom:10px;color:var(--primary)}
.inst-title a{text-decoration:none;color:inherit}
.inst-title a:hover{color:var(--accent)}
.inst-meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;color:var(--text-weak);font-size:15px}
.inst-meta a{color:var(--primary);font-weight:600;text-decoration:none}
.inst-meta a:hover{color:var(--accent)}

.atlas-empty{padding:26px;background:#fff;border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--muted);text-align:center}

/* ========== Pagination ========== */
.atlas-pagi{text-align:center;margin-top:20px}
.atlas-pagi .page-numbers{display:inline-block;margin:0 4px;padding:9px 14px;border:2px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);font-weight:700}
.atlas-pagi .current{background:var(--primary);color:#fff;border-color:var(--primary)}

/* ========== مؤسسة فردية ========== */
.inst-hero{
  display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;
  background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);
  padding:20px;box-shadow:var(--shadow-sm);margin-bottom:20px
}
.inst-hero__media img{width:150px;height:150px;object-fit:contain;background:#f9fafb;border:2px solid var(--border);border-radius:12px}
.inst-hero__title{font-size:28px;font-weight:900;color:var(--primary)}
.badge{background:var(--primary-light);color:#fff;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none}
.badge:hover{background:var(--accent)}
.inst-hero__actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.btn{padding:9px 14px;border:2px solid var(--border);border-radius:10px;text-decoration:none;font-weight:700;color:var(--text);background:#fff;transition:.2s}
.btn:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light)}
.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.btn--primary:hover{background:var(--accent);border-color:var(--accent)}

.inst-details{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.inst-row{margin-bottom:12px;color:var(--text-weak);font-size:15px}
.inst-row strong{color:var(--primary)}
.inst-social{list-style:none;display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0;padding:0}
.inst-social a{padding:6px 12px;border-radius:8px;background:#f3f4f6;color:var(--text-weak);border:2px solid var(--border)}
.inst-social a:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light)}

.inst-map{border:2px solid var(--border);border-radius:14px;overflow:hidden;min-height:320px;background:#f9fafb;box-shadow:var(--shadow-sm)}
.inst-map iframe{border:0;width:100%;height:360px}
/* Accordion Style */
.atlas-accordion {display: flex; flex-direction: column; gap: 14px;}

.sector-parent {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow: hidden;
  transition: .3s;
}

.sector-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  cursor: pointer;
  background: #16163f;
  color: #fff;
}

.sector-header h3 {
  margin: 0;
  font-size: 18px;
}

.sector-header h3 a {
  text-decoration: none;
  color: #fff;
}

.toggle-btn {
  border: none;
  background: transparent;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}

.sector-children {
  display: none;
  list-style: none;
  margin: 0;
  padding: 10px 20px;
  background: #f9f9f9;
}

.sector-children li {
  margin: 6px 0;
}

.sector-children li a {
  text-decoration: none;
  color: #16163f;
  font-weight: 600;
}

.sector-parent.open .sector-children {display: block;}
.sector-parent.open .toggle-btn {transform: rotate(45deg);}

/* الشبكة 3 أعمدة */
.atlas-accordion-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

/* الكارد */
.sector-card {
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: all .3s ease;
}

.sector-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

/* الهيدر */
.sector-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  background: #16163f;
  color: #fff;
  cursor: pointer;
}

.sector-header h3 {
  margin: 0;
  font-size: 18px;
}

.sector-header h3 a {
  text-decoration: none;
  color: #fff;
}

/* زر التبديل */
.toggle-btn {
  border: none;
  background: transparent;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: .3s;
}
.sector-card.open .toggle-btn { transform: rotate(45deg); }

/* قائمة القطاعات الفرعية */
.sector-children {
  display: none;
  list-style: none;
  margin: 0;
  padding: 12px 18px;
  background: #f9f9f9;
}

.sector-children li { margin: 6px 0; }
.sector-children li a {
  text-decoration: none;
  color: #16163f;
  font-weight: 600;
}

/* لما يفتح */
.sector-card.open .sector-children { display: block; }

/* الشبكة */
.atlas-wrap .atlas-accordion-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 20px !important;
}

/* الكارد */
.atlas-wrap .sector-card {
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  overflow: hidden;
  transition: all .3s ease;
}

/* الهيدر */
.atlas-wrap .sector-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 14px 18px !important;
  background: #16163f !important;
  color: #fff !important;
  cursor: pointer !important;
}



/* Responsive */
@media (max-width:768px){
  .inst-hero{grid-template-columns:1fr;text-align:center}
  .inst-hero__media img{margin:0 auto}
  .inst-details{grid-template-columns:1fr}
}