/** * Skin del mega-menu Astra Pro (Paesi / Cosa fare / Ospitalità) — la * struttura (colonne, mega-menu, heading) è tutta nativa del nav-menu * addon; questo file aggiunge solo colori/tipografia/allineamento, sullo * stesso schema già in uso nel resto del tema (skin sopra componenti * nativi GeoDirectory/Astra, mai forking del markup). * * Markup reale verificato dal vivo (curl + Playwright) prima di scrivere i * selettori, non a memoria — vedi artifact "Bussola del Menu v2" * (7qv6VEDJGPsgTV5vixhDft) per il concept approvato che questo file * implementa. Deployato 2026-09-15. */ /* Allineamento del menu primario — prima era incollato al bordo destro dell'header (grid a 2 colonne senza zona centrale: la colonna sinistra del logo veniva sovradimensionata da Astra a 567px anche se il logo ne occupa ~230, spingendo tutto il resto a destra; dentro la sua colonna la nav usava a sua volta justify-content:flex-end). Corretto centrando il menu nello spazio libero dopo il logo, non più ancorato né a sinistra né a destra (richiesto esplicitamente 15/9). Solo desktop — sotto i 1024px l'header passa al markup mobile separato, non tocca questa regola. */ @media (min-width: 1024px) { .ast-primary-header-bar .ast-builder-grid-row.ast-builder-grid-row-has-sides.ast-builder-grid-row-no-center { grid-template-columns: auto 1fr !important; } .ast-primary-header-bar .site-header-primary-section-right.ast-grid-right-section { justify-content: center !important; } } /* Barra superiore — stesso identico problema della barra principale sopra: griglia a 2 colonne, la sinistra riservata a un widget AddThis rotto/ invisibile (site-header-above-section-left) che però occupava comunque 300-500px reali a seconda della larghezza schermo, lasciando "Chi siamo" staccato dal bordo sinistro anche dopo aver sistemato lo split sinistra/destra al suo interno (18/9: ancora non abbastanza a sinistra, confermato da screenshot). Stessa cura: colonna sinistra ridotta al suo contenuto reale (~0, essendo vuota), tutto il resto si sposta a inizio riga. */ .ast-above-header-bar .ast-builder-grid-row.ast-builder-grid-row-has-sides.ast-builder-grid-row-no-center { grid-template-columns: auto 1fr !important; } /* Sfondo/font del pannello — il Customizer Astra aveva rgba(255,255,255,0.47) e 18px come default per "menu1" (mai impostato esplicitamente da nessuno, verificato: la chiave non esiste in astra-settings, è il default di fabbrica del nav-menu addon). Cambiare l'opzione a monte (provato: astra-settings + cache file in uploads/astra) non basta — l'addon rigenera comunque lo stesso valore da qualche altra fonte interna non identificata con certezza in questa sessione. Override diretto qui, stesso pattern già usato sopra per vincere la specificità nativa. */ .ast-mega-menu-enabled .astra-megamenu.sub-menu, .ast-mega-menu-enabled .astra-megamenu .sub-menu { background: #ffffff !important; } .ast-mega-menu-enabled .astra-megamenu .menu-link { font-size: 13px !important; /* allineato al token reale del sito (--wc-text, gd-details.css) invece del marrone scuro ereditato senza accorgersene dal mockup "Bussola del Menu" — segnalato 15/9. */ color: #424242 !important; /* il padding 10px/15px + font 19px di .ast-builder-menu-1 .menu-item > .menu-link e' pensato per le voci di primo livello ed eredita anche qui dentro (quel selettore matcha QUALUNQUE .menu-item a qualunque profondita', non solo il primo livello) — segnalato 15/9, padding esagerato nei link di sotto-menu. */ padding: 7px 8px !important; } .ast-mega-menu-enabled .astra-megamenu .menu-item-heading > span.ast-disable-link { color: #8C8672 !important; } :root{ --amb-dormire: #144678; --amb-mangiare: #A6342A; --amb-relax: #BA5A2E; --amb-vedere: #7A4FA3; --amb-itinerari: #4C7A3D; --hub-costiero: #0092A8; --hub-golfo: #0C7A63; --hub-alto: #BE7A34; --hub-interno: #2F5F3A; --hub-vallo: #6E6354; } /* --amb come custom property ereditata da tutti i discendenti della colonna — evita di ripetere 5 volte lo stesso blocco hover/bordo per ogni ambito (vedi regola hover generica poco sotto). */ .wc-amb-dormire { --amb: var(--amb-dormire); } .wc-amb-mangiare { --amb: var(--amb-mangiare); } .wc-amb-relax { --amb: var(--amb-relax); } .wc-amb-vedere { --amb: var(--amb-vedere); } .wc-amb-itinerari { --amb: var(--amb-itinerari); } .wc-hub-costiero { --amb: var(--hub-costiero); } .wc-hub-golfo { --amb: var(--hub-golfo); } .wc-hub-alto { --amb: var(--hub-alto); } .wc-hub-interno { --amb: var(--hub-interno); } .wc-hub-vallo { --amb: var(--hub-vallo); } /* Hover delle sotto-voci — era un blu pieno (rgb(19,81,137), sitewide --ast-global-color-0) che rende il testo sopra illeggibile. Sostituito con uno sfondo chiaro (come nel mockup) + un bordo sinistro colore d'ambito come accento, solo in hover. Bordo trasparente di default della stessa larghezza per evitare che compaia uno scatto di 3px del testo quando spunta in hover. */ .ast-mega-menu-enabled .astra-megamenu .sub-menu .menu-item:not(.wc-cta-link) .menu-link { border-left: 3px solid transparent !important; transition: background-color .12s, border-color .12s; } .ast-mega-menu-enabled .astra-megamenu .sub-menu .menu-item:not(.wc-cta-link) .menu-link:hover, .ast-mega-menu-enabled .astra-megamenu .sub-menu .menu-item:not(.wc-cta-link):hover > .menu-link { /* il marroncino resta solo sul rettangolo (sfondo + bordo accento), il testo in hover usa lo stesso colore neutro del testo normale — richiesto esplicitamente 15/9. */ background: #F7F4EC !important; border-left-color: var(--amb, #8C8672) !important; color: #424242 !important; } /* Pallino colore hub prima del nome, come nel mockup — impossibile iniettare un vero nel markup nativo del link, quindi e' uno pseudo-elemento sull'anchor. */ .ast-mega-menu-enabled .astra-megamenu .wc-hub-costiero .menu-link, .ast-mega-menu-enabled .astra-megamenu .wc-hub-golfo .menu-link, .ast-mega-menu-enabled .astra-megamenu .wc-hub-alto .menu-link, .ast-mega-menu-enabled .astra-megamenu .wc-hub-interno .menu-link, .ast-mega-menu-enabled .astra-megamenu .wc-hub-vallo .menu-link { display: flex; align-items: center; gap: 9px; } .ast-mega-menu-enabled .astra-megamenu .wc-hub-costiero .menu-link::before, .ast-mega-menu-enabled .astra-megamenu .wc-hub-golfo .menu-link::before, .ast-mega-menu-enabled .astra-megamenu .wc-hub-alto .menu-link::before, .ast-mega-menu-enabled .astra-megamenu .wc-hub-interno .menu-link::before, .ast-mega-menu-enabled .astra-megamenu .wc-hub-vallo .menu-link::before { content: ""; width: 10px; height: 10px; border-radius: 50%; flex: none; background: var(--amb); } /* Card CTA "Tutti i paesi" — testo aggiunto via Content Source "Custom Text" nativo dell'addon (stesso item del link, non un secondo item): il plugin lo stampa SEMPRE dopo il link nel DOM, qui riordinato via flex order cosi' il testo introduttivo appare sopra al bottone. */ .ast-mega-menu-enabled .astra-megamenu li.wc-cta-yellow { display: flex !important; flex-direction: column !important; } .ast-mega-menu-enabled .astra-megamenu li.wc-cta-yellow > a.menu-link { order: 2; } .ast-mega-menu-enabled .astra-megamenu li.wc-cta-yellow > .ast-mm-custom-content { order: 1; } .wc-mm-cta-card { padding: 4px 2px 14px; } .wc-mm-cta-card .wc-mm-tag { display: inline-block; background: rgba(0,188,212,.12); color: #00838F; font-weight: 700; font-size: 10px; padding: 3px 9px; border-radius: 6px; text-transform: uppercase; letter-spacing: .04em; font-family: 'IBM Plex Mono', monospace; } .wc-mm-cta-card .wc-mm-heading { font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 700; color: #1E293B; margin: 10px 0 6px; } .wc-mm-cta-card .wc-mm-desc { font-size: 12.5px; color: #6B6656; line-height: 1.5; margin: 0; } /* Mappa colorata delle 5 zone (qgis) — inserita tra il testo e il bottone per riempire il vuoto lasciato dalla card corta rispetto alla colonna "5 macro-zone" (piu' alta per via della lista di 5 voci) e bilanciare visivamente le due colonne, richiesto 15/9. */ .wc-mm-cta-card .wc-mm-map { display: block; width: 100%; max-width: 90px; height: auto; margin: 10px auto 0; border-radius: 8px; } /* Ogni colonna (l'item "menu-item-heading" + la sua