/**
 * wideum-fix-h.css — Ronda de feedback del client 2026-09-06.
 *
 * Aquest full recull NOMÉS els arranjaments GLOBALS d'aquesta ronda (els que no
 * es poden acotar a `body.wideum-v2` perquè afecten el header o elements que
 * pinta un plugin de tercers a totes les pàgines). Tot el que és exclusiu de les
 * pàgines v2 viu al bloc (V19) de `wideum-v2.css`.
 *
 * Carrega dins de la tanda de fixes (wideum-fix-a..h), per tant després de
 * theme/legacy/animations/forms/buttons.
 */

/* ============================================================
   (H1) Botó "Trial" del header — cantonades arrodonides
   ------------------------------------------------------------
   Feedback (home #2): "Redondear esquinas del botón Trial".

   El botó és `li#menu-item-7817.menu-button > .item .item-title`, i
   `wideum-theme.css:268` li dona `border-radius: var(--border-radius)`.
   El token val 10px (`wideum-theme.css:62`) PERÒ el header es renderitza dins
   d'un contenidor d'Elementor, i Elementor declara la seva pròpia
   `--border-radius` als `.e-con`, que TAPA la del tema → el botó computa radi 0
   i es veu quadrat. És la trampa ja documentada al projecte: als contextos on
   Elementor mana, el radi va LITERAL.

   A wideum.com (la vara de mesurar) aquest botó és arrodonit.
   ============================================================ */
.menu-button > .item .item-title,
.responsive-menu__alt-container .menu-button > .item .item-title {
	border-radius: 10px;
}

/* ============================================================
   (H2) Botó flotant "Manage consent" (Complianz) — a l'esquerra
   ------------------------------------------------------------
   Feedback (Remote Eye #8A): el botó ocult "Manage consent" solapa el badge
   "Book a Demo" de Calendly a la cantonada inferior dreta i queda lleig.

   A la cantonada inferior dreta hi conviuen TRES elements flotants de tercers:
     · Calendly      `.calendly-badge-widget`  (integrations.php:14-27)
     · Complianz     `#cmplz-manage-consent .cmplz-manage-consent` (right: 40px)
     · reCAPTCHA v3  `.grecaptcha-badge`
   El de Complianz és l'únic que podem moure sense tocar cap servei: el desplacem
   a la vora esquerra.

   Detalls que importen:
   · L'especificitat a batre és `#cmplz-manage-consent .cmplz-manage-consent`
     (selector d'ID). A més, el CSS de Complianz surt d'un fitxer GENERAT a
     `wp-content/uploads/complianz/css/banner-1-optin.css`, i l'ordre de càrrega
     respecte dels nostres fulls no està garantit → cal `!important`.
   · L'animació de lliscar de Complianz (`mc_slideIn`/`mc_slideOut`) anima
     `bottom`, no `right`/`left`: canviar la posició horitzontal no hi interfereix.
   ============================================================ */
#cmplz-manage-consent .cmplz-manage-consent {
	right: auto !important;
	left: 40px !important;
}

/* ============================================================
   H3 (2026-09-09) — Icona PNG dels ítems nous del mega-menú.
   Les icones dels ítems de producte/add-on són SVG amb width/height
   propis (28x35); una icona PNG (app-icon de l'AI Technical Assistant,
   252 px a 3x) es pintaria a mida natural. S'iguala l'alçada per a totes.
   ============================================================ */
.main-menu > li.menu-item-has-children li .item-image {
	height: 35px;
	width: auto;
	max-width: 44px;
	object-fit: contain;
}

/* ============================================================
   (14/9/2026) Megamenú Products: el client no distingia Software / Hardware /
   Add-ons. Les tres columnes passen a blocs clarament separats: títol de columna
   com a pretítol (majúscules, espaiat, blau, filet inferior) i separador vertical
   entre columnes. Selectors acotats al panell .menu-product (escriptori).
   ============================================================ */
.wideum-header .main-menu > li.menu-product > .sub-menu > .menu-item.menu-item-has-children > .item .item-title {
	font-size: 13px;
	line-height: 19px;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #1CA3B5;
	padding-bottom: 8px;
	margin-bottom: 14px;
	border-bottom: 2px solid #E5E8EF;
	display: block;
}
.wideum-header .main-menu > li.menu-product > .sub-menu > .menu-item.menu-item-has-children + .menu-item.menu-item-has-children {
	border-left: 1px solid #E5E8EF;
	padding-left: 30px;
}
@media (max-width: 1050px) {
	.wideum-header .main-menu > li.menu-product > .sub-menu > .menu-item.menu-item-has-children + .menu-item.menu-item-has-children {
		border-left: 0;
		padding-left: 0;
	}
}

/* =============================================================================
   (H3) reCAPTCHA v3 — insígnia flotant amagada (22/9/2026, l'Humbert: «amaga amb css el recaptcha»)
   A la cantonada inferior dreta ja hi conviuen el xat de tawk.to i el badge «Book a Demo» de Calendly; la insígnia
   de reCAPTCHA (que CF7 carrega a totes les pàgines) hi feia nosa. `visibility: hidden` (no `display: none`) perquè
   el token de reCAPTCHA v3 es continuï generant i els formularis segueixin protegits.
   Condició de Google per amagar la insígnia: el text «This site is protected by reCAPTCHA…» ha de ser visible al
   flux de l'usuari (pendent d'afegir-lo als formularis si es vol complir al peu de la lletra).
   ============================================================================= */
.grecaptcha-badge {
	visibility: hidden !important;
}