/* ═══════════════════════════════════════════════
   HAURANA — Logo officiel (médaillon doré)
   Ne pas modifier sans autorisation
═══════════════════════════════════════════════ */

/* Conteneur logo — toutes variantes de classe */
.logo,
a.logo,
.nav-logo,
a.nav-logo,
.logo-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  flex-shrink: 0;
}

/* Image médaillon — desktop */
.logo img,
a.logo img,
.nav-logo img,
a.nav-logo img {
  height: 56px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block;
}

/* Texte HAURANA à côté du médaillon */
.logo span,
a.logo span,
.nav-logo span,
a.nav-logo span {
  font-family: 'Poppins', 'Georgia', sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

/* Couleur texte selon fond clair/sombre */
.logo span,
a.logo span { color: #0A1628 !important; }

/* Sur fond sombre: ajouter class "logo-light" */
.logo-light span,
a.logo-light span,
.nav-logo span,
a.nav-logo span { color: #FFFFFF !important; }

/* Navbar height — assez haute pour le logo */
.nav-content,
.navbar .container > div { min-height: 72px !important; }

/* ─── Tablette ─── */
@media (max-width: 1024px) {
  .logo img, a.logo img,
  .nav-logo img, a.nav-logo img {
    height: 50px !important;
  }
}

/* ─── Mobile ─── */
@media (max-width: 768px) {
  .logo img, a.logo img,
  .nav-logo img, a.nav-logo img {
    height: 44px !important;
  }
  .logo span, a.logo span,
  .nav-logo span, a.nav-logo span {
    font-size: 1.15rem !important;
  }
  .nav-content,
  .navbar .container > div {
    min-height: 64px !important;
    justify-content: space-between !important;
  }
}