/**
 * wideum-shop-chrome.css
 *
 * Crom del shop: capçalera, topbar, mini-cart lateral, cistella,
 * checkout, compte i cross-sell.
 *
 * F2 · Consolidació de CSS: aquestes regles vivien duplicades al custom_css
 * dels documents d'Elementor (#964, #1171, #997, #998, #1168, #1169, #10).
 * Generat per tools/design/extract-doc-css.php --block=chrome --write
 */

/* == GENERAT PER tools/design/extract-doc-css.php — NO EDITIS A MÀ == */

.wideum-header {
	transition: background .25s ease,box-shadow .25s ease;
}

.wideum-header.elementor-sticky--active {
	background: #fff !important;
	box-shadow: 0 2px 12px rgba(0,0,0,.08);
}

.wideum-header {
	flex-wrap: nowrap;
}

.wideum-header>.elementor-widget-image {
	flex: 0 0 auto;
}

.wideum-header .elementor-widget-image img {
	width: 150px;
	max-width: none;
	height: auto;
}

.wideum-header>.elementor-widget-wideum-megamenu {
	flex: 1 1 auto;
	min-width: 0;
}

.wideum-header>.e-con {
	flex: 0 0 auto;
	width: auto !important;
	max-width: none;
}

.wideum-header .wideum-langswitch,
.wideum-header>.e-con .elementor-widget-button {
	flex-shrink: 0;
}

.wideum-header .elementor-button {
	white-space: nowrap;
}

@media (min-width:1281px) {
	.wideum-header .main-header__menu-container {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.wideum-header .main-header__menu-container .main-menu {
		flex-wrap: nowrap;
	}
	.wideum-header .main-header__menu-container .main-menu > li > a {
		white-space: nowrap;
	}
}

.wideum-topbar .wideum-topbar-text .elementor-heading-title {
	margin: 0;
}

.wideum-topbar .elementor-widget-button .elementor-button {
	white-space: nowrap;
}

.wideum-header .wpml-ls {
	min-width: 0;
}

.wideum-header .wpml-ls-statics-shortcode_actions {
	margin: 0;
	padding: 0;
}

.wideum-header .wpml-ls-legacy-dropdown {
	width: auto;
	max-width: none;
	background: transparent;
	border: none;
}

.wideum-header .wpml-ls-legacy-dropdown>ul,
.wideum-header .wpml-ls-legacy-dropdown li {
	background: transparent;
	border: none;
}

.wideum-header .wpml-ls-legacy-dropdown a {
	border: none !important;
	background: transparent !important;
	color: #00175C !important;
	font-size: 15px;
	font-weight: 500;
	padding: 6px 26px 6px 6px;
}

.wideum-header .wpml-ls-legacy-dropdown a:hover,
.wideum-header .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
	color: #4ADBC4 !important;
}

.wideum-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	position: relative;
	padding-right: 26px;
}

.wideum-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::before {
	display: none !important;
}

.wideum-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
	content: "" !important;
	border: none;
	border-right: 2px solid #00175C;
	border-bottom: 2px solid #00175C;
	width: 8px;
	height: 8px;
	background: none;
	position: absolute;
	right: 8px;
	top: calc(50% - 6px);
	transform: rotate(45deg);
}

.wideum-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border: none;
	box-shadow: 0 6px 20px rgba(0,23,92,.1);
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}

.wideum-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
	border: none !important;
	padding: 8px 16px;
}

.wideum-shop-cart .elementor-menu-cart__toggle .elementor-button {
	background: transparent;
	padding: 6px;
	color: #00175C;
}

.wideum-shop-cart .elementor-menu-cart__toggle .elementor-button-icon {
	font-size: 22px;
	color: #00175C;
}

.wideum-shop-cart .elementor-menu-cart__container {
	transition: background-color .25s ease,transform 0s;
}

.wideum-shop-cart.elementor-menu-cart--shown .elementor-menu-cart__container {
	background-color: rgba(0,23,92,.4);
}

body.elementor-default .elementor-widget-woocommerce-menu-cart.wideum-shop-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__container {
	transition: background-color .25s ease,transform 0s .28s;
}

