/**
 * Ajustes visuales tras la migración a WoodMart 8.
 * Se carga después de style.css / style1.css / style2.css del child.
 */

/* ---------------------------------------------------------------
 * Cabecera: menú principal en una sola línea.
 * WoodMart 8 separa los elementos con gap (--nav-gap: 20px) y el
 * child ya les da padding 0 12px, así que se duplicaba el espacio.
 * ------------------------------------------------------------- */
.whb-general-header .wd-nav.wd-nav-main {
	--nav-gap: 0px;
	flex-wrap: nowrap;
}

.whb-general-header .wd-nav.wd-nav-main > li > a {
	white-space: nowrap;
}

/* ---------------------------------------------------------------
 * Pie: la altura fija de .main-footer hacía que el bloque de
 * copyright (con borde superior en 8.x) se montase sobre el menú.
 * ------------------------------------------------------------- */
.wd-footer .main-footer {
	height: auto !important;
}

@media (min-width: 1200px) {
	.wd-footer .main-footer {
		min-height: 312px;
	}
}

.wd-footer .wd-copyrights.copyrights-wrapper {
	border-top: 0;
}

/* ---------------------------------------------------------------
 * Pie: iconos sociales en una sola línea.
 * En 8.x cada icono es una caja de 40px con gap y salto de línea
 * permitido; sumado al padding-right:15% del child no cabían.
 * ------------------------------------------------------------- */
/* La clase va en el propio .wd-social-icons (el_class del elemento WPBakery):
 * footer-social-icons (escritorio) y mobile-footer-social-icons (< 1200px). */
@media (min-width: 577px) {
	.wd-social-icons:is(.footer-social-icons, .mobile-footer-social-icons) {
		flex-wrap: nowrap !important;
		gap: 4px !important;
		padding-right: 0 !important;
	}

	.wd-social-icons:is(.footer-social-icons, .mobile-footer-social-icons) > a {
		flex: 0 0 auto;
		width: 32px !important;
		height: 32px !important;
		padding: 0 !important;
		margin: 0 !important;
	}
}
