/**
 * Tokens + estils globals Bulova.
 * Abans: Theme Customizer Advanced CSS (netejat i amb variables).
 */

:root {
	--bulova-black: #000;
	--bulova-white: #fff;
	--bulova-grey: #808080;
	--bulova-grey-light: #d3d3d3;
	--bulova-grey-border: #f1f1f1;
	--bulova-overlay: #545454;
	--bulova-overlay-strong: rgba(0, 0, 0, 0.85);
	--bulova-shadow: rgba(0, 0, 0, 0.1);
	--bulova-font: "Roboto", Helvetica, Arial, Lucida, sans-serif;
	--bulova-font-sku: "Petrona", Georgia, "Times New Roman", serif;
	--bulova-font-ui: Helvetica, Arial, sans-serif;
	--bulova-radius: 4px;
	--bulova-header-h: 56px;
	--bulova-bp: 980px;
}

/* —— Base —— */
body {
	font-weight: 400;
}

h2 {
	font-size: 34px;
}

p a {
	font-weight: bold;
	text-decoration: underline !important;
}

.container {
	width: 95%;
}

#main-header,
#main-header.et-fixed-header {
	box-shadow: none !important;
}

#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
	color: var(--bulova-black) !important;
}

.menu-item {
	font-weight: 400;
}

#et-secondary-nav .menu-item-has-children > a:first-child:after,
#top-menu .menu-item-has-children > a:first-child:after {
	content: "C";
	top: 1px;
	font-size: 14px;
}

#et-top-navigation {
	padding-top: 0 !important;
}

#et_search_icon:before {
	font-weight: 800;
}

.et_search_form_container input {
	color: var(--bulova-black) !important;
}

form.et-search-form {
	background: var(--bulova-white) !important;
}

.et-cart-info,
.mobile_menu_bar,
.et_mobile_nav_menu,
.et-cart-info span:before,
.add_to_cart_button {
	display: none !important;
}

.wpml-ls-flag {
	max-width: 20px !important;
}

body #page-container .et_pb_button,
.et_pb_button {
	padding: 12px 25px !important;
	font-weight: 400 !important;
	line-height: 1.4em !important;
}

.et_pb_bg_layout_dark .et_pb_button {
	border-color: var(--bulova-white);
	color: var(--bulova-white) !important;
}

/* —— Mega Menu —— */
#mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
	background-color: var(--bulova-black) !important;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
	color: var(--bulova-white) !important;
}

@media (max-width: 980px) {
	#main-header {
		position: fixed !important;
	}

	#et_top_search {
		position: absolute;
		margin: 0 !important;
		right: 60px !important;
		height: var(--bulova-header-h) !important;
	}

	#et_search_icon:before {
		top: 0 !important;
		position: relative;
		display: flex;
		align-items: center;
		height: var(--bulova-header-h);
	}

	#mega-menu-primary-menu {
		box-shadow: 0 0 5px 0 var(--bulova-shadow) !important;
		padding-top: 40px !important;
	}

	#mega-menu-primary-menu > li > a.mega-menu-link {
		border-bottom: 1px solid !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
	}

	#mega-menu-primary-menu > li > a.mega-menu-link:last-child {
		border-bottom: none !important;
	}

	ul.mega-sub-menu > li {
		padding: 0 0 5px !important;
	}

	ul.mega-sub-menu > li > a.mega-menu-link {
		text-transform: none !important;
		font-size: 14px !important;
	}

	.mega-sub-menu {
		box-shadow: none !important;
		padding: 5px 10px !important;
	}

	.mega-menu-row > ul.mega-sub-menu {
		box-shadow: none !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
		width: 48% !important;
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-2-of-4 {
		width: 100% !important;
	}

	#mega-menu-primary-menu > li.mega-wpml-ls-item {
		position: absolute !important;
		top: 10px !important;
		width: 100% !important;
		left: 2px !important;
	}

	#mega-menu-primary-menu > li.mega-wpml-ls-item > a.mega-menu-link {
		border: none !important;
		height: 30px !important;
		line-height: 30px !important;
		z-index: 999999 !important;
		font-weight: 400 !important;
		text-transform: none !important;
	}

	li.mega-wpml-ls-item-pt-pt > a.mega-menu-link {
		left: 100px !important;
	}

	.mobile_menu_bar {
		display: none;
	}
}

@media (min-width: 981px) {
	#mega-menu-primary-menu .wpml-ls-native {
		display: none;
	}

	#et_search_icon:before {
		font-weight: 800;
		height: 70px;
		display: flex;
		align-items: center;
	}

	.et_header_style_split .et_search_form_container .dgwt-wcas-search-wrapp,
	.et_header_style_left .et_search_form_container .dgwt-wcas-search-wrapp {
		max-width: 600px;
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		width: 600px;
		right: 0 !important;
		left: auto !important;
	}
}

/* —— Footer —— */
#main-footer {
	border-top: 1px solid var(--bulova-shadow);
}

.footer-widget {
	display: flex;
	flex-direction: column;
	padding-bottom: 5% !important;
	align-items: center;
	margin-bottom: 0 !important;
}

.footer-widget .fwidget {
	margin-bottom: 5% !important;
}

.footer-widget .wp-block-image {
	display: flex;
	justify-content: center;
}

#footer-widgets .title {
	font-family: var(--bulova-font);
}

#footer-widgets li:before {
	display: none;
}

#footer-widgets ul.menu li:after {
	content: "$";
	font-family: ETmodules;
	font-weight: 900;
}

#footer-widgets li {
	padding: 0 !important;
	display: flex;
	justify-content: space-between;
}

#block-6 {
	width: auto !important;
}

.et_pb_widget {
	width: 200px;
}

.et_pb_widget ol li,
.et_pb_widget ul li {
	margin-bottom: 5px;
}

@media (max-width: 981px) {
	#main-footer > .container {
		width: 100% !important;
		padding: 25px !important;
	}
}

/* —— Layouts / gallery —— */
@media (min-width: 981px) {
	.img-derecha {
		flex-direction: row-reverse;
	}
}

@media (max-width: 981px) {
	.seccio-capcalera .et_pb_promo.et_pb_bg_layout_light_tablet p {
		color: var(--bulova-black);
	}

	.seccio-capcalera .et_pb_promo.et_pb_bg_layout_light_tablet a {
		color: var(--bulova-black) !important;
		border-color: var(--bulova-black) !important;
	}
}

.et_pb_gallery_item {
	background-color: var(--bulova-black);
}

.et_pb_gallery_image {
	opacity: 0.85;
	transition: all 0.2s ease-in-out;
}

.et_pb_gallery_image:hover {
	opacity: 1;
}

/* —— 404 —— */
.error-404 {
	display: flex;
	flex-direction: column;
}

.error-404 .et_pb_widget {
	width: 100% !important;
}

/* —— Monarch —— */
.et_monarch .et_social_networks .et_social_icon {
	border-radius: 0 !important;
}

.et_monarch .et_social_top li a,
.et_monarch .et_social_media_wrapper .et_social_top li .et_social_share {
	padding: 0 !important;
}

.et_monarch .et_social_inline .et_social_circle .et_social_icons_container li:hover i,
.et_monarch .et_social_inline .et_social_rounded .et_social_icons_container li:hover,
.et_monarch .et_social_inline .et_social_rectangle .et_social_icons_container li:hover {
	background: var(--bulova-white) !important;
}

.et_social_icons_container {
	display: flex !important;
}