.wideum-shop-cart .elementor-menu-cart__main {
	width: 420px;
	max-width: 92vw;
	border: none;
	border-radius: 0;
	box-shadow: -8px 0 40px rgba(0,23,92,.14);
	padding: 0;
	transition: transform .28s cubic-bezier(.4,0,.2,1),opacity .28s ease;
}

.wideum-shop-cart .elementor-menu-cart__main::before {
	content: "Your cart";
	flex: 0 0 auto;
	padding: 20px 56px 20px 24px;
	border-bottom: 1px solid #E5E8EF;
	font-size: 19px;
	font-weight: 700;
	color: #00175C;
}

.wideum-shop-cart .elementor-menu-cart__main[data-wideum-count]::before {
	content: "Your cart (" attr(data-wideum-count) ")";
}

.wideum-shop-cart .elementor-menu-cart__close-button {
	position: absolute;
	top: 22px;
	inset-inline-end: 20px;
	margin: 0;
	z-index: 2;
}

.wideum-shop-cart .elementor-menu-cart__close-button:before,
.wideum-shop-cart .elementor-menu-cart__close-button:after {
	height: 2px;
}

.wideum-shop-cart .elementor-menu-cart__main .widget_shopping_cart_content {
	flex: 1 1 auto;
	height: auto;
	min-height: 0;
}

.wideum-shop-cart .elementor-menu-cart__products {
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
	padding: 0 24px;
	overflow-y: auto;
}

.wideum-shop-cart .elementor-menu-cart__product {
	grid-template-columns: 68px auto;
	padding: 18px 30px 18px 0;
}

.wideum-shop-cart .elementor-menu-cart__product-image img {
	border-radius: 8px;
	background: #F5F7FA;
}

.wideum-shop-cart .elementor-menu-cart__product-name {
	padding-inline-start: 14px;
	font-size: 15px;
}

.wideum-shop-cart .elementor-menu-cart__product-price {
	padding-inline-start: 14px;
	font-size: 15px;
	font-weight: 700;
}

.wideum-shop-cart .elementor-menu-cart__subtotal {
	background: #F5F7FA;
	border: solid #E5E8EF;
	border-width: 1px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	text-align: left;
	padding: 20px 24px 0;
	margin: 0;
	font-size: 15px;
}

.wideum-shop-cart .elementor-menu-cart__subtotal strong {
	font-weight: 400;
	color: #5A6478;
}

.wideum-shop-cart .elementor-menu-cart__subtotal .amount {
	font-size: 22px;
	font-weight: 700;
	color: #00175C;
}

.wideum-shop-cart .elementor-menu-cart__footer-buttons {
	background: #F5F7FA;
	margin: 0;
	padding: 4px 24px 20px;
	grid-row-gap: 12px;
	font-size: 15px;
}

.wideum-shop-cart .elementor-menu-cart__footer-buttons::before {
	content: "Taxes and shipping calculated at checkout.";
	font-size: 12.5px;
	font-weight: 300;
	color: #5A6478;
	text-align: left;
}

.wideum-shop-cart .elementor-menu-cart__footer-buttons::after {
	content: "Secure checkout — SSL encrypted";
	width: fit-content;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 12.5px;
	color: #5A6478;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6478' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") no-repeat left center/14px 14px;
}

.wideum-shop-cart .elementor-button--checkout .elementor-button-text {
	font-size: 0;
	line-height: 0;
}

.wideum-shop-cart .elementor-button--checkout .elementor-button-text::after {
	content: "Proceed to checkout";
	font-size: 15px;
	line-height: 1.4;
}

.wideum-shop-cart .wideum-continue {
	order: 1;
	width: 100%;
	background: none;
	border: 0;
	cursor: pointer;
	color: #1CA3B5;
	font-weight: 700;
	font-size: 15px;
	padding: 2px 0 0;
}

.wideum-shop-cart .wideum-continue:hover {
	color: #00175C;
}

.wideum-shop-cart .woocommerce-mini-cart__empty-message {
	padding: 64px 20px;
	font-weight: 300;
}

