/*
 * wideum-fix-c.css — fixes de fidelitat (àmbit C: sliders + product-cards).
 *
 * Propietat exclusiva d'aquest agent. Carrega després de wideum-legacy.
 *
 * Els sliders de case-studies, testimonials i quotes ara emeten el MARKUP ORIGINAL
 * del tema (widget HTML dins un contenidor Elementor), de manera que el theme.js
 * (Slick) els inicialitza igual que a producció i els dots reben l'estil turquesa
 * del tema (.slick-dots, 15px). No cal CSS addicional per als dots.
 */

/* ---------------------------------------------------------------------------
 * DEFECTE 4 — SMART-GLASSES: banda grisa contínua entre dos blocs product_cards.
 *
 * A producció (tema original) els blocs product_cards es renderitzen com a
 * <section> consecutius, així que `.product-cards + .product-cards` (marge
 * superior negatiu de -1.5*section-spacing) solapa i FUSIONA les seves bandes
 * grises .section-bg en una de contínua.
 *
 * A local cada bloc va dins del seu propi contenidor Elementor (.e-con), de manera
 * que els dos <section> ja NO són germans adjacents i el selector d'adjacència del
 * tema no s'aplica → apareix un tall blanc entre les dues bandes. Es reprodueix la
 * fusió aplicant el mateix marge negatiu al segon contenidor Elementor que conté un
 * product-cards quan segueix un altre igual.
 * ------------------------------------------------------------------------- */
.elementor .e-con:has(.product-cards) + .e-con:has(.product-cards) {
	margin-top: calc( var(--section-spacing) * -1.5 ) !important;
}

/* Evita que el contenidor Elementor intermedi afegeixi separació (gap/padding)
 * que reintrodueixi el tall entre bandes. */
.elementor .e-con:has(> .elementor-widget .product-cards) {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	--gap: 0px;
	row-gap: 0 !important;
}

/* ---------------------------------------------------------------------------
 * DEFECTE 1 — HERO DE MARCA (ulleres): CARD CONTINGUDA, no banda full-bleed.
 *
 * Les pàgines de marca (RealWear, Vuzix, Epson, Moziware, Iristick, Rokid) tenen
 * un hero_shot amb color de fons de marca (color != #ffffff). A PRODUCCIÓ el fons
 * de color és una CARD CONTINGUDA (.section-bg: 96% d'amplada, max 1550px, radius
 * 10px, marges blancs laterals) — NO toca les vores. El mapper (single-slide,
 * cas color != #ffffff) ja NO pinta el fons a la secció: embolcalla les columnes
 * en .w-hero-card-inner amb el color; aquí li donem la geometria de la .section-bg
 * de prod i el padding intern (~10% horitzontal, com el .container original).
 * ------------------------------------------------------------------------- */
.w-hero.w-hero--card > .e-con-inner,
.w-hero.w-hero--card { background: transparent !important; }
/* Selectors amb prefix .elementor .e-con per OUT-especificar les regles pròpies
 * d'Elementor sobre .e-con (width via --width, margin, border-radius:0). */
.elementor .e-con.w-hero-card-inner {
	width: 96% !important;
	max-width: 1550px !important;
	margin-inline: auto !important;
	border-radius: 10px !important;
	padding: 55px 10% !important;
	box-sizing: border-box;
}
@media (max-width: 1024px) { .elementor .e-con.w-hero-card-inner { padding: 45px 6% !important; } }
@media (max-width: 800px)  { .elementor .e-con.w-hero-card-inner { padding: 35px 25px !important; } }

/* DEFECTE 2 — logo de producte del hero: VARIANT BLANCA sobre hero fosc.
 * A prod l'.hero-shot__icon-container hereta filter:brightness(0) invert() quan el
 * hero és fosc (whiteText), de manera que QUALSEVOL logo (fosc o de color) es veu
 * blanc. Sense això el logo negre de Vuzix era invisible sobre negre. */
.w-hero-icon--reversed img { filter: brightness(0) invert(1); }
/* Mida del logo com prod (mida natural): NO capar a 42px, que encongia Rokid
 * (300x91 → 138x42) i Moziware (180x50 → 151x42). Ampliem el límit només als
 * heroes de marca (.w-hero--card) fins a l'alçada natural màxima de prod (~92px). */
.w-hero--card .w-hero-icon img { max-height: 92px; max-width: 300px; }