/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@media only screen and (max-width: 849px) {

  /*************** ADD MOBILE ONLY CSS HERE  ***************/

  /* Menu mobile Flatsome - police Nunito sur les textes seulement */
  .mfp-content .mobile-sidebar .nav-sidebar > li > a,
  .mfp-content .mobile-sidebar .nav-sidebar .menu-item > a,
  .mfp-content .mobile-sidebar .nav-sidebar ul li a,
  .mfp-content .mobile-sidebar .sidebar-menu a,
  .mfp-content .mobile-sidebar .nav > li > a,
  .mfp-content .mobile-sidebar .nav-vertical > li > a,
  .mfp-content .mobile-sidebar .heading-font,
  .mfp-content .mobile-sidebar .menu-title,
  .mfp-content .mobile-sidebar h1,
  .mfp-content .mobile-sidebar h2,
  .mfp-content .mobile-sidebar h3,
  .mfp-content .mobile-sidebar h4,
  .mfp-content .mobile-sidebar h5,
  .mfp-content .mobile-sidebar h6 {
    font-family: "Nunito", sans-serif !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
  }

  /* Sous-menus légèrement plus petits */
  .mfp-content .mobile-sidebar .nav-sidebar ul li a,
  .mfp-content .mobile-sidebar .sub-menu li a,
  .mfp-content .mobile-sidebar .children li a {
    font-size: 17px !important;
    font-weight: 500 !important;
  }

}
/* Header tablette horizontale - garder logo lisible + réduire l'espacement menu */
@media only screen and (min-width: 850px) and (max-width: 1180px) {

  /* Empêche les menus de passer sur deux lignes */
  .header-main .nav,
  .header-main .header-nav {
    flex-wrap: nowrap !important;
  }

  .header-main .nav > li,
  .header-main .header-nav > li {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* Réduit surtout l'espacement entre les onglets, pas trop la typo */
  .header-main .nav > li > a,
  .header-main .header-nav > li > a {
    font-size: 12px !important;
    letter-spacing: 0.2px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    white-space: nowrap !important;
  }

  /* Logo un peu plus grand */
  .header-main .logo img {
    max-width: 240px !important;
    height: auto !important;
  }

  .header-main .logo {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  /* Zones gauche/droite plus flexibles */
  .header-main .flex-left,
  .header-main .flex-right {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .header-main .flex-right {
    justify-content: flex-end !important;
  }
}