/*
Theme Name: Racine Child
Theme URI: https://racine.ca/
Template: racine-theme
Author: Municipalite de Racine
Description: Theme enfant du theme autonome Racine Theme. Utiliser ce theme pour les ajustements futurs sans modifier le parent.
Version: 1.0.14
Text Domain: racine-child
*/

/* Ajouter ici les ajustements CSS propres au theme enfant. */

/* =========================================================
   Navigation - sous-menus imbriques en cascade vers la droite
   v1.0.4
   ========================================================= */
@media (min-width:1081px) {
  .racine-header-nav,
  .racine-header-nav ul,
  .racine-header-nav li {
    overflow: visible;
  }

  .racine-header-nav .sub-menu {
    z-index: 1000;
  }

  /* Premier niveau : sous le lien principal */
  .racine-header-nav > ul > li > .sub-menu,
  .racine-header-nav .racine-primary-menu > li > .sub-menu {
    top: calc(100% - 16px);
    left: 0;
  }

  /* Niveaux 2+ : ouverture a droite du menu parent */
  .racine-header-nav .sub-menu .menu-item-has-children {
    position: relative;
  }

  .racine-header-nav .sub-menu .menu-item-has-children > .sub-menu {
    top: -10px;
    left: calc(100% + 8px);
    right: auto;
    margin: 0;
    min-width: 255px;
    z-index: 1010;
  }

  /* Petite fleche pour signaler un sous-menu lateral */
  .racine-header-nav .sub-menu .menu-item-has-children > a {
    position: relative;
    padding-right: 38px;
  }

  .racine-header-nav .sub-menu .menu-item-has-children > a::after {
    content: "›";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    line-height: 1;
    color: #0068b7;
  }

  /* Evite qu'un sous-menu lateral masque le premier menu */
  .racine-header-nav .sub-menu .sub-menu {
    box-shadow: 0 16px 34px rgba(20,59,86,.18);
  }
}