/* Auto Elite Service — banner dei cookie, mappa al clic, pulsante WhatsApp. Palette scelta dal cliente il 28/10/2026: grafite e verde petrolio (le stesse variabili di schede.css). */ :root { --ae-grafite: #1c2124; --ae-grafite-2: #2a3033; --ae-chiaro: #e8eeed; } /* ------------------------------------------------------------------------- Il banner In basso, a tutta larghezza. Non copre la pagina: un riquadro modale che oscura tutto spinge ad accettare per liberarsene. I due pulsanti hanno la stessa forma, la stessa dimensione e lo stesso colore: il Garante chiede che rifiutare costi quanto accettare. ------------------------------------------------------------------------- */ .ae-consenso { position: fixed; left: 0; right: 0; bottom: 0; /* sopra a tutto quello che sta in basso, compreso WhatsApp */ z-index: 2147483000; background: var(--ae-grafite); box-shadow: 0 -10px 30px rgba(0, 0, 0, .25); padding-bottom: env(safe-area-inset-bottom, 0px); } .ae-consenso[hidden] { display: none; } .ae-consenso__dentro { max-width: 1170px; margin: 0 auto; padding: 18px 20px; display: flex; align-items: center; gap: 24px; } .ae-consenso__titolo { display: block; margin-bottom: 4px; font-size: 16px; font-weight: 700; color: #ffffff; } .ae-consenso__testo p { margin: 0; font-size: 14px; line-height: 1.55; color: #e3e6e8; } .ae-consenso__testo a { color: #ffffff; text-decoration: underline; } .ae-consenso__scelte { display: flex; gap: 10px; flex: none; } .ae-consenso__btn { min-width: 120px; min-height: 44px; padding: 0 20px; border: 0; border-radius: 0; background: #ffffff; color: var(--ae-grafite); font-size: 15px; font-weight: 700; cursor: pointer; touch-action: manipulation; } .ae-consenso__btn:hover { background: var(--ae-chiaro); } .ae-consenso__btn:focus-visible, .ae-riapri-consenso:focus-visible, .ae-mappa__mostra:focus-visible { outline: 3px solid #ffffff; outline-offset: 3px; } @media (max-width: 820px) { .ae-consenso__dentro { flex-direction: column; align-items: stretch; gap: 14px; padding: 16px; } .ae-consenso__scelte .ae-consenso__btn { flex: 1; } } /* «Preferenze cookie» nella riga del copyright: sembra un collegamento, ma e' un pulsante perche' non porta da nessuna parte. */ .ae-riapri-consenso { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; } /* La riga del copyright: il tema la scrive in un grigio che sul fondo scuro non arriva al contrasto minimo (axe, 26/10/2026), e i collegamenti si distinguevano solo per il colore. */ /* il tema usa un id (#footer-copyright), quindi serve anche qui */ #footer-copyright .copyright-text, #footer-copyright .copyright-text a, #footer-copyright .copyright-text .ae-riapri-consenso { color: #d0d4d6; } #footer-copyright .copyright-text a { text-decoration: underline; } /* Le briciole di pane: grigio chiaro su bianco, sotto il contrasto minimo. */ .stm_breadcrumbs_unit .navxtBreads, .stm_breadcrumbs_unit .navxtBreads a, .stm_breadcrumbs_unit .navxtBreads span { color: #5c6368; } /* Altri grigi e arancioni di Motors sotto il contrasto minimo (axe, 27/10/2026): etichette dei moduli, filtro del parco auto, schede della home. Per il testo piccolo nel colore principale si usa il petrolio scuro, #0b5a54 (8:1 col bianco); prima della palette era l'arancione scuro #0b5a54. */ .form-label, .wpcf7 .form-label, #stm_filter_min_price, #stm_filter_max_price { color: #5c6368 !important; } .stm-filter-sidebar a[href=""], .filter-sidebar a[href=""], .stm-accordion-content a[href=""] { color: #5c6368 !important; } .orange, ul[role="tablist"] > li > a[role="tab"] { color: #0b5a54 !important; } /* il collegamento all'informativa nei moduli: l'azzurro del tema e' a 2,9:1 */ .wpcf7 .wpcf7-acceptance a, .wpcf7 .stm-contact-us-checkbox a { color: #16181a !important; text-decoration: underline; } /* Home, i tre riquadri azzurri sotto le auto. Il titolo e' bianco nelle impostazioni ma il tema lo stampa nero sull'azzurro; il riquadro di mezzo, azzurro chiaro, col bianco non si legge: li' il testo diventa scuro. */ .vc_custom_1728555207696 .icon-box h4.title, .vc_custom_1728555207696 .icon-box .content, .vc_custom_1728555207696 .icon-box .content span { color: #ffffff !important; } .vc_custom_1728555207696 .vc_col-sm-4:nth-child(2) .icon-box h4.title, .vc_custom_1728555207696 .vc_col-sm-4:nth-child(2) .icon-box .content, .vc_custom_1728555207696 .vc_col-sm-4:nth-child(2) .icon-box .content span { color: #16181a !important; } /* Lo stesso guasto in tutti i riquadri con icona (per esempio la fascia dei servizi su foto scura in Appuntamento officina): le opzioni di Motors danno a ogni h6 il grafite con !important, che vince sul bianco scritto dal costruttore nel titolo. Dove il costruttore ha chiesto il bianco, torna il bianco. */ .icon-box .title[style*="color:#ffffff" i], .icon-box .title[style*="color: #ffffff" i], .icon-box .title[style*="color:#fff;" i] { color: #ffffff !important; } /* Appuntamento officina (axe, 27/10/2026): i pulsanti del modulo a passi, azzurro chiaro a 2,9:1 col bianco, e i giorni dell'orario in grigio #888 */ .wpcf7 .next-button, .wpcf7 .prev-button, .wpcf7-form:has(.next-button) .wpcf7-submit { background-color: #0b5a54 !important; } .day-label { color: #5c6368 !important; } /* La fascia del titolo delle pagine (Chi siamo, Appuntamento...): senza foto di testata Motors la colora #8f9fad, e le opzioni del tema danno a ogni h1 il grigio #959595 con !important — titolo quasi invisibile (1:1). Fondo grafite come la testata, titolo bianco. Una foto messa nella pagina resta sopra il colore. */ .entry-header { background-color: var(--ae-grafite) !important; } .entry-header .entry-title .h1, .entry-header .entry-title h1 { color: #ffffff !important; } /* Contatti (axe, 27/10/2026): la linguetta attiva in arancione chiaro e il telefono scritto in grigio #888 nel riquadro */ .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor { color: #0b5a54 !important; } /* le linguette senza href (vedi accessibilita.php) restano cliccabili */ .ui-tabs-nav .ui-tabs-anchor { cursor: pointer; } .icon-box .content span[style*="#888888" i] { color: #5c6368 !important; } /* il pulsante azzurro della home: stesso azzurro, piu' scuro (6:1 col bianco) */ .vc_custom_1731408206218 .stm-button { background-color: #0b5a54 !important; } /* lo stesso per i pulsanti azzurri del tema nelle pagine (Servizi: «Appuntamento» e «Contatti», 2,9:1 col bianco) */ .stm-button.stm-button-secondary-color { background-color: #0b5a54 !important; } /* le etichette del modulo della scheda ora sono