/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Forza l'allineamento orizzontale sull'UL */
ul.footer-menu {
    display: flex !important;
    flex-direction: row !important; /* Forza la riga */
    flex-wrap: wrap;
    gap: 20px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Grassetto applicato al link per evitare sovrascritture del tema */
ul.footer-menu li a {
    text-decoration: none;
    color: inherit;
    font-weight: 600 !important;
    font-family: "Montserrat-bold", sans-serif;
    display: inline-block;
}
/* 1. Stato NORMALE (Link - Bianco) */
body ul.footer-menu li a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.3s ease; /* Rende il cambio colore fluido */
}

/* 2. Stato HOVER (Passaggio mouse - Giallo) */
body ul.footer-menu li a:hover {
    color: #D48383 !important; /* Giallo */
}

/* 3. Stato ATTIVO (Pagina corrente - Rosso) */
/* WordPress aggiunge queste classi al LI della pagina attuale */
body ul.footer-menu li.current-menu-item a,
body ul.footer-menu li.current_page_item a,
body ul.footer-menu li.current-menu-ancestor a {
    color: #944444 !important; /* Rosso */
}

/* === CONTAINER MENU 2 === */
[data-id="menu-secondary"] {
    display: flex;
    align-items: center;
    height: auto !important;
}

/* === UL DEL MENU === */
[data-id="menu-secondary"] ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* === LI === */
[data-id="menu-secondary"] li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* === LINK CTA === */
[data-id="menu-secondary"] a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 42px; /* <- altezza più generosa */
    min-height: 42px;
    line-height: 1;

    padding: 0 20px; /* larghezza aumentata per bilanciare */

    background-color: #d48383;
    color: #ffffff !important;
    font-weight: 600;
    border-radius: 999px;
    text-decoration: none;

    white-space: nowrap;

    transition: all 0.2s ease;
}

/* === HOVER === */
[data-id="menu-secondary"] a:hover {
    opacity: 0.9;
    transform: translateY(-1px); /* piccolo effetto hover */
}

/* === ALLINEAMENTO CON SEARCH === */
[data-column="end"] [data-items="primary"] {
    align-items: center;
}