/* ============================================================
   GRUPO A — Fix de contraste del HEADER y del menú
   ServiCleaning LLC — 2026-09-26
   Revertir: borrar este archivo (no toca ningún otro CSS).
   ------------------------------------------------------------
   Problema: el tema "cleaning-equipment-pro" trae el header
   diseñado para un menú <ul><li> y con texto blanco asumido.
   Al restaurarse el header, el menú ahora usa <p class=
   "header-menu-item"> y el topbar tiene texto blanco sobre
   fondo claro -> los datos de contacto NO se ven.
   Este archivo fuerza contraste legible en ambos casos.
   ============================================================ */

/* ---- Barra superior (dirección / teléfono / correo) ---- */
.cctv-topbar-header-sec,
.cctv-topbar-sec {
	background-color: #0b2545 !important;   /* azul oscuro de marca */
}

.cctv-topbar-header-sec p,
.cctv-topbar-header-sec span,
.cctv-topbar-header-sec a,
.cctv-topbar-sec p,
.cctv-topbar-sec span,
.cctv-topbar-sec a,
.topbar-mail-col a,
.topbar-call-col a,
.topbar-location-col a {
	color: #ffffff !important;
	font-weight: 500;
	text-decoration: none;
}

.cctv-topbar-header-sec a:hover,
.cctv-topbar-sec a:hover {
	color: #ffd24a !important;   /* dorado al pasar el mouse */
	text-decoration: underline;
}

/* ---- Barra principal del header ---- */
.cctv-header-sec {
	background-color: #ffffff !important;
}

/* ---- Menú de navegación (ahora usa <p>, no <ul>) ---- */
.header-menu-wrap,
.header-menu-col {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 28px;
}

.header-menu-item,
.header-menu-item a {
	margin: 0 !important;
	padding: 0 !important;
}

.header-menu-item a {
	color: #0b2545 !important;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-transform: capitalize;
	transition: color .2s ease;
}

.header-menu-item a:hover,
.header-menu-item a:focus {
	color: #287ff9 !important;
}

/* El último item es "Free Quote" -> que parezca botón */
.header-menu-item:last-child a {
	background-color: #287ff9 !important;
	color: #ffffff !important;
	padding: 11px 22px !important;
	border-radius: 6px;
	display: inline-block;
}

.header-menu-item:last-child a:hover {
	background-color: #0b2545 !important;
	color: #ffffff !important;
}

/* ---- Menú de respaldo si WordPress renderiza <ul><li> ---- */
.header-menu-col nav ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 28px;
}

.header-menu-col nav ul li a {
	color: #0b2545 !important;
	font-weight: 600;
	text-decoration: none;
}

/* En la versión sticky el header se vuelve oscuro -> texto claro */
.sticky .header-menu-item a,
.sticky .header-menu-col nav ul li a {
	color: #ffffff !important;
}

/* ---- Barra de búsqueda ---- */
.header-search-col a,
.header-search-col svg {
	color: #0b2545 !important;
	fill: #0b2545 !important;
}

/* ---- Logos: el logo negro sobre fondo blanco ---- */
.header-logo-col img {
	max-height: 62px;
	width: auto;
}

/* ============================================================
   Accesibilidad: evitar que el texto del footer y topbar quede
   invisibles en móvil (el azul #287ff9 sobre blanco daba 3.82)
   ============================================================ */
.cctv_footer_sec a:hover,
.cctv_footer_sec a:focus {
	color: #ffd24a !important;
}

/* Enlaces del footer en azul de marca con contraste suficiente */
.cctv_footer_sec .wp-block-navigation a,
.cctv_footer_sec nav a {
	color: #e8eefc !important;
}

@media (max-width: 767px) {
	.header-menu-wrap {
		gap: 14px !important;
	}
	.header-menu-item a {
		font-size: 14px;
	}
	.cctv-topbar-header-sec p,
	.cctv-topbar-header-sec a {
		font-size: 13px;
	}
}