/*
Theme Name: Costantini Child
Theme URI: 
Description: Thème enfant de Costantini
Author: Bosscom
Author URI: https://bosscom.lu
Template: costantini
Version: 1.0.0
*/


/* =====================
   CSS personnalisé uniquement pour mobile
===================== */

@media (max-width: 768px) {

  /* Navbar collapse mobile */
  .navbar-collapse {
      background-color: white !important;
      border-top: 3px solid #eb1d27;
      border-bottom: 30px solid #eb1d27;
      border-left: none;
      border-right: none;
      border-radius: 0;
      width: 100%;
      left: 0;
      right: 0;
      position: absolute;
      top: 85%;
      z-index: 999;
      transition: none !important; /* supprime les animations */
  }

  /* Sous-menus fermés par défaut */
  .navbar-nav .sub-menu {
      display: none;
      padding-left: 15px;
      font-size: 14px;
      line-height: 1.5em;
      background-color: white;
      color: white;
      transition: none !important; /* supprime les animations */
  }

  /* Curseur pointeur pour items avec sous-menu */
  .navbar-nav .menu-item-has-children > a {
      cursor: pointer;
      transition: none !important; /* supprime les animations */
  }

  /* Style du bouton + / - pour les sous-menus */
  .navbar-nav .menu-item-has-children > a::after {
      content: '▼';
     
      font-weight: bold;
      font-size: 0.7em;
      margin-left: 10px;
      transition: none !important; /* supprime la rotation */
      transform: rotate(0deg) !important;
  }

  /* Ajustement du padding des items */
  .navbar-nav .sub-menu li {
      padding: 0;
  }

  /* Centrer tous les titres et liens de menu */
  .navbar-nav > li > a,
  .navbar-nav .sub-menu li a {
      text-align: center;
      display: block; /* nécessaire pour que text-align fonctionne sur certains thèmes */
  }

  /* Classe à ajouter au body quand le menu est ouvert */
  .body-no-scroll {
      overflow: hidden;
      position: fixed;
      width: 100%;
  }