.wideum-cart-js {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

@media (max-width:767px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}
	.wideum-topbar {
		display: none !important;
	}
	.wideum-header {
		position: relative;
		padding: 14px 16px !important;
		gap: 8px !important;
		width: 100%;
		max-width: 100%;
		min-height: 84px;
		overflow: visible;
	}
	.wideum-header .elementor-widget-image img {
		width: 128px !important;
		max-width: 36vw;
	}
	.wideum-header>.e-con {
		display: block !important;
		position: absolute;
		right: 58px;
		top: 22px;
		width: 38px !important;
		min-width: 38px;
		z-index: 1001;
	}
	.wideum-header .wideum-shop-cta,
	.wideum-header .wideum-langswitch,
	.wideum-header .wideum-cart-js {
		display: none !important;
	}
	.wideum-header .wideum-shop-cart,
	.wideum-header .wideum-shop-cart .elementor-menu-cart__toggle {
		display: block !important;
		visibility: visible !important;
	}
	.wideum-header>.elementor-widget-wideum-megamenu {
		display: block !important;
		position: absolute;
		right: 16px;
		top: 22px;
		width: 38px !important;
		z-index: 1002;
	}
	.wideum-header .responsive-menu-button {
		display: flex !important;
		visibility: visible !important;
		margin: 0;
	}
	.wideum-header .responsive-menu-button-line {
		background: #00175C !important;
	}
	.wideum-shop-cart .elementor-menu-cart__main {
		max-width: 100vw;
	}
}

.wideum-cart-main {
	min-height: 0;
}

.wideum-cart-widget .e-cart-section {
	overflow: hidden;
}

.wideum-cart-widget .shop_table th {
	color: #00175C;
	font-weight: 700;
}

.wideum-cart-widget .product-name a {
	color: #00175C;
	font-weight: 700;
}

.wideum-cart-widget .product-name a:hover {
	color: #1CA3B5;
}

.wideum-cart-widget .woocommerce-Price-amount {
	color: #00175C;
	font-weight: 700;
}

.wideum-cart-widget .e-cart-totals .order-total .woocommerce-Price-amount {
	font-size: 20px;
}

.wideum-cart-widget .coupon .button,
.wideum-cart-widget button[name=update_cart] {
	background: #fff;
	color: #00175C;
	border: 1px solid #E5E8EF;
	border-radius: 10px;
	font-weight: 700;
}

.wideum-cart-widget .coupon .button:hover,
.wideum-cart-widget button[name=update_cart]:hover {
	border-color: #4ADBC4;
	color: #1CA3B5;
	background: #fff;
}

.wideum-trust-row {
	margin-top: 4px;
}

.wideum-cart-main .woocommerce-info {
	border-top-color: #1CA3B5;
}

.wideum-cart-main .woocommerce-info::before {
	color: #1CA3B5;
}

.wideum-cart-main .return-to-shop .button {
	background: #00175C;
	color: #fff;
	border-radius: 10px;
	font-weight: 700;
	padding: 13px 22px;
}

.wideum-cart-main .return-to-shop .button:hover {
	background: #4ADBC4;
	color: #00175C;
}






.wideum-checkout-main {
	min-height: 60vh;
}

.wideum-checkout-widget .e-checkout__order_review,
.wideum-checkout-widget .e-checkout__column-start > div {
	overflow: hidden;
}

.wideum-checkout-widget .woocommerce-Price-amount {
	color: #00175C;
	font-weight: 700;
}

.wideum-checkout-widget .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount {
	font-size: 20px;
}

.wideum-checkout-widget .woocommerce-form__label a,
.wideum-checkout-widget .woocommerce-terms-and-conditions-link {
	color: #1CA3B5;
}

.wideum-checkout-widget .woocommerce-checkout-payment::after {
	content: "Secure checkout — SSL encrypted";
	display: block;
	width: fit-content;
	margin: 14px auto 0;
	padding-left: 20px;
	font-size: 12.5px;
	color: #5A6478;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6478' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") no-repeat left center/14px 14px;
}

.wshop-account {
	min-height: 62vh;
}

.wshop-account-native .woocommerce:has(.woocommerce-MyAccount-navigation) {
	display: flex;
	gap: 32px;
	align-items: flex-start;
}

.wshop-account-native h2 {
	margin: 0 auto 18px;
	max-width: 620px;
}

.wshop-account-native .woocommerce-form-login {
	display: block;
}

.wshop-account-native .woocommerce-MyAccount-navigation {
	flex: 0 0 250px;
	background: #fff;
	border: 1px solid #E5E8EF;
	border-radius: 10px;
	overflow: hidden;
}

