/**
Theme Name: ni-polini
Author: Nextindustry
Author URI: https://nextindustry.com/
Description: Tema creato per Polini motori, by Nextindustry Srl
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ni-polini
Template: astra
*/


/** PAGINA FAQ **/
.accordion-faqs h3.wp-block-post-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  outline: none;
}

/* Focus visibile */
/* Sfondo grigio per il blocco attivo */
.accordion-faqs .wp-block-group.active {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 1rem;
}

/* Chevron */
.accordion-faqs h3.wp-block-post-title::after {
  content: "▼";
  font-size: 0.9em;
  margin-left: 1rem;
  transition: transform 0.3s ease;
}

/* Contenuto inizialmente nascosto */
.accordion-faqs .wp-block-post-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

/* Stato attivo */
.accordion-faqs h3[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

.accordion-faqs h3[aria-expanded="true"] + .wp-block-post-content {
  max-height: 500px;
  opacity: 1;
}

    /** FOcus **/
            
    .content a:focus, .content a:focus img, a:focus img, a:focus, #menu-principale a:focus, .vc_gitem-post-data a:focus, .vc_gitem-link.vc-zone-link:focus, .vc_general.vc_btn3:focus, button:focus, input:focus, .ast-header-navigation-arrow:focus-visible {
        text-decoration:none;
        outline: 3px solid #4397dc90;
        outline-offset: 2px;
        border-radius: 2px;
    }
        
    /* Mostra il sottomenu quando il link principale ha il focus o è attivo */
    #menu-principale .menu-item-has-children:focus-within .sub-menu,
    #menu-principale .menu-item-has-children:hover .sub-menu {
        display: block;
    }

    /* Assicura che il focus scorra sugli elementi del sottomenu */
    #menu-principale .sub-menu {
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
        display: block; /* Permette la navigazione con focus */
        position: absolute;
    }

    #menu-principale .menu-item-has-children:focus-within > .sub-menu,
    #menu-principale .menu-item-has-children:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
    }
    
    /* ext link */
.main-navigation a[target="_blank"]::after {
  content: "";
  display: inline-block;

  width: 0.85em;
  height: 0.85em;
  margin-left: 0.3em;

  background-color: currentColor;

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7M21 3l-9 9M5 5h6M5 5v14h14v-6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7M21 3l-9 9M5 5h6M5 5v14h14v-6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}