/* ============================================================ NOVA ACADEMY 2.0 — correzioni integrazione WordPress / Elementor Caricato DOPO nova.css e dopo il tema. Risolve i 3 problemi tipici quando il design vive dentro widget HTML di Elementor: 1) COLORE DEI LINK (parole rosso rubino) Il tema WP impone il proprio colore ai tag , vincendo su "a{color:inherit}" del design. Qui lo ripristiniamo, ma SENZA toccare bottoni, voci di menu e link del footer (che hanno un colore voluto). 2) BANDA BIANCA SOPRA L'HERO / SFONDO I wrapper di Elementor (.elementor-section / colonne / .e-con) aggiungono spaziature che spingono giu' l'hero: l'header trasparente (testo bianco) finisce sul bianco e sparisce. Azzeriamo quelle spaziature: lo spacing lo gestisce il design. 3) SFONDO PAGINA Forziamo lo sfondo "paper" del design (i temi mettono bianco). Tutto e' limitato a body.nova-academy (classe aggiunta dal plugin) per non toccare altre pagine del sito. ============================================================ */ /* ---------- 3) sfondo ---------- */ html, body.nova-academy { background: var(--paper); } /* ---------- 2) niente spaziature parassite di Elementor ---------- */ body.nova-academy .elementor-section, body.nova-academy .elementor-container, body.nova-academy .elementor-row, body.nova-academy .elementor-column, body.nova-academy .elementor-column-wrap, body.nova-academy .elementor-widget-wrap, body.nova-academy .elementor-widget-html, body.nova-academy .elementor-widget-container, body.nova-academy .e-con, body.nova-academy .e-con-inner { padding: 0 !important; margin: 0 !important; min-height: 0 !important; } body.nova-academy .elementor-widget { margin: 0 !important; } /* la prima sezione attaccata in cima (l'hero passa sotto l'header fisso) */ body.nova-academy [data-elementor-type] > .elementor-section:first-of-type, body.nova-academy [data-elementor-type] > .elementor-element:first-of-type, body.nova-academy .elementor-section:first-child { margin-top: 0 !important; } /* l'header sticky non deve essere coperto/ritagliato dai wrapper Elementor */ body.nova-academy .site-header { z-index: 1000 !important; } /* ---------- 1) ripristino colore dei link ---------- */ /* tutti i link tornano a ereditare il colore del testo del design, tranne quelli con un colore proprio (bottoni, nav, login, mobile) */ body.nova-academy a:not(.btn):not(.login):not(.nav-link):not(.menu-toggle):not(.mnav-link):not(.mnav-loginlink):not(.mnav-cta):not(.index-word):not(.inv-cta):not(.pc-cta):not(.eleva-btn):not(.pcard) { color: inherit !important; } /* eventuale sottolineatura imposta dal tema */ body.nova-academy a:not(.btn) { text-decoration: none !important; } /* footer: ricolora come da design (sfondo scuro) */ body.nova-academy .footer-col a { color: #CFC6B7 !important; } body.nova-academy .footer-col a:hover { color: #fff !important; } body.nova-academy .footer-bottom .socials a { color: #CFC6B7 !important; } body.nova-academy .footer-bottom .socials a:hover { color: #fff !important; } /* ---------- INDEX / AREE: ripristina l'hover (parole → accent) ---------- CAUSA: il reset colore-link qui sopra usa una catena di :not() con specificita' molto alta (0,8,2) e !important, che VINCEVA sul :hover delle parole — quindi restavano sempre del colore ereditato, niente hover. FIX: 1) .index-word e' ora ESCLUSA dal reset (:not(.index-word)), cosi' usa il suo CSS nativo (ink di default, accent in hover) come nel sito statico. 2) Qui sotto un override di riserva ad alta specificita', che colora anche lo span interno .iw-t (il testo visibile), nel caso il tema imponga un proprio a:hover con !important. */ body.nova-academy .index-list a.index-word, body.nova-academy .index-list a.index-word .iw-t, body.nova-academy .index-list a.index-word .iw-line { color: var(--ink) !important; } body.nova-academy .index-list a.index-word:hover, body.nova-academy .index-list a.index-word:hover .iw-line, body.nova-academy .index-list a.index-word:hover .iw-t, body.nova-academy .index-list a.index-word:focus-visible, body.nova-academy .index-list a.index-word:focus-visible .iw-t { color: var(--accent) !important; } body.nova-academy .index-list a.index-word:hover sup, body.nova-academy .index-list a.index-word:focus-visible sup { color: var(--accent) !important; } @media (hover: none) { body.nova-academy .index-list a.index-word:nth-child(2), body.nova-academy .index-list a.index-word:nth-child(2) .iw-t, body.nova-academy .index-list a.index-word:nth-child(2) sup { color: var(--accent) !important; } } /* ============================================================ CORREZIONI v1.2 — header, FAQ, footer ============================================================ */ /* ---------- header su una sola riga ---------- Alcuni temi impostano flex-wrap sui contenitori: l'header va a capo e i bottoni "accedi / inizia subito" finiscono sotto al logo. Qui forziamo la riga singola, allineata in verticale col menu. */ body.nova-academy .header-inner { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; } body.nova-academy .header-inner > .logo { flex: 0 0 auto; } body.nova-academy .header-inner > .header-cta { flex: 0 0 auto; } /* ---------- FAQ: niente highlight rosso ---------- Il tema colora il