/*
 Theme Name:     Divi Child
 Theme URI:      https://tusitio.com
 Description:    Tema hijo de Divi
 Author:         Tu nombre o empresa
 Author URI:     https://tusitio.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

/* === Atlantic Ocean Properties: tarjetas del listado de Wadda Inmo ===
   Sobrescribe wp-content/plugins/wadda-inmo/assets/css/wadda-inmo.css
   por cascada (este fichero se carga después). No se toca el plugin. */

.wadda-inmo-listing .wdd-inmo-datos {
	background-color: #F7F8FA;
	padding: 24px;
}

.wadda-inmo-listing .wdd-localidad {
	padding: 12px 16px;
	background-color: #C89A3A;
	color: #001138;
}

/* wadda-inmo.css pone el enlace en blanco; sobre el dorado no se lee bien. */
.wadda-inmo-listing .wdd-localidad a {
	color: #001138;
}

@media only screen and (max-width: 480px) {
	.wadda-inmo-listing .wdd-inmo-datos {
		padding: 16px;
	}
}

/* === Atlantic Ocean Properties: rediseno Home (brief de posicionamiento) ===
   Botones y bloques nuevos construidos en Divi + este CSS del tema hijo.
   No se toca ningun plugin de terceros. */

.aop-cta {
	display: inline-block;
}

.aop-cta a.et_pb_button {
	white-space: nowrap;
}

/* Pendiente de datos reales de contacto (telefono/WhatsApp/formulario).
   Marca visualmente estos enlaces como provisionales hasta que se confirme el destino. */
.aop-cta-placeholder a.et_pb_button,
a.aop-cta-placeholder.et_pb_button {
	position: relative;
}

.aop-whatsapp {
	display: inline-block;
	color: #25D366;
	font-weight: 600;
	text-decoration: none;
	font-size: 15px;
}

.aop-whatsapp:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	.aop-cta {
		display: block;
		width: 100%;
		text-align: center;
		margin-right: 0 !important;
	}
}

/* === Atlantic Ocean Properties: buscador de propiedades de la Home (Wadda Inmo) ===
   Cambia los grises #a5a5a5 / #4b4b4b del buscador por el azul marino de marca #001138.
   Sobrescribe wp-content/plugins/wadda-inmo/assets/css/wadda-inmo.css
   por cascada (este fichero se carga despues). No se toca el plugin. */

.wadda-inmo-widget-search-property {
	background-color: #001138;
}

.wadda-inmo-search .wadda-form .wdd-sel select {
	border: 1px solid #001138;
}

.wadda-inmo-search .wadda-form .wdd-sel:after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22.9 12.9' style='enable-background:new 0 0 22.9 12.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:none;stroke:%23001138;stroke-width:2;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='22.9' height='12.9'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpolyline class='st0' points='1,1 11.5,11.5 21.9,1 '/%3E%3C/g%3E%3C/svg%3E%0A");
}

.wadda-inmo-search .wadda-form input[type="submit"].btn {
	background-color: #001138;
}

.wadda-inmo-search .wadda-form input[type="submit"].btn:hover {
	background-color: #001138;
	border: 1px solid #001138;
}

/* Listado sin resultados: quita la imagen de fondo de wadda-inmo.css. */
.wadda-inmo-listing.not-found {
	background-image: none;
}

/* Ninja Forms: menos separación entre campos (el plugin trae 25px).
   Con "body" delante para ganar a la hoja de Ninja Forms, que puede
   cargarse después de esta. */
body #ninja_forms_required_items,
body .nf-field-container {
	margin-bottom: 5px;
}

/* Ninja Forms: sin separación entre opciones de checkbox, imagen y radio
   (el plugin trae 5px con !important). */
body .list-checkbox-wrap .nf-field-element li,
body .list-image-wrap .nf-field-element li,
body .list-radio-wrap .nf-field-element li {
	margin-bottom: 0 !important;
}

/* Ninja Forms: botón "Enviar consulta" con el azul marino de marca y
   hover en el gris azulado global. */
