/*
 Theme Name:   AIPIA Nativa
 Theme URI:    https://aipia.it
 Description:  Veste nativa AIPIA — nessun tema padre, nessun page builder. I template chiamano i moduli di aipia-core (header-codice, footer-codice, articolo-codice, archivio-codice) e cadono su un fallback proprio quando un modulo e' spento. Nato in GN164 / F96 (ordine Rafa, dec. 622) per far uscire di scena Hello Elementor.
 Author:       AIPIA
 Version:      1.0.0
 Requires at least: 6.0
 Requires PHP: 8.1
 License:      GPL-2.0-or-later
 Text Domain:  aipia-nativa
*/

/* ============================================================
   Il corpo di questo foglio e' il CSS del vecchio child theme,
   portato VERBATIM (GN164 / F96 B2). Non e' eredita' morta: la
   coverage misurata il 28/08 lo dava usato al 32-36% su tutti i
   template, perche' header-codice RENDERIZZA markup con le
   classi Elementor (.elementor-element-962123e,
   .elementor-nav-menu--dropdown) e queste regole sono lo stile
   del menu mobile che si vede oggi. Toglierle cambierebbe il
   sito; portarle qui lo lascia identico.
   ============================================================ */

/* ============================================
   AIPIA Mobile Menu Restyling v1
   Target: .elementor-element-962123e (Nav Menu widget)
   Breakpoint: <= 1024px (tablet dropdown)
   ============================================ */

@media (max-width: 1024px) {

  /* ----- DROPDOWN CONTAINER ----- */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown {
    border-top: 2px solid #0073aa;
  }

  /* ----- FIRST LEVEL (Parent items) ----- */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown > ul > li > a.elementor-item {
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    padding: 12px 16px !important;
    min-height: 44px;
    display: flex;
    align-items: center;
    line-height: 1.4;
  }

  /* Separatori tra voci parent */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown > ul > li {
    border-bottom: 1px solid #e8e8e8;
  }

  /* Rimuove border sull'ultimo parent */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown > ul > li:last-child {
    border-bottom: none;
  }

  /* ----- SECOND LEVEL (Child items) ----- */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown > ul > li > ul.sub-menu > li > a.elementor-sub-item {
    font-weight: 400 !important;
    font-size: 14px !important;
    text-transform: none !important;
    color: #444444 !important;
    padding: 10px 16px 10px 20px !important;
    min-height: 44px;
    display: flex;
    align-items: center;
    line-height: 1.4;
  }

  /* Nessun border-bottom tra voci child */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown > ul > li > ul.sub-menu > li {
    border-bottom: none !important;
  }

  /* ----- THIRD LEVEL (Sub-child items) ----- */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu > li > a {
    font-weight: 400 !important;
    font-size: 13px !important;
    text-transform: none !important;
    color: #666666 !important;
    padding: 10px 16px 10px 20px !important;
    min-height: 44px;
    display: flex;
    align-items: center;
    line-height: 1.4;
  }

  /* ----- SFONDO E BORDO LATERALE SOTTOMENU ----- */
  /* Bordo blu a sinistra sul blocco sottomenu (2 livello) */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown > ul > li > ul.sub-menu {
    background: #f7f9fb !important;
    border-left: 3px solid #0073aa !important;
    margin-left: 16px !important;
  }

  /* Bordo blu a sinistra sul blocco sottomenu (3 livello) */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu {
    background: #f0f3f6 !important;
    border-left: 3px solid #0073aa !important;
    margin-left: 16px !important;
  }

  /* ----- ACTIVE STATE (tap feedback) ----- */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown a:active,
  .elementor-element-962123e nav.elementor-nav-menu--dropdown a:focus {
    background: #eef3f8 !important;
  }

  /* ----- TOGGLE / FRECCE DROPDOWN ----- */

  /* Area tap minima 44x44 per sub-arrow */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown .sub-arrow {
    min-width: 44px;
    min-height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    cursor: pointer;
  }

  /* Icona freccia piu grande e colorata */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown .sub-arrow svg {
    width: 14px !important;
    height: 14px !important;
    fill: #0073aa;
    transition: transform 0.3s ease;
  }

  /* Freccia ruotata quando submenu aperto */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown li.menu-item-has-children > a[aria-expanded="true"] > .sub-arrow svg {
    transform: rotate(180deg);
  }

  /* ----- HAMBURGER TOGGLE ----- */
  .elementor-element-962123e .elementor-menu-toggle {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* ----- RIDUZIONE SPAZIATURA GENERALE ----- */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown ul.sub-menu {
    padding: 0 !important;
  }

  .elementor-element-962123e nav.elementor-nav-menu--dropdown > ul {
    padding: 0 !important;
  }

  /* ----- CURRENT / ACTIVE MENU ITEM ----- */
  /* Primo livello attivo */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown > ul > li.current-menu-item > a.elementor-item {
    color: #0073aa !important;
    font-weight: 700 !important;
  }

  /* Secondo livello attivo */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown > ul > li > ul.sub-menu > li.current-menu-item > a.elementor-sub-item {
    color: #0073aa !important;
    font-weight: 600 !important;
  }


  /* ----- SUBMENU TOGGLE (JS companion) ----- */
  /* Sottomenu nascosto di default nel dropdown mobile */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown .menu-item-has-children > ul.sub-menu {
    display: none;
  }

  /* Sottomenu visibile quando parent ha classe submenu-open (gestita dal JS) */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown .menu-item-has-children.submenu-open > ul.sub-menu {
    display: block !important;
  }

  /* Freccia ruotata quando submenu-open */
  .elementor-element-962123e nav.elementor-nav-menu--dropdown .menu-item-has-children.submenu-open > a > .sub-arrow svg {
    transform: rotate(180deg);
  }

}