.languages-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap:20px;
  margin-top:20px;
}

.language-badge {
  background:#fff;
  padding:12px 16px;
  border-radius:12px;
  text-align:center;
  box-shadow:0 5px 15px rgba(0,0,0,0.05);
  transition: transform 0.3s, box-shadow 0.3s;
}

.language-badge:hover {
  transform: translateY(-5px);
  box-shadow:0 12px 25px rgba(0,0,0,0.15);
}

.lang-level {
  font-size:13px;
  color:#888;
  margin-top:4px;
}


/* ===== Languages Section ===== */
.languages-grid{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  justify-content:flex-start;
}

.language-badge{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:12px 20px;
  border-radius:14px;
  min-width:120px;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  background:var(--card);
  transition:transform 0.3s ease, box-shadow 0.3s ease;
}

.language-badge:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 30px rgba(0,0,0,0.12);
}

.language-badge span{
  font-weight:600;
  font-size:1rem;
  white-space:nowrap; /* الاسم ما ينزلش سطر جديد */
  margin-bottom:6px;
}

/* لون مميز لكل لغة */
.language-badge:nth-child(1) span{
  color:#8b4c3b; /* Arabic: earthy accent */
}

.language-badge:nth-child(2) span{
  color:#2575fc; /* English: blue accent */
}

.lang-level{
  font-size:0.9rem;
  color:#555;
  font-weight:500;
}