/* ===================================================================== ART IMAGE — V55 Mobile: - Galleria / Quadri / Acquisti allineati alla stessa quota - Contatti più in alto - Lingua resta fissa - nomi dei menu come TESTO REALE, quindi traducibili ===================================================================== */ @media screen and (max-width:820px) { /* --------------------------------------------------------- QUOTA UNICA: il modulo Lingua è in alto a sinistra. I contenuti partono appena sotto. --------------------------------------------------------- */ body.ai-gallery-page #imPage, body.ai-quadri-page #imPage, body.ai-shop-page #imPage, body.ai-contact-page #imPage { padding-top:34px !important; box-sizing:border-box !important; } /* Galleria e Quadri: la frase sale ancora un poco, direttamente nella zona scura superiore dello sfondo. */ body.ai-gallery-page .ai-note-toolbar, body.ai-quadri-page .ai-note-toolbar { transform:none !important; margin:0 !important; padding-top:0 !important; padding-bottom:3px !important; min-height:0 !important; } body.ai-gallery-page .ai-top-note-text, body.ai-quadri-page .ai-top-note-text { margin-top:0 !important; } /* --------------------------------------------------------- ACQUISTI: prima riga ricostruita come una barra unica. Il vecchio modulo Google dentro la colonna non deve occupare spazio sul mobile: il selettore Lingua globale è già fisso. --------------------------------------------------------- */ body.ai-shop-page .ai-shop-top-row-v55 { display:block !important; position:relative !important; width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; float:none !important; } body.ai-shop-page .ai-shop-top-row-v55 > div:first-child { display:none !important; } body.ai-shop-page .ai-shop-top-row-v55 > div:last-child { display:block !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; float:none !important; } body.ai-shop-page .ai-order-note-text { margin:0 auto 8px !important; padding:0 10px !important; } /* --------------------------------------------------------- CONTATTI: nascondo sul mobile la vecchia riga del widget lingua perché il selettore globale è già in alto. Così il testo Contatti sale realmente, senza una riga vuota. --------------------------------------------------------- */ body.ai-contact-page .ai-contact-top-row-v55 { display:none !important; } /* --------------------------------------------------------- MENU MOBILE: testo reale, centrato e traducibile. Le vecchie immagini rimangono nel file ma non vengono mostrate. --------------------------------------------------------- */ #aiMobileBottomNavV45 .ai-v45-bottom-link > img { display:none !important; } #aiMobileBottomNavV45 .ai-v55-menu-text { position:relative !important; z-index:3 !important; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 4px !important; box-sizing:border-box !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-family:'Segoe Print', cursive !important; font-size:clamp(13px, 3.3vw, 17px) !important; font-weight:600 !important; line-height:1 !important; text-align:center !important; white-space:nowrap !important; text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, 0 0 5px #000 !important; } body.ai-home-page #aiMobileBottomNavV45 .ai-v45-home .ai-v55-menu-text, body.ai-gallery-page #aiMobileBottomNavV45 .ai-v45-galleria .ai-v55-menu-text, body.ai-quadri-page #aiMobileBottomNavV45 .ai-v45-quadri .ai-v55-menu-text, body.ai-shop-page #aiMobileBottomNavV45 .ai-v45-acquisti .ai-v55-menu-text, body.ai-contact-page #aiMobileBottomNavV45 .ai-v45-contatti .ai-v55-menu-text { color:#ffd21a !important; -webkit-text-fill-color:#ffd21a !important; } /* "Quadri" può restare un pelo più largo senza deformare il pulsante. Ora che è testo, uso solo una leggera spaziatura. */ #aiMobileBottomNavV45 .ai-v45-quadri .ai-v55-menu-text { letter-spacing:.35px !important; } } /* --------------------------------------------------------- DESKTOP: anche qui i nomi sono testo vero, così vengono tradotti. Posizione e dimensione dei pulsanti non cambiano. --------------------------------------------------------- */ @media screen and (min-width:821px) { #aiUnifiedNavV44 .ai-v44-link > img { display:none !important; } #aiUnifiedNavV44 .ai-v55-menu-text { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; box-sizing:border-box !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-family:'Segoe Print', cursive !important; font-size:17px !important; font-weight:600 !important; line-height:1 !important; text-align:center !important; white-space:nowrap !important; text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, 0 0 5px #000 !important; } body.ai-home-page #aiUnifiedNavV44 .ai-v44-home .ai-v55-menu-text, body.ai-gallery-page #aiUnifiedNavV44 .ai-v44-galleria .ai-v55-menu-text, body.ai-quadri-page #aiUnifiedNavV44 .ai-v44-quadri .ai-v55-menu-text, body.ai-shop-page #aiUnifiedNavV44 .ai-v44-acquisti .ai-v55-menu-text, body.ai-contact-page #aiUnifiedNavV44 .ai-v44-contatti .ai-v55-menu-text { color:#ffd21a !important; -webkit-text-fill-color:#ffd21a !important; } } @media screen and (max-width:360px) { body.ai-gallery-page #imPage, body.ai-quadri-page #imPage, body.ai-shop-page #imPage, body.ai-contact-page #imPage { padding-top:31px !important; } #aiMobileBottomNavV45 .ai-v55-menu-text { font-size:12px !important; } }