.wshop-account-native .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wshop-account-native .woocommerce-MyAccount-navigation li {
	margin: 0;
	border-bottom: 1px solid #E5E8EF;
}

.wshop-account-native .woocommerce-MyAccount-navigation li:last-child {
	border-bottom: 0;
}

.wshop-account-native .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 14px 18px;
	color: #00175C;
	font-weight: 600;
}

.wshop-account-native .woocommerce-MyAccount-navigation .is-active a {
	background: #00175C;
	color: #fff;
}

.wshop-account-native .woocommerce-MyAccount-content {
	flex: 1;
	min-width: 0;
	background: #fff;
	border: 1px solid #E5E8EF;
	border-radius: 10px;
	padding: 30px;
}

.wshop-account-native .woocommerce-form-login {
	max-width: 620px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #E5E8EF;
	border-radius: 10px;
	padding: 30px;
}

.wshop-account-native .u-columns,
.wshop-account-native .u-column1.col-1 {
	width: 100%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.wshop-account-native h2 {
	color: #00175C;
	font-size: 26px;
	font-weight: 700;
	text-align: center;
}

.wshop-account-native input.input-text {
	min-height: 46px;
	border: 1px solid #C9D0DC;
	border-radius: 10px;
	padding: 10px 13px;
}

.wshop-account-native .button {
	background: #00175C!important;
	color: #fff!important;
	border-radius: 10px!important;
	padding: 13px 22px!important;
	font-weight: 700!important;
}

.wshop-account-native .button:hover {
	background: #4ADBC4!important;
	color: #00175C!important;
}

.wshop-account-native a {
	color: #1CA3B5;
}

@media (max-width:767px) {
	.wshop-account-native .woocommerce {
		display: block;
	}
	.wshop-account-native .woocommerce-MyAccount-navigation {
		margin-bottom: 22px;
	}
	.wshop-account-native .woocommerce-MyAccount-content,
	.wshop-account-native .woocommerce-form-login {
		padding: 20px;
	}
	.wshop-account-native .woocommerce-form-login .form-row {
		width: 100%;
	}
}

.wshop-account-native {
	width: 100%;
}

.wshop-account-native .elementor-widget-container,
.wshop-account-native .elementor-shortcode,
.wshop-account-native .woocommerce {
	width: 100%;
}

.wshop-account-native form.woocommerce-form-login {
	margin-left: auto!important;
	margin-right: auto!important;
	padding: 34px;
}


/* == FI GENERAT (sota d'aquesta línia, edició manual) == */

/* Reforços manuals d'especificitat (es conserven en regenerar). */

/* -----------------------------------------------------------------------------
 * Selector d'idioma: desplegable tallat
 *
 * El .wpml-ls-sub-menu és absolut dins del <li> de la llengua actual, així que
 * n'hereta l'amplada (100px amb "English"), i el full generat li posa
 * overflow:hidden per al border-radius. L'ítem, en canvi, porta el nom natiu
 * MÉS el nom traduït ("Español(Spanish)"), que no hi cap: text tallat.
 *
 * Dues causes, dues regles: amaguem el nom traduït (a la capçalera només volem
 * "English" / "Español", igual que a la llengua actual) i deixem que el
 * desplegable creixi segons contingut, de manera que res no pugui tallar-se si
 * demà s'hi afegeix una tercera llengua.
 * -------------------------------------------------------------------------- */
.wideum-header .wpml-ls-legacy-dropdown .wpml-ls-display {
	display: none;
}

.wideum-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	width: max-content;
	min-width: 100%;
}

.wideum-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
	white-space: nowrap;
}

/* -----------------------------------------------------------------------------
 * Selector de divisa de la capçalera (.wideum-curswitch)
 *
 * WCML el pinta amb l'aspecte d'un <select> natiu: 15,5em d'ample, vora grisa i
 * triangle ple. Al costat de "English" això és un cos estrany, així que el
 * portem a la mateixa forma que el selector d'idioma: sense caixa, text navy,
 * xebró de dues línies i desplegable blanc amb ombra i cantonades de 10px.
 *
 * Es fa aquí i no al widget perquè les vores i l'amplada venen del full de
 * WCML, que carrega abans que aquest (assets.php, prioritat 30): amb la mateixa
 * especificitat guanya l'ordre de font, i amb .wideum-header al davant hi
 * guanyem de sobres.
 *
 * Estructura: .wcml-dropdown-click > ul > li.wcml-cs-active-currency >
 *             a.wcml-cs-item-toggle + ul.wcml-cs-submenu > li > a[rel=CODI]
 * El clic el gestiona el JS de WCML (js-wcml-dropdown-click*), que treu i posa
 * la visibilitat del submenú: no li toquem el display.
 * -------------------------------------------------------------------------- */
