/*
 * Petits overrides CSS (chargés en dernier via header.tpl)
 * Objectif: corriger les écarts de style sans retoucher global.css (très volumineux).
 */

/* === Header: compacter et mieux aligner logo / menu / recherche === */
@media (min-width: 992px) {
  /* Le header était “flottant” avec un top:20px; on le remonte légèrement */
  .header-container {
    top: 0 !important;
  }

  /* Recherche + icônes sur une même ligne (le sélecteur de langue ne doit pas s’intercaler) */
  #header .center-header .op-header-center-wrap {
    display: block !important; /* on n’a plus besoin du flex ici */
  }
  #header .right-header .op-header-right-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: nowrap; /* évite que la langue se glisse entre recherche et icônes */
  }
  #header .right-header .op-header-actions {
    display: flex;
    align-items: center;
    gap: 0px;
    order: 1;
  }
  #header .right-header .op-header-translate {
    order: 2;          /* après les icônes */
    flex: 0 0 auto;
    white-space: nowrap;
  }

  #header_content {
    padding-bottom:25px !important;
  }

  #header-main{
    background-color: #fff !important;
  }

  /* Supprimer les séparateurs/bordures internes dans le header */
  .header-content .center-header,
  .header-content .right-header {
    border-bottom: 0 !important;
  }
  .btn-search,
  .btn-close-search,
  .header_user_info .popup-title,
  #leo_block_top .popup-title,
  .blockcart_top .img-cart {
    border: 0 !important;
  }

  /* Icônes compte/panier : une seule “ligne” (hauteur compacte + centrage) */
  .header_user_info .popup-title,
  .blockcart_top .img-cart {
    width: 46px !important;
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* Badge quantité : recalage après réduction de hauteur */
  .blockcart_top .ajax_cart_quantity {
    top: 10px !important;
    right: 8px !important;
  }

  /* Logo plus lisible et moins de “blanc” */
  .left-header .logo-header {
    max-width: 280px !important;
    line-height: 60px !important;
    margin-left: 0 !important;
  }
  .left-header .logo-header img {
    max-height: 78px;
    width: auto;
    height: auto;
    vertical-align: middle;
  }

  /* Espace entre le header et la première section */
  body#index #slideshow {
    margin-top: 18px;
  }
  /* Sur les autres pages, le contenu commence sur #columns */
  body:not(#index) #columns {
    padding-top: 18px;
  }

  /* Menu principal: réduire la hauteur globale */
  #leo-megamenu ul.navbar-nav > li > a {
    padding: 16px 12px !important;
    font-size: 12px;
  }
}

@media (max-width: 991px) {
  /* En mobile/tablette: éviter les retours de ligne bizarres */
  #header .center-header .op-header-center-wrap {
    justify-content: center;
  }
}