body .nf-form-content .submit-container input[type="submit"],
body .nf-form-content .submit-container input[type="button"] {
	background-color: #001138;
	border: none;
	color: #fff;
	padding: 1em;
	margin-top: 2em;
	height: auto;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

body .nf-form-content .submit-container input[type="submit"]:hover,
body .nf-form-content .submit-container input[type="button"]:hover {
	background-color: #828FA3;
	color: #fff;
}

/* === Cabecera hero de la página Inmuebles (divi-child/page-inmuebles.php) ===
   Réplica de la cabecera de Contacto (sección Divi + módulo Título de la
   publicación): imagen + degradado azul marino en multiply, título blanco
   28px alineado a la izquierda. La imagen es la Imagen destacada de la
   página y llega como background-image en línea. Las clases et_pb_* aportan
   el resto (padding de sección 4%/50px, fila 80% máx. 1080px). */
.atlantic-page-hero.et_pb_section {
	background-color: inherit !important;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: repeat-y;
	background-blend-mode: multiply;
}

.atlantic-page-hero .et_pb_row {
	margin-left: auto !important;
	margin-right: auto !important;
}

.et_pb_section .atlantic-page-hero .et_pb_post_title,
.atlantic-page-hero .et_pb_post_title {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.atlantic-page-hero .et_pb_title_container h1.entry-title {
	font-size: 28px;
	color: #FFFFFF !important;
	padding-bottom: 10px;
	margin: 0;
}

/* === Cabecera (Theme Builder) en tablet/móvil: una sola línea ===
   Logo a la izquierda; botón Contacto + hamburguesa a la derecha. El botón
   de teléfono se oculta. El desplegable del menú se posiciona respecto a
   la fila para que siga ocupando todo el ancho. */
@media (max-width: 980px) {
	.et_pb_row_0_tb_header.et_pb_row {
		display: flex !important;
		flex-wrap: nowrap;
		align-items: center;
		gap: 12px;
		width: 100% !important;
		max-width: 100% !important;
		padding: 10px 16px !important;
		box-sizing: border-box;
		position: relative;
	}

	/* Los clearfix de Divi (::before/::after) contarían como elementos flex. */
	.et_pb_row_0_tb_header.et_pb_row::before,
	.et_pb_row_0_tb_header.et_pb_row::after {
		display: none !important;
	}

	.et_pb_row_0_tb_header > .et_pb_column {
		width: auto !important;
		margin: 0 !important;
		position: static;
	}

	/* Logo: ocupa el espacio libre y empuja los botones a la derecha */
	.et_pb_row_0_tb_header > .et_pb_column_0_tb_header {
		order: 1;
		flex: 1 1 auto;
		min-width: 0;
	}

	.et_pb_image_0_tb_header {
		margin: 0 !important;
		text-align: left !important;
		width: auto !important;
		max-width: 100% !important;
	}

	.et_pb_image_0_tb_header .et_pb_image_wrap,
	.et_pb_image_0_tb_header img {
		display: block;
		height: 44px !important;
		width: auto !important;
		max-width: 100%;
		object-fit: contain;
	}

	/* Botones: solo Contacto */
	.et_pb_row_0_tb_header > .et_pb_column_2_tb_header {
		order: 2;
		flex: 0 0 auto;
	}

	.et_pb_button_0_tb_header_wrapper {
		display: none !important;
	}

	.et_pb_button_1_tb_header_wrapper {
		margin: 0 !important;
	}

	body .et_pb_button_1_tb_header.et_pb_button {
		padding: 6px 12px !important;
		font-size: 12px !important;
		line-height: 1.4 !important;
		white-space: nowrap;
	}

	/* Menú (hamburguesa) */
	.et_pb_row_0_tb_header > .et_pb_column_1_tb_header {
		order: 3;
		flex: 0 0 auto;
	}

	.et_pb_menu_0_tb_header,
	.et_pb_menu_0_tb_header .et_pb_menu_inner_container,
	.et_pb_menu_0_tb_header .et_pb_menu__wrap,
	.et_pb_menu_0_tb_header .et_mobile_nav_menu,
	.et_pb_menu_0_tb_header .mobile_nav {
		position: static !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.et_pb_menu_0_tb_header .et_pb_menu__wrap {
		justify-content: flex-end;
	}

	.et_pb_menu_0_tb_header .mobile_menu_bar {
		display: flex;
		align-items: center;
	}

	.et_pb_menu_0_tb_header .et_mobile_menu {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		top: 100% !important;
	}
}

/* Pantallas muy estrechas: si no cabe, fuera el botón Contacto. */
@media (max-width: 340px) {
	.et_pb_row_0_tb_header > .et_pb_column_2_tb_header {
		display: none !important;
	}
}

/* Selector de idioma WPML en los menús: la bandera es un SVG sin
   width/height y en el menú móvil se estiraba a todo el ancho. */
.wpml-ls-menu-item .wpml-ls-flag {
	display: inline-block;
	width: 22px !important;
	height: auto !important;
	max-width: none;
	vertical-align: middle;
}

/* Subtítulo de las cabeceras interiores (Extracto de la página), con el mismo
   estilo que el de "Vende tu propiedad". Lo añade
   novamira-sandbox/atlantic-page-subtitle.php. */
.aop-page-subtitle {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	line-height: 25.5px;
	max-width: 760px;
	margin: 0;
	padding: 0;
}

/* Contraste: texto azul marino sobre el dorado #C89A3A (blanco daba ~2,6:1).
   Botón Contacto de la cabecera (Theme Builder); al pasar el ratón sigue
   como lo define Divi (fondo azul marino, texto blanco). */
/* Mismo selector con ID que usa Divi (body #page-container .et_pb_section …)
   más .et-l--header, para ganarle en especificidad. */
body #page-container .et-l--header .et_pb_section .et_pb_button_1_tb_header {
	color: #001138 !important;
}

body #page-container .et-l--header .et_pb_section .et_pb_button_1_tb_header:hover {
	color: #FFFFFF !important;
}

/* Nosotros en móvil: estas dos filas tienen en Divi "ancho 100% en móvil"
   y sus columnas no llevan relleno, así que el texto tocaba los bordes.
   Vuelven al ancho normal de fila (80%). */
@media (max-width: 767px) {
	.page-id-194 .et-l--post .et_pb_row_1.et_pb_row,
	.page-id-194 .et-l--post .et_pb_row_4.et_pb_row {
		width: 80% !important;
		max-width: 80% !important;
	}
}