/** * Theme Name: Xclean Child * Description: This is a child theme of xclean * Author: themesion * Template: xclean * Version: 1.0 */ /* Icones SVG tipus "outline" (stroke) al widget Icon Heading estil 11: el tema pare força fill:blanc, cosa que trenca icones de línies (fill=none + color via stroke, com les de LordIcon/Icons8 wired). Deixem el fill sempre a none i no toquem l'stroke, perquè cada SVG mostri sempre el seu propi color sense haver de tocar res més. */ .pbmit-ihbox-style-11 .pbmit-ihbox-svg svg { fill: none !important; } /* Treu la icona duplicada de fons (semitransparent, cantonada superior dreta) de l'estil 11 del widget Icon Heading. */ .pbmit-ihbox-style-11 .pbmit-icon-dup-wrap { display: none; } /* Formulari de contacte (pàgina Contacte): dona un fons gris més fosc als camps perquè contrastin amb el fons clar de la targeta. */ .pbmit-detail-form input[type="text"], .pbmit-detail-form input[type="email"], .pbmit-detail-form input[type="tel"], .pbmit-detail-form textarea { background-color: #E8EAED; border-color: transparent; } .pbmit-detail-form input[type="text"]::placeholder, .pbmit-detail-form input[type="email"]::placeholder, .pbmit-detail-form input[type="tel"]::placeholder, .pbmit-detail-form textarea::placeholder { color: #333333; opacity: 1; } /* Formulari de la home (pbmit-appointment-form): el tema pare posa el placeholder en un blau (#7892ae) que no és cap color de la marca. El canviem al vermell corporatiu. Calen !important perquè css/theme.min.css del tema pare es carrega DESPRÉS d'aquest fitxer (mateixa especificitat de selector) i si no, el sobreescriu. */ .pbmit-elementor-bg-color-blackish .pbmit-form input[type="number"]::placeholder, .pbmit-elementor-bg-color-blackish .pbmit-form input[type="text"]::placeholder, .pbmit-elementor-bg-color-blackish .pbmit-form input[type="email"]::placeholder, .pbmit-elementor-bg-color-blackish .pbmit-form input[type="password"]::placeholder, .pbmit-elementor-bg-color-blackish .pbmit-form input[type="tel"]::placeholder, .pbmit-elementor-bg-color-blackish .pbmit-form input[type="url"]::placeholder, .pbmit-elementor-bg-color-blackish .pbmit-form input[type="search"]::placeholder, .pbmit-elementor-bg-color-blackish .pbmit-form textarea::placeholder { color: #E52E37 !important; } #page .pbmit-elementor-bg-color-blackish .select2-container--default .select2-selection--single .select2-selection__rendered { color: #E52E37 !important; } /* Excepció: el "Contact form sidebar" (widget de la barra lateral als serveis) té fons vermell (#E52E37) propi, així que el placeholder ha de ser blanc perquè es llegeixi, no vermell com la resta de formularis sobre fons fosc. Selector més específic que la regla d'amunt perquè guanyi sense dependre de l'ordre. */ .pbmit-elementor-bg-color-blackish .pbmit-form-sidebar-red input[type="text"]::placeholder, .pbmit-elementor-bg-color-blackish .pbmit-form-sidebar-red input[type="email"]::placeholder, .pbmit-elementor-bg-color-blackish .pbmit-form-sidebar-red textarea::placeholder { color: #FFFFFF !important; } /* Formulari Clientify de la barra lateral dels serveis (bloc HTML amb .hj-clientify-sidebar): treu el marc gris que el tema posa a tots els widgets del sidebar i el pinta com a requadre vermell arrodonit, igual que l'antic "Contact form sidebar" de CF7. */ .widget:has(.hj-clientify-sidebar) { padding: 0 !important; border: none !important; background-color: transparent !important; min-height: 0 !important; } .hj-clientify-sidebar { background-color: #E52E37; border-radius: 20px; padding: 10px; overflow: hidden; } /* Enllaç "política de privacitat" del formulari de la home: l'estat hover general del tema (Theme Options → color d'enllaç en hover) és negre, i sobre el fons negre del formulari el text desapareix. El posem en blanc només dins d'aquest formulari. */ .pbmit-appointment-form .wpcf7-list-item-label a:hover { color: #FFFFFF; } /* Widget "Xclean Icon Heading Element" estil 6, sobre fons fosc (pàgina Empresa): la vora de les caixes és un blau (#33465f) que no és cap color de la marca. La canviem al vermell corporatiu. Calen !important perquè icon-heading-style-6.min.css del tema pare es carrega DESPRÉS d'aquest fitxer (mateixa especificitat). */ .pbmit-elementor-bg-color-blackish .pbmit-ihbox-style-6 .pbmit-wrap-number, .pbmit-elementor-bg-color-blackish .pbmit-ihbox-style-6 .pbmit-ihbox-headingicon { border-color: #E52E37 !important; } .pbmit-elementor-bg-color-blackish .pbmit-ihbox-style-6 .pbmit-content-number::after, .pbmit-elementor-bg-color-blackish .pbmit-ihbox-style-6 .pbmit-content-number::before { border-color: #E52E37 !important; } /* Llistat de serveis (widget "Xclean Service Element", estil 2): amb títols llargs (p. ex. "Neteja de col·lector amb camió d'equip de reciclatge d'aigua") el tema els talla amb "..." perquè la caixa de text només ocupa un 65% de l'amplada de la targeta i permet només 2 línies. Donem-li més amplada i una línia més. També pugem la caixa de text (bottom 30px -> 55px) perquè amb 2 línies de títol la part de baix xoca amb el botó rodó de la cantonada. Calen !important perquè css/service/service-style-2.min.css del tema pare es carrega DESPRÉS d'aquest fitxer (mateixa especificitat de selector) i si no, el sobreescriu. */ .pbmit-service-style-2 .pbmit-content-box { width: calc(100% - 15%) !important; bottom: 55px !important; } .pbmit-service-style-2 .pbmit-service-title, .pbmit-service-style-2 .pbmit-service-title a { -webkit-line-clamp: 3 !important; line-clamp: 3 !important; text-transform: none !important; } .pbmit-service-style-2 .pbmit-service-title { font-size: 22px !important; line-height: 26px !important; } /* Llistat de serveis (widget "Xclean Service Element", estil 1, mode carrusel): la icona del servei surt sense la icona configurada (o buida) i deixa un requadre gris visible sota el text. Amaguem el contenidor de la icona a l'estil 1. */ .pbmit-service-style-1 .pbmit-service-icon { display: none !important; } /* Amaga l'autor a la metadada dels posts del blog (llistat i entrada individual): a petició del client, no es vol mostrar qui ha escrit cada article. */ .pbmit-meta-author { display: none !important; } /* Enllaços del footer (ginys "Text" del mail i "Contact Widget" dels telèfons): el tema només posa l'hover verd als enllaços que estan dins d'un