/* ==== الأساس ==== */
.header-top .logo img,
.site-header .logo img,
.navbar-brand img,
.site-logo img,
.logo img {
  display: block;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* ==== سطح المكتب ==== */
@media (min-width: 992px) {
  .header-top .logo img,
  .site-header .logo img,
  .navbar-brand img,
  .site-logo img,
  .logo img {
    height: 85px !important;   /* ← الحجم الجديد */
    max-height: 95px !important;
  }

  .header-top,
  .site-header {
    min-height: 100px;
  }
}

/* ==== الجوال ==== */
@media (max-width: 767px) {
  .header-top .logo img,
  .site-header .logo img,
  .navbar-brand img,
  .site-logo img,
  .logo img {
    height: 55px !important;   /* ← الحجم الجديد */
    max-height: 65px !important;
  }
}

/* ==== في حال اللوقو بخلفية CSS ==== */
.header-top .logo,
.site-header .logo,
.logo {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 180px;
  height: 85px;
}

/* ==== ضمان التمركز ==== */
@media (max-width: 767px) {
  .header-top,
  .site-header {
    text-align: center;
  }
  .header-top .logo,
  .site-header .logo {
    margin: 0 auto;
  }
}/* ==== الأساس ==== */
.header-top .logo img,
.site-header .logo img,
.navbar-brand img,
.site-logo img,
.logo img {
  display: block;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* ==== سطح المكتب ==== */
@media (min-width: 992px) {
  .header-top .logo img,
  .site-header .logo img,
  .navbar-brand img,
  .site-logo img,
  .logo img {
    height: 85px !important;   /* ← الحجم الجديد */
    max-height: 95px !important;
  }

  .header-top,
  .site-header {
    min-height: 100px;
  }
}

/* ==== الجوال ==== */
@media (max-width: 767px) {
  .header-top .logo img,
  .site-header .logo img,
  .navbar-brand img,
  .site-logo img,
  .logo img {
    height: 55px !important;   /* ← الحجم الجديد */
    max-height: 65px !important;
  }
}

/* ==== في حال اللوقو بخلفية CSS ==== */
.header-top .logo,
.site-header .logo,
.logo {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 180px;
  height: 85px;
}

/* ==== ضمان التمركز ==== */
@media (max-width: 767px) {
  .header-top,
  .site-header {
    text-align: center;
  }
  .header-top .logo,
  .site-header .logo {
    margin: 0 auto;
  }
}