/* 1) قاعدة أساس: كبّر الصورة واترك العرض تلقائي */
.navbar-brand img {
  height: 100px;        /* عدّل الرقم الذي تريده */
  width: auto;
  max-height: none !important;
  max-width: none !important;
  display: block;
}

/* 2) سطح المكتب: كبّر أكثر لو حاب */
@media (min-width: 1024px) {
  .navbar-brand img { height: 100px; }
}

/* 3) عند التثبيت أعلى الصفحة (navbar sticky) صغّر شوي لو تبغى */
.main-nav-container.fixed-pinned .navbar-brand img {
  height: 100px !important;   /* يضمن الثبات حتى مع قواعد أخرى */
  width: auto !important;
}

/* 4) تأكد أن الحاوية ما تضغط الصورة */
.navbar-brand {
  min-height: 100px;          /* أو نفس قيمة ارتفاع الصورة الأساسية */
  display: flex;
  align-items: center;
}

/* 5) لو في قالب يفرض أبعادًا inline على <img>، هذا يلغيها */
.navbar-brand img[width], .navbar-brand img[height] {
  width: auto !important;
  height: 100px !important;
}


/* Make the whole select area feel clickable */
.select-clicker,
.select-clicker select {
  cursor: pointer;
}

/* Ensure nothing sits on top blocking the first click */
.select-clicker {
  position: relative;
  z-index: 1;
}

/* Optional: nicer focus ring */
.select-clicker select:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(65,64,66,.25);
}