/* Theme Name: itsoft child Tags: custom-menu, editor-style, featured-images Template: itsoft Version: 1.0.0 */ /* Il CSS del parent NON si importa qui (2026-10-03): lo accoda functions.php del child come dipendenza di questo file, così arriva una volta sola e subito prima di queste regole. Con l'@import di prima veniva scaricato due volte (una dall'enqueue, una dall'@import). */ /*--------------------------------- write your css from here ------------------------------------*/ /* ===================================================================== DIREZIONE "PRESIDIO DI FIDUCIA" — web-designer, Fase 2 (2026-08-07) Mix esplicito scelto dall'utente tra Direzione A "Presidio Tecnico" (Minimalismo strumentale, web-designer.md §5.2) e Direzione B "Consulenza di Fiducia" (Corporate Premium, §5.7). Motivazione completa, token e stato del gate "sopravvive a rebuild" in docs/design-system.md — qui solo il CSS. Palette: NON hardcoded qui — sempre var(--e-global-color-paletteN), valori proposti in content/client-config.json (elementor_kit_palette), applicati al Kit Elementor da project-orchestrator (questo agente non ha Bash, web-designer.md §11.2). CORREZIONE (2026-08-09, project- orchestrator, audit): la convenzione "--global-paletteN" documentata in web-designer.md §11.2 vale per i temi famiglia TheBase (StudioArch/ Voldor/Helpo), che definiscono quel nome a livello di TEMA da un'opzione Customizer propria (*_global_palette). ITSoft (questo tema) non ha alcun meccanismo simile: l'unica variabile realmente generata è quella nativa di Elementor per i Kit custom colors, "--e-global-color-paletteN" (verificato ispezionando il CSS del Kit effettivamente servito, post-8.css) — le 19 occorrenze del nome sbagliato in questo file non hanno mai applicato alcun colore dalla prima sessione Fase 2 (2026-08-07) fino a questa correzione, scoperto solo con uno screenshot reale. Se un cliente futuro con un tema non- TheBase mostra lo stesso sintomo, verificare SEMPRE il nome reale della variabile nel CSS del Kit servito prima di assumere "--global-paletteN". Tipografia: Rubik, già caricato dal tema parent (functions.php, pesi 300-900) — nessun font nuovo enqueued. SUPERATO il 2026-10-14: Manrope (assets/css/cbn-tokens.css) sostituisce Rubik sitewide. Scope: le 5 pagine con contenuto reale (Home 1392, About Us 1019, Why Choose Us 1035, Our Services 1053, Contact Us 1087) + footer globale (sitewide). Le altre pagine (Team/Portfolio/Faq/Career/Pricing Plan/Testimonial/Blog) restano a layout Elementor di default e non pubblicate nel menu (content/mapping.md) — copertura dichiarata per intero in docs/design-system.md, non solo le pagine toccate oggi. NOTA ONESTA SUI LIMITI DI QUESTA SESSIONE: nessun accesso a browser/ staging live (agente senza Bash) — il markup DOM reale non è stato verificato visivamente. Le regole sotto si basano SOLO su classi confermate leggendo il PHP sorgente dei widget (dreamit-icon-box.php, service-box.php, dreamit-service-carousel.php), MAI su nomi di classe assunti per convenzione. AGGIORNAMENTO (2026-08-09): colonne asimmetriche (§3.1), regola 9 più sotto — completate in questo giro perché la struttura reale di _elementor_data (id di sezione/colonna, ripartizione percentuale) è stata ispezionata concretamente (non più solo dal WXR) e passata a questo agente. Stesso limite di fondo però resta: nessun accesso a browser/ staging live in questa sessione, quindi anche queste regole — come tutte le altre in questo file — sono verificate solo leggendo il markup atteso, non con uno screenshot reale. Vedi docs/design-system.md §13.5. AGGIORNAMENTO (2026-08-09): regola 10 più sotto — hero (sezione 1187cc0) ricostruito da zero come widget HTML nativo Elementor (widget 184a695 passato da "slider_revolution" a "smartslider" a "html" in due sessioni precedenti, vedi content/mapping-apply.json): il primo era un plugin mai installato su questo tema, il secondo mostrava solo le 2 slide-tutorial demo di Smart Slider 3, entrambi inaccettabili su un sito pubblicato. Hero deliberatamente tipografico, non fotografico — vedi motivazione completa nel commento della regola 10. Vedi docs/design-system.md §13.6. ===================================================================== */ /* ---- 1) Tipografia — display più composto (peso 600, non 700/800) per restare nel registro di fiducia di B, non nel registro "urlato" di A ---- */ /* 2026-10-14: la Home (1392) esce da queste liste e da ogni regola di questo file: ha una Home nuova (cbn-home.css, token in cbn-tokens.css) e le regole per elemento/classe del vecchio layout, a specificità maggiore delle classi cbn-*, ne avrebbero colorato titoli e testi. Le altre 4 pagine mantengono il look "Presidio di Fiducia" finché non vengono riprogettate. 2026-10-14: stesso trattamento per Chi siamo (1019), ora a 6 sezioni .cbn-cs-* (cbn-chi-siamo.css): senza l'uscita, la regola h1-h3 qui sotto (0,1,1) batteva il reset `color: inherit` di cbn-chrome.css (0,1,0) e rendeva scuri titoli e lead sulle sezioni charcoal e sulla CTA arancio. 2026-10-16: stesso trattamento per Servizi (1053), ora a 5 sezioni .cbn-sv-* (cbn-servizi.css): tolto da queste liste e dalle regole "codice servizio" e bottoni piu' sotto, per lo stesso motivo. 2026-10-18: stesso trattamento per Contatti (1087), ora a 5 sezioni .cbn-ct-* (cbn-contatti.css): tolto da queste liste (rimaste con il solo id 1035, Why Choose Us) e la regola `.elementor-1087 .wpcf7-submit` (il bottone del modulo e' ora .cbn-btn). */ .elementor-1035 h1, .elementor-1035 h2, .elementor-1035 h3 { font-family: var(--cbn-font-body); font-weight: 600; letter-spacing: -0.02em; color: var(--e-global-color-palette3); } .elementor-1035 p { color: var(--e-global-color-palette4); line-height: 1.65; } /* ---- 2) Eyebrow/subtitle (widget "sectiontitle", campo subtitle) — maiuscolo con tracking positivo, accento teal, coerente col principio "la struttura è informazione" (§2): l'eyebrow qui introduce sempre un contenuto reale (nome sezione), non un'etichetta decorativa vuota. Markup confermato in widgets/dreamit-section-title.php: il campo "subtitle" è SEMPRE renderizzato come
in ogni variante di stile (section-title/title_tx/title_in...) — nessuna classe dedicata, si scopa direttamente sul tag. */ .elementor-1035 h5 { color: var(--e-global-color-palette6); text-transform: uppercase; letter-spacing: 0.12em; font-weight: 600; font-size: 0.8rem; } /* ---- 3) Valori/Why Choose Us: lista orizzontale con hairline, MAI icona- cerchio-centrata (web-designer.md §3.2, pattern vietato di default). Classi confermate leggendo widgets/dreamit-icon-box.php (style-two): .icon-box > .icon-box-icon + .icon-box-content > .title h2 + .description p. Scope: Why Choose Us pagina (84e266b), About Us se in futuro userà lo stesso widget. (Le sezioni Home c13b7ec/111fa9a sono uscite dallo scope il 2026-10-14, vedi nota alla regola 1.) ---- */ .elementor-element-84e266b .icon-box { display: flex; align-items: flex-start; text-align: left; gap: 1.25rem; padding-block: 1.5rem; border-top: 1px solid var(--e-global-color-palette7); } .elementor-element-84e266b .icon-box-icon { flex: 0 0 auto; margin: 0 !important; border-radius: 0 !important; background: none !important; color: var(--e-global-color-palette6); font-size: 1.75rem; line-height: 1; } .elementor-element-84e266b .icon-box-content { text-align: left; } .elementor-element-84e266b .icon-box-content .title h2 { font-size: 1.125rem; margin-bottom: 0.4rem; } /* ---- 4) (rimossa 2026-10-14: era il bleed della sezione "About Company" della vecchia Home; la Home nuova ha i propri bleed in cbn-home.css.) ---- */ /* ---- 5) Ritmo verticale variato tra sezioni (§3.4) — mai lo stesso padding ovunque. Selettori scoped per id-sezione, sicuri: il padding non dipende dal numero di colonne interne. ---- */ .elementor-element-84e266b { padding-block: clamp(5rem, 9vw, 8rem) !important; } /* 9efcf43 (lista servizi di Servizi) rimosso 2026-10-16 con la pagina a sezioni; 4b8164d resta: e' anche su Perche' Sceglierci */ .elementor-element-7da14bb, .elementor-element-4b8164d { padding-block: clamp(2.5rem, 5vw, 3.5rem) !important; } .elementor-element-2dbfd70, .elementor-element-79729b0 { padding-block: clamp(3rem, 6vw, 4.5rem) !important; } /* ---- 6) (rimosso 2026-10-16) Codice "ticket" a 2 lettere delle schede servizio: Servizi e' ora a sezioni .cbn-sv-* (cbn-servizi.css), niente piu' widget ServiceBox. ---- */ /* ---- 7) CTA e bottoni — accento teal unico, hover con lift misurato (mai solo un cambio di colore, mai bounce — coerente col pattern osservato sui riferimenti reali del settore, design-patterns.md "Architettura/interior design"). Transizione solo su transform/opacity/colore, mai su proprietà costose per il layout. ---- */ .elementor-1035 .service-btn a, .elementor-1035 .call-to-action-btn a, .elementor-1035 .wpcf7-submit { transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease; } .elementor-1035 .service-btn a:hover, .elementor-1035 .call-to-action-btn a:hover, .elementor-1035 .wpcf7-submit:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(15, 42, 67, 0.16); } .elementor-1035 .call-to-action-btn a { display: inline-block; background-color: var(--e-global-color-palette6); color: var(--e-global-color-palette9); padding: 0.85em 1.75em; border-radius: 3px; font-weight: 600; } /* Form CF7/Mailchimp — stessa convenzione già in uso su StudioArch (input a sottolineatura, focus con accento), adattata alla palette di questa direzione. Applicata sitewide sui form: sono solo 3 in tutto il sito (mini-consulenza Home, Contact Us, newsletter), nessun rischio di collisione con pagine non toccate. */ .wpcf7-form-control-wrap .wpcf7-form-control:focus { border-color: var(--e-global-color-palette6) !important; outline: none; } /* ---- 8) Reveal allo scroll — hook per cbn-motion.js (assets/js/cbn- motion.js). Stato iniziale qui in CSS puro, la classe --visible è aggiunta da JS via IntersectionObserver; senza JS (o con prefers-reduced-motion) gli elementi restano visibili di default grazie al fallback sotto. ---- */ .cbn-reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } .cbn-reveal--visible { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .cbn-reveal { opacity: 1; transform: none; transition: none; } } /* ---- 9) Colonne asimmetriche (§3.1) — completate in questa sessione (2026- 08-09), dati _elementor_data reali ispezionati (non dal WXR, a differenza del giro precedente che non aveva Bash per farlo — vedi docs/design- system.md §13.3/§13.5). Id di colonna presi dalla struttura reale, non assunti dal PHP del widget (i widget non definiscono la larghezza delle colonne, è un dato del layout Elementor per quella sezione specifica). ---- */ /* Why Choose Us, sezione "I Valori" (84e266b, wrapper 100% pieno) → riga interna 762510c (structure "30", 3 colonne uguali 33/33/33): NON convertita in un'asimmetria testo/immagine pura, perché qui la simmetria sinistra/ destra (2 icon-box a sinistra, 2 a destra) riflette un contenuto realmente identico nei due lati — non è un default per inerzia, è la scelta corretta per quel contenuto specifico (§12, "3 colonne uguali solo se motivato esplicitamente" — qui lo è, tra le due colonne di testo). Il problema reale del default (§3, punto 1) era un terzo elemento — la colonna immagine centrale — trattato con lo stesso peso dei due blocchi di testo, il pattern "3 colonne uguali" più riconoscibile come default Elementor. Risolto rompendo SOLO quella simmetria: colonna immagine allargata a perno visivo della sezione, le due colonne di testo rimpicciolite in modo identico tra loro (mantiene la simmetria motivata, rompe quella non motivata) — 25% / 50% / 25% invece di 33/33/33. Id di colonna non disponibili nella struttura ispezionata (solo l'id della riga 762510c) — selezionate per posizione (`nth-child`) tra i figli diretti della riga, sicuro qui perché l'unico contenuto della riga sono le 3 colonne stesse, nessun'altra sezione/colonna annidata nel mezzo. */ .elementor-element-762510c .elementor-column:nth-child(1), .elementor-element-762510c .elementor-column:nth-child(3) { width: 25% !important; } .elementor-element-762510c .elementor-column:nth-child(2) { width: 50% !important; } /* Mobile: la regola di base sopra usa :nth-child (specificità 0,3,0), quindi una regola mobile con il solo ".elementor-column" (0,2,0) perdeva e le tre colonne restavano 25/50/25 anche a 390px (foto ridotta a miniatura, testi a 1-2 parole per riga). Qui si ripete lo stesso selettore nth-child per pareggiare la specificità; !important già dichiarato sopra per battere la larghezza inline di Elementor. */ @media (max-width: 767px) { .elementor-element-762510c .elementor-column:nth-child(1), .elementor-element-762510c .elementor-column:nth-child(2), .elementor-element-762510c .elementor-column:nth-child(3) { width: 100% !important; } } /* Why Choose Us, sezione "I Valori" (84e266b): il CSS del post Elementor (post-1035.css) le dà padding 76px su tutti e 4 i lati a ogni larghezza, quindi a 390px il contenuto restava largo ~200px (foto armadio di rete ridotta a miniatura, testi a 1-2 parole per riga). Sotto 768px si riducono i soli lati; "body" pareggia/supera la specificità 0,3,0 della regola Elementor senza !important (il padding verticale resta quello della regola 5). */ @media (max-width: 767px) { body .elementor-1035 .elementor-element.elementor-element-84e266b { padding-inline: 1.25rem; } } /* Why Choose Us, contatore "10+ Anni di Esperienza" (riga interna f5c5e39, la card con ombra): dopo la rimozione dei 3 contatori demo la colonna 514a5a8 è a tutta riga (100%, vedi mapping-apply.json) e la card restava larga ~1120px con un solo dato. Si limita la larghezza e si centra, in linea con la foto sopra, senza aggiungere dati. */ .elementor-element-f5c5e39 { max-width: 24rem; margin-inline: auto; } /* Contenuto della card non centrato (QA 2026-10-01): il widget "counter" del tema (non quello nativo Elementor) rende un blocco .single_counter con classe .text-left (Bootstrap del tema: text-align:left !important) e il numero in h1/h3 inline, quindi con la card ora a una sola colonna il dato restava a sinistra con ~190px vuoti a destra. Si centra sovrascrivendo il solo text-align: !important necessario, perché la regola Bootstrap è a sua volta !important (un !important si batte solo con un altro, a specificità maggiore: qui 0,3,0 contro 0,1,0). Il padding della sezione nel dato Elementor è inoltre asimmetrico (30px sinistra, 0 destra, 20px sotto, 45px sopra: pensato per 4 colonne) e si rende simmetrico; "body" porta la specificità sopra quella della regola del post (0,3,0). */ body .elementor-1035 .elementor-element.elementor-element-f5c5e39 { padding: 2.5rem 1.5rem 1rem; /* sotto meno: il widget aggiunge già ~20px di margine */ } /* il campo icona di questo contatore è vuoto () ma il suo contenitore occupava ~25px sopra il numero, sbilanciando la card */ .elementor-element-f5c5e39 .counter_icon { display: none; } .elementor-element-f5c5e39 .single_counter.text-left { text-align: center !important; } /* (2026-10-14: rimossi qui il blocco mobile della sezione "I Valori" della vecchia Home (111fa9a) e la regola 10, hero tipografico della vecchia Home (1187cc0, classi .cbn-hero*): sostituiti dalla Home nuova, vedi assets/css/cbn-home.css. La cronologia sta in git.) */ /* ========================================================================= CORREZIONE (2026-08-07, project-orchestrator, verifica visiva post-deploy) Il tema parent ITSoft non usa CSS custom properties per il proprio colore di accento: #FF3C00 (arancione) e' scritto letteralmente 152 volte nel suo style.css compilato (verificato via grep diretto, nessuna var() — confermato confrontando con Voldor, il cui parent USA var(--voldor-base, ...) ovunque: la differenza e' architetturale tra i due temi/venditori, non un errore di applicazione). Il token system di questa direzione (client-config.json, elementor_kit_palette) aggiorna il Kit Elementor, che i widget qui non referenziano comunque per lo stesso motivo — stesso problema strutturale gia' isolato e risolto per Helpo nello stesso giro. Override qui, selettore per selettore (generato da uno script sulle 152 occorrenze reali del parent, non a mano): stesso valore teal della direzione scelta (palette6 #0F6F63, gia' verificato WCAG AA in client-config.json). !important necessario: il parent carica DOPO in alcuni casi per via dell'ordine hook, e diverse regole hanno selettori a specificita' alta (id/combinatori multipli) che una semplice regola child-theme non batterebbe altrimenti senza duplicare l'intera catena di selettori. AGGIORNAMENTO 2026-10-03 (Lotto B): il valore non è più scritto qui letteralmente (era ripetuto 156 volte) ma letto dal Kit Elementor, var(--e-global-color-palette6): il Kit la dichiara sulla classe .elementor-kit-8 del , quindi la ereditano tutti gli elementi della pagina, anche quelli del tema fuori da Elementor (header, menu, blog). Un cambio di palette in client-config.json ora arriva anche a queste regole. ========================================================================= */ .itsoft-header-top::after { background: var(--e-global-color-palette6) !important; } .header-support a { background: var(--e-global-color-palette6) !important; } .em-quearys-inner::before { border-bottom: var(--e-global-color-palette6) !important; } .top-form-control button.top-quearys-style { color: var(--e-global-color-palette6) !important; } .top-form-control button.top-quearys-style { background: var(--e-global-color-palette6) !important; } .mean-container .mean-nav { background: var(--e-global-color-palette6) !important; } .itsoft_menu>ul>li.current>a, .itsoft_menu>ul>li:hover>a, .creative_header_menu>ul>li:hover>a { color: var(--e-global-color-palette6) !important; } .heading_style_3.tr_btn .prefix .itsoft_menu>ul>li>a:hover, .heading_style_3.tr_btn .hbg2 .itsoft_menu>ul>li.current a { color: var(--e-global-color-palette6) !important; } .heading_style_3 .prefix .itsoft_menu>ul>li>a:hover, .heading_style_3 .hbg2 .itsoft_menu>ul>li.current a { color: var(--e-global-color-palette6) !important; } .tr_white_btn .hbg2 { background: var(--e-global-color-palette6) !important; } .itsoft_menu ul .sub-menu li:hover>a, .itsoft_menu ul .sub-menu .sub-menu li:hover>a, .itsoft_menu ul .sub-menu .sub-menu .sub-menu li:hover >a, .itsoft_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a { color: var(--e-global-color-palette6) !important; } .itsoft_menu ul .sub-menu li:before { background: var(--e-global-color-palette6) !important; } ul.mega-sub-menu ul li a span { background: var(--e-global-color-palette6) !important; } .trp_nav_area.hbg2 a.dtbtn { color: var(--e-global-color-palette6) !important; } .em-quearys-top.msin-menu-search .em-quearys-inner { border-top: var(--e-global-color-palette6) !important; } a.dtbtn { background: var(--e-global-color-palette6) !important; } a.dtbtn { border: var(--e-global-color-palette6) !important; } .blog-page-title a:hover { color: var(--e-global-color-palette6) !important; } .itsoft-blog-meta-right a:hover, .itsoft-blog-meta-right span:hover, .itsoft-blog-meta-left a:hover, .itsoft-blog-meta-left span:hover { color: var(--e-global-color-palette6) !important; } /* Meta Upper */ .upper.itsoft-blog-meta-left a, .upper.itsoft-blog-meta-left span { color: var(--e-global-color-palette6) !important; } .upper.itsoft-blog-meta-left a:hover, .upper.itsoft-blog-meta-left span:hover { color: var(--e-global-color-palette6) !important; } .meta-list.itsoft-blog-meta-left a, .meta-list.itsoft-blog-meta-left span { color: var(--e-global-color-palette6) !important; } .readmore a:hover { border-color: var(--e-global-color-palette6) !important; } .readmore a:hover { background: var(--e-global-color-palette6) !important; } .itsoft-single-icon-inner a i:hover { background: var(--e-global-color-palette6) !important; } .itsoft-single-icon-inner a i:hover { border-color: var(--e-global-color-palette6) !important; } blockquote { border-left: var(--e-global-color-palette6) !important; } .commment_title h3:after { background: var(--e-global-color-palette6) !important; } .reply_date span.span_right { background: var(--e-global-color-palette6) !important; } .reply_date span.span_right:hover { background: var(--e-global-color-palette6) !important; } .blog-page-title h2 a:hover { color: var(--e-global-color-palette6) !important; } .paginations a, .page-numbers span.current { color: var(--e-global-color-palette6) !important; } .paginations a:hover, .paginations a.current, .page-numbers span.current { background: var(--e-global-color-palette6) !important; } .paginations a:hover, .paginations a.current, .page-numbers span.current { border-color: var(--e-global-color-palette6) !important; } .single-counter.style1 #counter span.plus { color: var(--e-global-color-palette6) !important; } .single_counter.style-2 .countr_text > h1 { color: var(--e-global-color-palette6) !important; } .em_coaching_title h2:hover { color: var(--e-global-color-palette6) !important; } .itsoft-single-coaching-details .itsoft-blog-meta.txp-meta .itsoft-blog-meta-left a, .itsoft-single-coaching-details .itsoft-blog-meta.txp-meta .itsoft-blog-meta-left span { color: var(--e-global-color-palette6) !important; } .coaching-fee ul li { color: var(--e-global-color-palette6) !important; } .coaching-details-meta { color: var(--e-global-color-palette6) !important; } .coaching-fee { color: var(--e-global-color-palette6) !important; } .applications i { color: var(--e-global-color-palette6) !important; } .breadcumb-inner li:nth-last-child(-n+1) { color: var(--e-global-color-palette6) !important; } .kc-ui-progress2 span.value::before { border-top-color: var(--e-global-color-palette6) !important; } .not-found-inner h2 { color: var(--e-global-color-palette6) !important; } .not-found-inner a { background: var(--e-global-color-palette6) !important; } .not-found-inner a:hover { background: var(--e-global-color-palette6) !important; } .search-error > h3 { color: var(--e-global-color-palette6) !important; } .footer-top-address h2 span { color: var(--e-global-color-palette6) !important; } .footer-top-inner h2 span { color: var(--e-global-color-palette6) !important; } .footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before { color: var(--e-global-color-palette6) !important; } /*======================== END FOOTER BOTTOM AREA CSS =========================*/ /*======================== EM40 SCROLL TOP CSS =========================*/ /* #scrollUp: ridefinito in assets/css/cbn-chrome.css (token cbn-*); qui niente !important che lo batterebbe */ /*======================== END EM40 SCROLL TOP CSS =========================*/ .copy-right-text a { color: var(--e-global-color-palette6) !important; } .recent-post-text h4 a:hover { color: var(--e-global-color-palette6) !important; } .recent-post-text .rcomment { color: var(--e-global-color-palette6) !important; } .mean-container .mean-bar { background: var(--e-global-color-palette6) !important; } .footer-middle .widget .menu-social-menu-container ul li i:hover { background: var(--e-global-color-palette6) !important; } .footer-middle .widget .menu-social-menu-container ul li i:hover { border-color: var(--e-global-color-palette6) !important; } .title_tx h5 { color: var(--e-global-color-palette6) !important; } .heading_number { color: var(--e-global-color-palette6) !important; } .about_shape::after { background: var(--e-global-color-palette6) !important; } .em_visa-icon i { color: var(--e-global-color-palette6) !important; } .visa-btn a:hover { color: var(--e-global-color-palette6) !important; } .visa-btn a i { color: var(--e-global-color-palette6) !important; } .country-btn a { color: var(--e-global-color-palette6) !important; } .main-style.em-team .em-team-content-title h2:hover { color: var(--e-global-color-palette6) !important; } .main-style.em-team .em-team-content-telephone { background: var(--e-global-color-palette6) !important; } .main-style.em-team .em-team-content-socials a { color: var(--e-global-color-palette6) !important; } /*======================== Team Style Two =========================*/ .em-team.style-two { border: var(--e-global-color-palette6) !important; } .team-info-inner span { color: var(--e-global-color-palette6) !important; } .team-social ul li a { background: var(--e-global-color-palette6) !important; } .portfolio_nav ul li { border: var(--e-global-color-palette6) !important; } .portfolio_nav ul li { color: var(--e-global-color-palette6) !important; } .portfolio_nav ul li:hover, .portfolio_nav ul li.current_menu_item { background: var(--e-global-color-palette6) !important; } .prot_content { background: var(--e-global-color-palette6) !important; } .New-portfolio .portfolio_nav ul li { color: var(--e-global-color-palette6) !important; } .New-portfolio .portfolio_nav ul li:hover, .portfolio_nav ul li.current_menu_item { background: var(--e-global-color-palette6) !important; } .picon a { background: var(--e-global-color-palette6) !important; } .port_dtl_social i { background: var(--e-global-color-palette6) !important; } .port_dtl_social a { background: var(--e-global-color-palette6) !important; } .kc-ui-progress2 span.value { background: var(--e-global-color-palette6) !important; } /* itsoft Button */ .itsoft-button a { background: var(--e-global-color-palette6) !important; } /* itsoft Button */ .itsoft-button a { border: var(--e-global-color-palette6) !important; } .itsoft-button a:hover { color: var(--e-global-color-palette6) !important; } .itsoft-button a:hover { border: var(--e-global-color-palette6) !important; } /* carousel Nav Style */ .curosel-style .owl-nav div { background: var(--e-global-color-palette6) !important; } .form-control:focus, textarea:focus { border-color: var(--e-global-color-palette6) !important; } .button { background: var(--e-global-color-palette6) !important; } .em-button-button-area a { background: var(--e-global-color-palette6) !important; } .em-button-button-area a:hover { color: var(--e-global-color-palette6) !important; } .em-slider-button .withput-active:hover { color: var(--e-global-color-palette6) !important; } .em-nivo-slider-wrapper .nivo-directionNav a { color: var(--e-global-color-palette6) !important; } .em-nivo-slider-wrapper .nivo-directionNav a:hover { background: var(--e-global-color-palette6) !important; } .em-nivo-slider-wrapper .nivo-directionNav a:hover { border-color: var(--e-global-color-palette6) !important; } .em-nivo-slider-wrapper .nivo-controlNav a { color: var(--e-global-color-palette6) !important; } .single_pricing.active { background: var(--e-global-color-palette6) !important; } .order_now a { color: var(--e-global-color-palette6) !important; } .order_now a { border: var(--e-global-color-palette6) !important; } .single_pricing:hover .order_now a { background: var(--e-global-color-palette6) !important; } .single_pricing.style4 .pricing-body ul li i { color: var(--e-global-color-palette6) !important; } .single_pricing.style4.active { background: var(--e-global-color-palette6) !important; } .footer-sociala-icon { color: var(--e-global-color-palette6) !important; } /* Mailchim Form Css */ .mailchim-form-inner { background: var(--e-global-color-palette6) !important; } .mc4wp-form-fields button { background: var(--e-global-color-palette6) !important; } .mc4wp-form-fields input:focus, .mc4wp-form-fields textarea:focus { border-color: var(--e-global-color-palette6) !important; } .New-footer .recent-post-text h4 a:hover { color: var(--e-global-color-palette6) !important; } .form-area.apppontment-form.apppontment-form-two .button { color: var(--e-global-color-palette6) !important; } .form-area.apppontment-form.apppontment-form-two .button:hover { background: var(--e-global-color-palette6) !important; } .blog-page-title_adn a:hover { color: var(--e-global-color-palette6) !important; } .blog-content_adn h2 a:hover { color: var(--e-global-color-palette6) !important; } /* BLOG POST META LEFT CSS */ .itsoft-blog-meta_adn { border-top: var(--e-global-color-palette6) !important; } .btn-link:hover { color: var(--e-global-color-palette6) !important; } .itsoft-blog-meta-top li a { background: var(--e-global-color-palette6) !important; } .itsoft-blog-readmore a:hover { color: var(--e-global-color-palette6) !important; } .blog_style_two .itsoft-blog-readmore a { color: var(--e-global-color-palette6) !important; } .blog_style_five .single_blog_adn:hover .itsoft-blog-readmore a { background: var(--e-global-color-palette6) !important; } .blog_style_five .em-blog-content-area_adn { border-top: var(--e-global-color-palette6) !important; } .blog_style_five .itsoft-blog-readmore a:hover { color: var(--e-global-color-palette6) !important; } .blog_style6 .itsoft-single-blog_adn:hover .em-blog-content-area_adn { border-color: var(--e-global-color-palette6) !important; } .blog_style6 .itsoft-single-blog_adn:hover .itsoft_blog_meta_left span { color: var(--e-global-color-palette6) !important; } .blog_style6 .itsoft-single-blog_adn:hover .itsoft-blog-readmore a { color: var(--e-global-color-palette6) !important; } /* button css */ .banner-area .btn { background: var(--e-global-color-palette6) !important; } .banner-area .active .btn { border: var(--e-global-color-palette6) !important; } .banner-area .active .btn { color: var(--e-global-color-palette6) !important; } .btn.btn-bordered { border: var(--e-global-color-palette6) !important; } .btn.btn-bordered { color: var(--e-global-color-palette6) !important; } .banner-area .btn:hover { color: var(--e-global-color-palette6) !important; } .banner-area .active .btn:hover { background-color: var(--e-global-color-palette6) !important; } .banner-area .active .btn:hover { border: var(--e-global-color-palette6) !important; } .btn.btn-bordered:hover { background-color: var(--e-global-color-palette6) !important; } .scroll-next i { color: var(--e-global-color-palette6) !important; } .mc4wp-alert.mc4wp-error a, .mc4wp-alert.mc4wp-error p { color: var(--e-global-color-palette6) !important; } .widget ul li:hover { color: var(--e-global-color-palette6) !important; } .post-password-form input[type="submit"] { background: var(--e-global-color-palette6) !important; } .nav-pills > li { border: var(--e-global-color-palette6) !important; } .nav-pills>li>a { color: var(--e-global-color-palette6) !important; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background: var(--e-global-color-palette6) !important; } .tab_pan_content ul li i { color: var(--e-global-color-palette6) !important; } .tab_pan_content a { background: var(--e-global-color-palette6) !important; } a.active-tab-btn:hover { background: var(--e-global-color-palette6) !important; } .tab_post_style2 .nav-pills li i { color: var(--e-global-color-palette6) !important; } .tab_post_style2 .nav-pills>li i:hover, .tab_post_style2 .nav-pills>li.active i { background: var(--e-global-color-palette6) !important; } .owl-dot.active { background: var(--e-global-color-palette6) !important; } .menu-serivice-menu-container ul li:hover { background: var(--e-global-color-palette6) !important; } .menu-serivice-menu-container ul li.current_menu_item { background: var(--e-global-color-palette6) !important; } .about_lists li i { color: var(--e-global-color-palette6) !important; } .classic-it-service .message-box-wrap:hover { background: var(--e-global-color-palette6) !important; } .classic-it-service .message-box-wrap i { background: var(--e-global-color-palette6) !important; } .nav-btn.navSidebar-button i { color: var(--e-global-color-palette6) !important; } /* Residuo arancio del tema demo (#FF3C00/#f12a02/#FF0000, mai nel Kit palette) — problema noto dal 2026-08-07 (content/mapping.md punto 0), riconfermato da design-reviewer il 2026-08-27 con verifica pixel-per- pixel: il changelog non registrava un secondo tentativo dopo il 2026-08-09 nonostante il residuo fosse ancora visibile su tutte e 5 le pagine reali. Selettori trovati con un resolver JS che itera document.styleSheets e testa el.matches() per ogni regola (l'ispezione DevTools reale mancante nel 2026-08-07, ora disponibile via CDP) — non indovinati, verificati come "regola vincente" per ogni elemento arancio trovato dal vivo su tutte le pagine reali (esclusi Team/Testimonial, coperti dalla policy contenuto demo 2026-08-13, non toccati qui). */ .section-title span, .icon-box-icon .icon i, .service-box.style_4 .service-box-icon i, .service-box.service-style-two .service-box-icon i, .counter_icon i { color: var(--e-global-color-palette6) !important; } .service-box.service-style-two .service-btn > a i { color: var(--e-global-color-palette6) !important; } /* Codice servizio a 2 lettere stile "ticket" (signature della Direzione "Presidio di Fiducia", mapping-apply.json "our-services" — HD/AT/WH/WD/ SV/VO/LC/HW, campo nativo title_number) risultava scritto nel widget ma MAI visibile: verificato nel sorgente del tema (widgets/service-box.php) che la variante "select_style: two" usata da questo widget (classe resa ".service-style-two") non stampa affatto '$settings['title_number']' nel proprio branch di rendering — solo altre varianti stile (five, sette, ecc, mai usate qui) lo fanno. Non modificabile senza toccare il tema padre (mai permesso, staging-first.md): il codice è iniettato qui via CSS ::before, leggendo una classe CSS per-widget già assegnata in mapping-apply.json tramite il controllo Elementor nativo "_css_classes" (Avanzate → Classi CSS, disponibile in Elementor Free, nessun hack) — non serve un font/plugin aggiuntivo, un meccanismo già esistente riusato per un campo che il tema stesso ignora in questa variante. */ .service-box.service-style-two { position: relative; } .service-box.service-style-two .service-box-icon { position: relative; } .service-box.service-style-two .service-box-icon::before { position: absolute; top: -6px; right: -10px; min-width: 28px; padding: 2px 6px; background: var(--e-global-color-palette6); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.4; text-align: center; border-radius: 3px; } .svc-ticket-hd .service-box-icon::before { content: "HD"; } .svc-ticket-at .service-box-icon::before { content: "AT"; } .svc-ticket-wh .service-box-icon::before { content: "WH"; } .svc-ticket-wd .service-box-icon::before { content: "WD"; } .svc-ticket-sv .service-box-icon::before { content: "SV"; } .svc-ticket-vo .service-box-icon::before { content: "VO"; } .svc-ticket-lc .service-box-icon::before { content: "LC"; } .svc-ticket-hw .service-box-icon::before { content: "HW"; } /* Residuo arancio (2026-08-27, chiusura punto 0 di content/mapping.md, noto dal 2026-08-07): bottone "Prenota Una Consulenza" (widget slider Home, service-box style_4) e i 3 cerchi di alone dietro i numeri di "Il Nostro Processo" (dreamit-work-process.php, .work_progress-number) restavano #FF3C00 perché letti da `widgets-style.css` del tema, non da una custom property — stesso meccanismo già diagnosticato per gli altri residui di questa sessione, qui individuati con lo stesso resolver JS su document.styleSheets. */ .service-box.style_4 .service-btn > a::after, .service-box.style_4:hover .service-btn > a { background: var(--e-global-color-palette6) !important; } .work_progress-number span, .work_progress-number span::before, .work_progress-number span::after { background: var(--e-global-color-palette6) !important; } .work_progress:hover .wrok_process_thumb { border-color: var(--e-global-color-palette6) !important; } /* Logo della barra del menu mobile. Il tema lo disegna come immagine di sfondo in assets/css/meanmenu.min.css, caricata dal server del venditore (wp.ditsolution.net/.../tr-logo.png, logo "IT-Soft"): marchio sbagliato e, in produzione, una richiesta a un server di terzi da ogni visitatore (QA 2026-09-24). Logo mobile reale di CBN Informatica, copiato nel child theme (percorso relativo: vale su qualunque dominio). Stessa area 200x50 del tema; il logo è 99x32, allineato a sinistra e centrato. */ .mean-container .mean-bar::before { background: url(assets/images/logo-cbn-mobile.png) no-repeat left center; } /* Header desktop 1170-1366px: il parent (assets/css/responsive.css, blocco "Laptop Screen" 1170-1366px) nasconde di proposito il pulsante .donate-btn-header ("Prenota una Consulenza", solo Home) e l'hamburger .sidebar per far stare il menu. Qui si ripristinano (sono la CTA principale e lo stesso header visto a 1440px) compensando lo spazio con margini più stretti sulle voci di menu: con 6 voci a 6px laterali + pulsante + hamburger servono ~840px, la colonna ne offre >=859 da 1200px. Tra 1170 e 1199px lo spazio non basta per il pulsante (la CTA resta nascosta, comportamento del parent) ma basta per l'hamburger una volta stretti i margini: senza, sulle pagine interne restava solo il filetto verticale della lente accanto a un vuoto (QA 2026-10-01). Le pagine interne usano un header diverso da quello della Home e non hanno mai il pulsante (docs/design-system.md). Specificità 0,2,1 / 0,3,2 contro le regole del parent (0,1,0). */ @media (min-width: 1170px) and (max-width: 1366px) { .itsoft-main-menu .itsoft_menu > ul > li > a { margin-inline: 6px; } .itsoft-main-menu .sidebar { display: inline-block; } } @media (min-width: 1200px) and (max-width: 1366px) { .itsoft-main-menu .donate-btn-header { display: inline-block; } } /* Un solo H1 per pagina (Lotto C SEO, 2026-10-03, docs/seo-checklist.md voce 3). Due titoli cambiano tag senza cambiare aspetto; i valori qui sotto NON sono scelte di design ma la copia di quelli che il parent applicava al vecchio tag (nessun token della palette equivale a #fff, lo stesso bianco del parent): - titolo del banner delle pagine interne, h2 -> h1 (includes/header-page-title.php del child): parent style.css ".brpt h2" e responsive.css ".brpt h2" (<=767px); - titolo delle pagine native senza banner, es. Privacy, h2 -> h1 (template-parts/content-page.php del child): parent style.css ".em-theme-main-page .itsoft-single-blog-title h2" e ".itsoft-single-blog-details h2". */ .brpt h1 { font-size: 45px; margin-top: 0; margin-bottom: 20px; color: #fff; } .em-theme-main-page .itsoft-single-blog-title h1 { font-size: 30px; padding-bottom: 15px; } @media (max-width: 767px) { .brpt h1 { font-size: 31px; margin-bottom: 13px; } }