/*
Theme Name:  Apartamentos Uruguay (Astra Child)
Description: Tema hijo de Astra con la identidad visual de Apartamentos Uruguay — paleta navy y dorado, tipografías Playfair Display y Karla, y estilos para el motor de reservas VIK Booking.
Author:      Sebastián y Ximena
Template:    astra
Version:     1.0.0
Text Domain: astra-child-apartamentos-uruguay
*/

:root {
	--au-navy: #1E3A8A;
	--au-navy-dark: #172554;
	--au-blue: #3B82F6;
	--au-gold: #A16207;
	--au-gold-dark: #854d0e;
	--au-text: #1E293B;
	--au-muted: #475569;
	--au-bg: #F8FAFC;
}

body {
	font-family: 'Karla', sans-serif;
	color: var(--au-text);
}

h1, h2, h3, h4, .site-title {
	font-family: 'Playfair Display', serif;
}

/* Cabecera del sitio */
.site-title {
	font-size: 1.45rem;
	line-height: 1.2;
}

.site-branding {
	min-width: 220px;
}

@media (max-width: 768px) {
	.main-header-bar .site-branding {
		flex: 1 1 auto;
	}
}

.site-title a,
.site-title a:visited {
	color: var(--au-navy);
}

.main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link {
	color: var(--au-gold);
}

/* Botones de VIK Booking */
.vbo-pref-color-bg,
.vbsubmitsearch,
.vbo-booknow-btn,
button.vbsubmit,
.vbo-widget-search-btn,
.vbcontinuebutton,
.vbo-confirm-booking-btn,
input.btn.vbsubmit,
.vbcontinuebutton input {
	background: var(--au-gold) !important;
	border-color: var(--au-gold) !important;
	color: #fff !important;
	transition: background-color .2s;
	cursor: pointer;
}

.vbo-pref-color-bg:hover,
.vbsubmitsearch:hover,
.vbo-booknow-btn:hover,
button.vbsubmit:hover,
.vbcontinuebutton:hover,
.vbo-confirm-booking-btn:hover {
	background: var(--au-gold-dark) !important;
}

.vbo-pref-color-text {
	color: var(--au-navy) !important;
}

.vbo-pref-border-color,
.vbo-pref-color-border {
	border-color: var(--au-navy) !important;
}

.vblistroomname,
.vbo-room-name,
.vbmodroomname {
	font-family: 'Playfair Display', serif;
	color: var(--au-navy);
}

.vbo-results-head,
.vbo-search-num-results {
	color: var(--au-muted);
}

/* Pie de página */
.site-footer {
	background: var(--au-navy-dark);
	color: #CBD5E1;
}

.site-footer a {
	color: #E2E8F0;
}

/* Botón flotante de WhatsApp */
.au-whatsapp-float {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 50;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25D366;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(15, 23, 42, .25);
	transition: background-color .2s;
	cursor: pointer;
}

.au-whatsapp-float:hover,
.au-whatsapp-float:focus {
	background: #1DA851;
	color: #fff;
}