/* ============================================================================
   ip10-inmuebles · estilos de apoyo del front (namespace ip10-)
   Consume tokens.css. Cubre la salida de los shortcodes ([wa_inmueble]) y la
   galería mejorada. El diseño principal lo aportan las plantillas autocontenidas.
   ============================================================================ */

/* CTA WhatsApp del shortcode [wa_inmueble] (= hook de analítica .ip10-wa-cta) */
.ip10-wa-btn{
	display:inline-flex; align-items:center; gap:9px;
	padding:13px 22px; border-radius:var(--radius-pill, 99px);
	background:var(--color-cta-wa, #0D4F38) !important;
	color:var(--color-bg, #FAF8F4) !important;
	border:1px solid var(--color-cta-wa, #0D4F38) !important;
	font-family:var(--font-body, "Montserrat", sans-serif);
	font-size:13px; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
	text-decoration:none !important; line-height:1;
	transition:background .25s ease, transform .2s ease;
}
.ip10-wa-btn:hover{ background:var(--color-cta-wa-hover, #052B1B) !important; transform:translateY(-1px); }
.ip10-wa-btn svg{ width:18px; height:18px; fill:currentColor; display:block; }

/* Badges de estado (salida de shortcodes/helpers en el front) */
.ip10-badge{
	display:inline-flex; align-items:center; gap:6px;
	font-family:var(--font-mono, "Space Mono", monospace);
	font-size:10px; letter-spacing:.14em; text-transform:uppercase;
	padding:5px 11px; border-radius:var(--radius-pill, 99px); color:#fff;
}
.ip10-badge--disponible{ background:var(--color-badge-disponible, #0D4F38); }
.ip10-badge--reservado{ background:var(--color-badge-reservado, #C2A878); color:var(--color-secondary, #052B1B); }
.ip10-badge--vendido{ background:var(--color-badge-vendido, #6E6A63); }

/* Galería mejorada (progressive enhancement) */
.ip10-gallery-enh{ position:relative; }
.ip10-gallery-enh.is-enhanced .blocks-gallery-grid,
.ip10-gallery-enh.is-enhanced .wp-block-gallery{ display:block !important; }
.ip10-gallery-enh .ip10-gnav{
	position:absolute; top:50%; transform:translateY(-50%);
	width:44px; height:44px; border-radius:50%; border:0; cursor:pointer;
	background:var(--color-bg, #FAF8F4); color:var(--color-ink, #1C1B18);
	box-shadow:0 8px 22px -10px rgba(28,27,24,.5); display:grid; place-items:center; z-index:2;
}
.ip10-gallery-enh .ip10-gnav--prev{ left:14px; }
.ip10-gallery-enh .ip10-gnav--next{ right:14px; }
.ip10-gallery-enh .ip10-gnav svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }

/* ============================================================================
   GTranslate · selector de idioma flotante
   1) Reposición: lo apilamos ENCIMA del botón "revisar cookies" de CookieYes
      (ambos van abajo-izquierda y se solapaban). El WhatsApp flotante va abajo-derecha.
   2) Estilo de marca: marfil + borde oro + texto carbón + Montserrat (premium).
   ============================================================================ */
#gt_float_wrapper{
	left:20px !important; right:auto !important; bottom:78px !important;
}
.gt_float_switcher{
	font-family:var(--font-body, "Montserrat", sans-serif) !important;
	background:var(--color-bg, #FAF8F4) !important;
	border:1px solid var(--color-accent, #C2A878) !important;
	border-radius:12px !important;            /* radio moderado: evita el óvalo que recortaba banderas */
	box-shadow:0 12px 30px -12px rgba(28,27,24,.45) !important;
	overflow:visible !important;              /* no recortar las banderas en las esquinas */
}
.gt_float_switcher .gt-selected{ border:0 !important; background:transparent !important; }
.gt_float_switcher .gt-selected .gt-current-lang,
.gt_float_switcher .gt-current-lang{
	color:var(--color-ink, #1C1B18) !important;
	font-size:13px !important; font-weight:500 !important; letter-spacing:.02em !important;
	padding:9px 14px !important; text-transform:none !important;
}
.gt_float_switcher img{ border-radius:2px !important; vertical-align:middle !important; }
.gt_float_switcher .gt_options{
	background:var(--color-bg, #FAF8F4) !important;
	border:1px solid var(--color-accent, #C2A878) !important;
	border-radius:12px !important;
	box-shadow:0 16px 36px -14px rgba(28,27,24,.45) !important;
	overflow:visible !important;
}
.gt_float_switcher .gt_options a{
	color:var(--color-ink, #1C1B18) !important;
	font-size:13px !important; line-height:1.4 !important; padding:9px 14px !important;
	transition:background .15s ease, color .15s ease !important;
}
.gt_float_switcher .gt_options a:hover{
	background:rgba(194,168,120,.16) !important;
	color:var(--color-primary, #0D4F38) !important;
}
.gt_float_switcher a.gt-current{ color:var(--color-gold-dark, #94794D) !important; font-weight:600 !important; }

/* WhatsApp flotante (footer): lo subimos para que no se solape con el widget de
   accesibilidad (botón en iframe, abajo-derecha). Quedan apilados verticalmente. */
.nlx-fab{ bottom:96px !important; }

@media (max-width:640px){
	#gt_float_wrapper{ left:14px !important; bottom:72px !important; }
	.nlx-fab{ bottom:88px !important; }
}

/* ============================================================================
   Tarjetas de inmueble clicables AL COMPLETO ("stretched link").
   Este CSS se encola site-wide → afecta a TODAS las plantillas con .nlx-card
   (archivo, home, search, single-similares, vender) sin re-pegar nada.
   El enlace real sigue en el título (mejor SEO/accesibilidad); su ::after se
   expande sobre toda la tarjeta. Las tarjetas no tienen otros elementos
   interactivos dentro, así que no se bloquea ningún clic.
   ============================================================================ */
.nlx-card{ position:relative !important; cursor:pointer; }
.nlx-card__title a{ position:static; }
.nlx-card__title a::after{ content:""; position:absolute; inset:0; z-index:3; }