/** * wideum-forms.css — Fidelitat visual dels FORMULARIS (Contact Form 7) i les * targetes que els embolcallen, respecte de producció (wideum.com). * * Per què cal: els formularis viuen dins contenidors Elementor `.e-con`. Elementor * (a) REDEFINEIX la variable `--border-radius: 0` sobre cada `.e-con`, de manera * que `border-radius: var(--border-radius)` de la targeta i del botó submit passa * a 0; i (b) imposa el seu `padding` de contenidor (10px) per ordre de font, tapant * el `padding: var(--margin-section-medium)` (45px) del tema. A més, la plantilla * template-trial de producció aplica estils propis al formulari (labels en * dark-blue/bold, text dels camps #333, botó full-width i fons de secció gris) * que la còpia de wideum-theme.css no porta. * * Aquest fitxer NOMÉS toca formularis + les seves targetes; es carrega l'últim. */ /* --------------------------------------------------------------------------- * 1) TARGETA del formulari (contact + trial): radius i padding com a producció. * Elementor posa --border-radius:0 sobre la .e-con → forcem 10px explícits. * ------------------------------------------------------------------------- */ .contact__form-container.e-con, .trial__form-container.e-con { border-radius: 10px !important; padding: var(--margin-section-medium) !important; /* 45px */ } @media (max-width: 800px) { .contact__form-container.e-con, .trial__form-container.e-con { padding: var(--margin-section-regular) !important; /* 30px */ } } /* --------------------------------------------------------------------------- * 2) BOTÓ submit: hereta --border-radius:0 de l'ancestre .e-con → forcem 10px. * (Producció: botó turquesa amb cantonades arrodonides a totes les pàgines.) * ------------------------------------------------------------------------- */ .custom-form .wpcf7-submit { border-radius: 10px !important; } /* --------------------------------------------------------------------------- * 3) PLANTILLA TRIAL (landing amb formulari + text/imatge): estils propis de * producció que la còpia de wideum-theme.css no reprodueix. Es limita a la * secció `.trial` perquè /contact/ (secció `.contact`) ja coincideix. * ------------------------------------------------------------------------- */ /* Fons gris clar de la secció, com a producció (la targeta es manté blanca). */ .trial { background-color: #f7f8fa; } /* Labels: sense capitalize, en negreta i dark-blue (a prod, form 6415). */ .trial .custom-form label { text-transform: none !important; font-weight: var(--bold) !important; /* 700 */ color: var(--dark-blue) !important; /* #00175C */ } /* Text dels camps i placeholder foscos (#333) com a producció. */ .trial .custom-form input:not([type="checkbox"]), .trial .custom-form select, .trial .custom-form textarea { color: #333 !important; } .trial .custom-form input:not([type="checkbox"])::placeholder, .trial .custom-form textarea::placeholder { color: #333 !important; opacity: 1; } /* Botó submit a tota l'amplada de la targeta (a prod: "START YOUR FREE TRIAL"). */ .trial .custom-form .wpcf7-submit { width: 100% !important; max-width: 100% !important; } /* --------------------------------------------------------------------------- * 4) ACORDIÓ NATIU dels templates trial (auto-free-trial i família): el widget * accordion d'Elementor surt amb l'aspecte per defecte (caixes blanques, * icones +/−). A producció aquest bloc es veu com el faqs de trial-toggles: * files transparents, check gradient a l'esquerra, fletxa (chevron) a la * dreta que gira en obrir, contingut en targeta blanca arrodonida. * ------------------------------------------------------------------------- */ .w-trial .elementor-accordion { border: 0; } .w-trial .elementor-accordion .elementor-accordion-item { border: 0 !important; background: transparent; padding: 16px 0; } .w-trial .elementor-accordion .elementor-tab-title { padding: 0 45px 0 34px; border: 0; position: relative; background-image: url(../../../../themes/wideum/images/icon-check-gradient.svg); background-repeat: no-repeat; background-size: 24px; background-position: left center; } .w-trial .elementor-accordion .elementor-tab-title a, .w-trial .elementor-accordion .elementor-tab-title .elementor-accordion-title { color: var(--dark-blue, #00175C); font-size: var(--text-small-size, 16px); line-height: var(--text-small-lineheight, 22px); font-weight: var(--medium, 500); transition: color .2s ease-in-out; } .w-trial .elementor-accordion .elementor-tab-title.elementor-active a, .w-trial .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title { color: var(--turquoise, #4ADBC4); } /* Fora les icones +/− pròpies del widget. */ .w-trial .elementor-accordion .elementor-accordion-icon { display: none !important; } /* Chevron a la dreta com el faqs__question:after de producció. */ .w-trial .elementor-accordion .elementor-tab-title::after { content: ""; position: absolute; right: 15px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background-image: url(../../../../themes/wideum/images/menu-arrow-icon.svg); background-repeat: no-repeat; background-size: contain; filter: invert(100%); transition: transform .2s ease-in-out; } .w-trial .elementor-accordion .elementor-tab-title.elementor-active::after { transform: rotate(180deg); } /* Contingut: targeta blanca arrodonida, text petit fosc (com .faqs__question-text). */ .w-trial .elementor-accordion .elementor-tab-content { border: 0 !important; background: #FFF; border-radius: 8px; margin-left: 34px; margin-top: 20px; padding: 20px !important; color: var(--dark-blue, #00175C); font-size: var(--text-extrasmall-size, 14px); line-height: var(--text-extrasmall-lineheight, 20px); } /* --------------------------------------------------------------------------- * 5) FAQS dins del text del trial (free-trial "glasses"): al contingut migrat * cada .faqs__question porta la
  • dins d'una