/* Masque la devise Dhs avant le prix */
.properties_price_label.properties_price_before {
  display: none !important;
}

/* Affiche la devise APRÈS le prix */
.properties_price_data.properties_price1::after {
  content: " Dhs";
  font: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: nowrap;
}

/* Empêche les retours à la ligne entre prix et devise */
.properties_price_data.properties_price1 {
  white-space: nowrap;
}

/* === Agrandir le logo sans agrandir le header === */
.sc_layouts_logo img {
  transform: scale(1.25);           /* Agrandit le logo à 125 % */
  transform-origin: left center;    /* Point d’ancrage : à gauche, centré verticalement */
  height: auto !important;          /* Empêche le redimensionnement forcé */
  max-height: 95px !important;      /* Maintient la hauteur du header */
  width: auto !important;
  transition: all 0.3s ease-in-out;
}

/* Option : pour éviter tout débordement visuel */
.sc_layouts_logo {
  overflow: visible !important;
}

/* Ajustement pour le sticky (au scroll) */
.sc_layouts_row_fixed_on .sc_layouts_logo img {
  transform: scale(1.1);            /* Légèrement plus petit au scroll */
  transform-origin: left center;
}
/* --- Localisation + Contact côte à côte sous le logo (mobile only) --- */
@media (max-width: 767px) {

  /* La colonne de droite devient un conteneur horizontal */
  .top_panel_default .sc_layouts_row_type_compact .sc_layouts_column_align_right {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;       /* empêcher le retour à la ligne des 2 blocs */
    align-items: center;
    justify-content: center;
    gap: 16px;                           /* espace entre les deux blocs */
    width: 100%;
  }

  /* Chaque bloc (adresse / téléphone) : plus de width:100%, plus de block */
  .top_panel_default .sc_layouts_row_type_compact
  .sc_layouts_column_align_right > .sc_layouts_item {
    display: inline-flex !important;     /* icône + texte alignés */
    align-items: center;
    gap: 8px;
    width: auto !important;              /* écrase width:100% du thème */
    flex: 0 0 auto !important;           /* ne pas s’étirer */
    margin: 0 !important;
  }

  /* Évite les retours à la ligne dans les textes (Marrakech / n° tel / email) */
  .top_panel_default .sc_layouts_row_type_compact
  .sc_layouts_column_align_right :is(.address_header, .phone_header, .sc_layouts_item_details, .sc_layouts_item_text) {
    white-space: nowrap !important;
  }
}
/* ===== Header mobile : recentrage + compaction propre ===== */
@media (max-width: 767px) {

  /* 0) RESET : enlève tout position/transform posés précédemment */
  .top_panel_default .sc_layouts_row_type_compact .sc_layouts_logo {
    position: static !important;
    left: auto !important;
    transform: none !important;
  }
  .top_panel_default .sc_layouts_row_type_compact .sc_layouts_logo img {
    transform: none !important;
  }

  /* 1) COLONNE DU LOGO : 100% de largeur et contenu centré */
  .top_panel_default .sc_layouts_row_type_compact .sc_layouts_column_align_left {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }
  .top_panel_default .sc_layouts_row_type_compact .sc_layouts_column_align_left .sc_layouts_logo {
    margin: 0 auto !important;
  }
  .top_panel_default .sc_layouts_row_type_compact .sc_layouts_column_align_left .sc_layouts_logo img {
    display: block !important;
    margin: 0 auto !important;   /* centre l’image elle-même */
  }

  /* 2) COLONNE DROITE (Localisation + Contact) : côte à côte, sans forcer la hauteur */
  .top_panel_default .sc_layouts_row_type_compact .sc_layouts_column_align_right {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
  }
  .top_panel_default .sc_layouts_row_type_compact
  .sc_layouts_column_align_right > .sc_layouts_item {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
  .top_panel_default .sc_layouts_row_type_compact
  .sc_layouts_column_align_right :is(.address_header, .phone_header, .sc_layouts_item_details) {
    white-space: nowrap !important;
  }

  /* 3) COMPACTION : réduit les paddings du header et l’espace avant la ligne grise */
  .top_panel_default .sc_layouts_row_type_compact {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  /* La rangée suivante (avec le bouton burger / ligne grise) remonte un peu */
  .top_panel_default .sc_layouts_row_type_compact + .sc_layouts_row {
    margin-top: -12px !important;
  }
}
/* ===== Réduction fine de la hauteur du header (mobile uniquement) ===== */
@media (max-width: 767px) {

  /* Réduit uniquement l'espace interne du header */
  .top_panel_default .sc_layouts_row_type_compact {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  /* Réduit l’espace sous la zone logo + contact */
  .top_panel_default .sc_layouts_row_type_compact + .sc_layouts_row {
    margin-top: -12px !important;
  }

  /* Préserve la taille du logo et des icônes */
  .top_panel_default .sc_layouts_logo img {
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
  }
}
@media (max-width: 767px) {
  .top_panel_default .sc_layouts_row_type_compact {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .top_panel_default .sc_layouts_row_type_compact + .sc_layouts_row {
    margin-top: -10px !important;
  }
}
/* ===== Compactage fort du header sur mobile (toutes les couches) ===== */
@media (max-width: 767px) {

  /* 1) La rangée compacte elle-même */
  .top_panel_default .sc_layouts_row.sc_layouts_row_type_compact {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 2) Le wrapper interne de la rangée compacte */
  .top_panel_default .sc_layouts_row.sc_layouts_row_type_compact .content_wrap,
  .top_panel_default .sc_layouts_row.sc_layouts_row_type_compact .sc_layouts_row_inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 3) Colonnes + items (supprime tout margin vertical résiduel) */
  .top_panel_default .sc_layouts_row.sc_layouts_row_type_compact .sc_layouts_column,
  .top_panel_default .sc_layouts_row.sc_layouts_row_type_compact .sc_layouts_item {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: normal !important;
  }

  /* 4) Remonter la rangée suivante (celle avec la ligne grise / burger) */
  .top_panel_default .sc_layouts_row.sc_layouts_row_type_compact + .sc_layouts_row {
    margin-top: -14px !important;   /* ajuste -10 / -16 si besoin */
  }

  /* 5) Si la rangée suivante est de type "narrow", on la rend plus fine */
  .top_panel_default .sc_layouts_row.sc_layouts_row_type_narrow,
  .top_panel_default .sc_layouts_row_type_narrow .content_wrap,
  .top_panel_default .sc_layouts_row_type_narrow .sc_layouts_row_inner {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}