.wideum-header .wideum-curswitch {
	flex-shrink: 0;
}

.wideum-header .wideum-curswitch .wcml-dropdown-click {
	width: auto;
	max-width: none;
}

.wideum-header .wideum-curswitch .wcml-dropdown-click li {
	border: none;
	background: transparent;
}

.wideum-header .wideum-curswitch .wcml-dropdown-click li:hover,
.wideum-header .wideum-curswitch .wcml-dropdown-click li:focus {
	background: transparent;
}

.wideum-header .wideum-curswitch .wcml-dropdown-click a {
	border: none;
	background: transparent;
	color: #00175C;
	font-size: 15px;
	font-weight: 500;
	line-height: 15px;
	padding: 6px 26px 6px 6px;
	white-space: nowrap;
}

.wideum-header .wideum-curswitch .wcml-dropdown-click a:hover {
	color: #4ADBC4;
}

/* Xebró igual que el del selector d'idioma, en lloc del triangle ple. */
.wideum-header .wideum-curswitch .wcml-dropdown-click a.wcml-cs-item-toggle {
	padding-right: 26px;
}

.wideum-header .wideum-curswitch .wcml-dropdown-click a.wcml-cs-item-toggle:after {
	content: "";
	border: none;
	border-right: 2px solid #00175C;
	border-bottom: 2px solid #00175C;
	width: 8px;
	height: 8px;
	background: none;
	position: absolute;
	right: 8px;
	top: calc(50% - 6px);
	transform: rotate(45deg);
	vertical-align: baseline;
}

.wideum-header .wideum-curswitch .wcml-dropdown-click .wcml-cs-submenu {
	border: none;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 20px rgba(0,23,92,.1);
	overflow: hidden;
	width: max-content;
	min-width: 100%;
	left: 0;
	right: auto;
}

.wideum-header .wideum-curswitch .wcml-dropdown-click .wcml-cs-submenu li {
	border: none;
}

.wideum-header .wideum-curswitch .wcml-dropdown-click .wcml-cs-submenu a {
	padding: 8px 16px;
}

/* -----------------------------------------------------------------------------
 * Carret: marc gris quadrat
 *
 * widget-woocommerce-menu-cart.min.css d'Elementor Pro posa border-width 1px,
 * border-color #69727d i border-radius 0 al botó del toggle a través de
 * variables (--toggle-button-border-*) que només s'omplen si es configura la
 * vora al widget. Aquí no està configurada, així que surt el valor per defecte:
 * una caixa grisa quadrada al voltant de la icona.
 * -------------------------------------------------------------------------- */
.wideum-shop-cart .elementor-menu-cart__toggle .elementor-button {
	border: none;
	border-radius: 10px;
}

/* -----------------------------------------------------------------------------
 * CTA del panell responsive (hamburger en tauleta i mòbil)
 *
 * Mateixa forma que el botó .wideum-shop-cta de la capçalera desktop, perquè és
 * el mateix CTA: no ha de semblar un altre component segons l'amplada.
 * Substitueix el menú 'alternative' de wideum.com, que aquí no existeix.
 * Veure widgets/class-widget-megamenu.php.
 * -------------------------------------------------------------------------- */
.responsive-menu .responsive-menu__alt-container {
	padding: 8px 24px 24px;
}

/* El color va amb tres classes perquè el full del tema pinta els enllaços del
 * panell del mateix turquesa que aquí és el fons: amb una sola classe el text
 * quedava invisible sobre el botó. */
.responsive-menu .responsive-menu__alt-container .responsive-menu__cta {
	display: block;
	background: #4ADBC4;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	padding: 10px 22px;
	border-radius: 10px;
	transition: background .2s ease;
}

.responsive-menu .responsive-menu__alt-container .responsive-menu__cta:hover,
.responsive-menu .responsive-menu__alt-container .responsive-menu__cta:focus {
	background: #2FC9B0;
	color: #fff;
}