/*
Theme Name:   OneListing Child
Theme URI:    https://sudirectorio.com/
Description:  Tema hijo de OneListing para sudirectorio.com
Template:     onelisting
Version:      1.0.4
Text Domain:  onelisting-child
*/

/* ---------- Colores de marca sobre las variables de OneListing ----------
   html:root gana en especificidad al :root que imprime el tema en línea. */
html:root {
	--color-primary: #0F2A47;
	--color-primary-rgba: 15, 42, 71;
	--color-primary-rgb-1: rgb(15, 42, 71, 0.1);
	--color-primary-rgb-05: rgb(15, 42, 71, 0.05);
	--color-primary-rgb-15: rgb(15, 42, 71, 0.15);
	--color-menu: #1E2A38;
	--color-menu-hover: #0F2A47;
	--color-menu-active: #0F2A47;
	--color-add-listing-button-text: #0F2A47;
	--color-add-listing-button-text-hover: #0F2A47;
	--bgcolor-add-listing-button: #3DD6B5;
	--bgcolor-add-listing-button-hover: #34c2a3;
	--color-breadcrumb-link-hover: #3DD6B5;
	--color-footer-link-hover: #0F2A47;
}

/* ---------- Cabecera ---------- */
#site-header {
	background-color: #ffffff;
	border-bottom: 1px solid #E3E8EE;
	box-shadow: 0 4px 20px rgba(15, 42, 71, 0.05);
}

/* Marca: icono + nombre */
#site-header .sd-brand {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	text-decoration: none;
}
#site-header .sd-brand-icon {
	width: 40px;
	height: 40px;
	object-fit: contain;
}
#site-header .sd-brand-name {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #0F2A47;
	white-space: nowrap;
}

/* Menú principal */
#site-header .theme-main-menu > li > a {
	position: relative;
	font-family: "Inter", sans-serif;
	font-size: 0.9375rem;
	font-weight: 500;
}
/* Subrayado turquoise con text-decoration: el ::after del enlace lo usa
   OneListing para la flecha de los submenús y no debe tocarse. */
@media (min-width: 768px) {
	#site-header .theme-main-menu > li > a {
		text-decoration: underline;
		text-decoration-color: transparent;
		text-decoration-thickness: 2px;
		text-underline-offset: 10px;
		transition: text-decoration-color 0.25s ease, color 0.25s ease;
	}
	#site-header .theme-main-menu > li:hover > a,
	#site-header .theme-main-menu > li.current-menu-item > a,
	#site-header .theme-main-menu > li.current-menu-ancestor > a {
		text-decoration-color: #3DD6B5;
	}
}

/* Submenús */
#site-header .theme-main-menu .sub-menu {
	border-radius: 0.75rem;
	border: 1px solid #E3E8EE;
	box-shadow: 0 16px 40px rgba(15, 42, 71, 0.12);
}
#site-header .theme-main-menu .sub-menu a {
	font-family: "Inter", sans-serif;
	font-size: 0.875rem;
}
#site-header .theme-main-menu .sub-menu a:hover {
	color: #0F2A47;
	background-color: #E8FAF6;
}

/* Botones de acción */
#site-header .theme-menu-action-box .btn {
	font-family: "Inter", sans-serif;
	font-weight: 600;
	border-radius: 0.75rem;
}
#site-header .theme-menu-action-box__login .btn {
	color: #0F2A47;
	border: 1px solid #0F2A47;
	background-color: transparent;
}
#site-header .theme-menu-action-box__login .btn:hover {
	color: #ffffff;
	background-color: #0F2A47;
}
#site-header .btn-add-listing {
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
#site-header .btn-add-listing:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(61, 214, 181, 0.35);
}
#site-header .theme-menu-action-box__search--trigger {
	color: #0F2A47;
}

/* Estilos personalizados debajo de esta línea */