/*
Theme Name:   Houzez Child
Theme URI:    https://grupourma.es
Description:  Child theme de Houzez para Grupo URMA - Servicios Inmobiliarios.
              Branding: teal oscuro + dorado. Tipografías: Cinzel + Lato.
Author:       Karam Fellah
Author URI:   https://grupourma.es
Template:     houzez
Version:      1.0.0
Text Domain:  houzez-child
*/

/* ==========================================================================
   GRUPO URMA — SISTEMA DE DISEÑO
   ========================================================================== */

:root {
    /* Colores primarios — teal corporativo */
    --urma-teal: #2C4A4A;
    --urma-teal-dark: #1F3A3A;
    --urma-teal-light: #3D5F5F;

    /* Dorado — acento premium */
    --urma-gold: #C9A961;
    --urma-gold-light: #E8D4A0;
    --urma-gold-dark: #B8924A;

    /* Neutros */
    --urma-cream: #F5F3EE;
    --urma-white: #FFFFFF;
    --urma-text: #1A1A1A;
    --urma-text-muted: #6B6B6B;
    --urma-border: #E5E3DE;

    /* Tipografías */
    --urma-font-display: 'Cinzel', 'Trajan Pro', Georgia, serif;
    --urma-font-body: 'Lato', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;

    /* Sombras */
    --urma-shadow-sm: 0 2px 8px rgba(31, 58, 58, 0.08);
    --urma-shadow-md: 0 4px 16px rgba(31, 58, 58, 0.12);
    --urma-shadow-lg: 0 8px 32px rgba(31, 58, 58, 0.16);
}

/* ==========================================================================
   TIPOGRAFÍAS GLOBALES
   ========================================================================== */

body,
p,
.houzez-body,
.property-description {
    font-family: var(--urma-font-body);
    color: var(--urma-text);
}

h1, h2, h3, h4, h5, h6,
.page-title,
.section-title,
.property-title,
.single-title {
    font-family: var(--urma-font-display);
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--urma-teal-dark);
}

/* ==========================================================================
   HEADER — fondo teal
   ========================================================================== */

.header-main,
.site-header,
#wrapper-navbar,
header .navbar,
.houzez-navbar,
.main-header-wrap {
    background-color: var(--urma-teal) !important;
}

/* Enlaces del menú principal */
.main-header-wrap .navbar-nav > li > a,
.navbar-nav .nav-link,
.main-menu a,
.houzez-main-menu a,
.header-menu a {
    color: var(--urma-cream) !important;
    font-family: var(--urma-font-body);
    font-weight: 400;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 13px;
    transition: color 0.3s ease;
}

.main-header-wrap .navbar-nav > li > a:hover,
.navbar-nav .nav-link:hover,
.main-menu a:hover,
.houzez-main-menu a:hover,
.header-menu a:hover {
    color: var(--urma-gold) !important;
}

/* Ítem activo del menú */
.main-header-wrap .navbar-nav > li.current-menu-item > a,
.navbar-nav .nav-link.active {
    color: var(--urma-gold) !important;
}

/* Submenús desplegables */
.navbar-nav .dropdown-menu,
.sub-menu {
    background-color: var(--urma-teal-dark) !important;
    border: 1px solid var(--urma-teal-light) !important;
    border-top: 2px solid var(--urma-gold) !important;
}

.navbar-nav .dropdown-menu a,
.sub-menu a {
    color: var(--urma-cream) !important;
}

.navbar-nav .dropdown-menu a:hover,
.sub-menu a:hover {
    color: var(--urma-gold) !important;
    background-color: var(--urma-teal) !important;
}

/* Top bar (si está activo) */
.top-bar,
.houzez-top-bar,
.header-top {
    background-color: var(--urma-teal-dark) !important;
    color: var(--urma-cream) !important;
    border-bottom: 1px solid rgba(201, 169, 97, 0.2);
}

.top-bar a,
.header-top a {
    color: var(--urma-cream) !important;
}

.top-bar a:hover,
.header-top a:hover {
    color: var(--urma-gold) !important;
}

/* Iconos del header (redes, login, etc.) */
.header-main .header-icon,
.header-main .header-actions a,
.houzez-menu-icons a {
    color: var(--urma-cream) !important;
}

.header-main .header-icon:hover,
.header-main .header-actions a:hover,
.houzez-menu-icons a:hover {
    color: var(--urma-gold) !important;
}

/* Separador sutil entre logo y menú */
.main-header-wrap {
    border-bottom: 1px solid rgba(201, 169, 97, 0.15);
}

/* ==========================================================================
   BOTONES
   ========================================================================== */

.btn-primary,
.button,
.houzez-button,
input[type="submit"],
.btn-default {
    background-color: var(--urma-gold) !important;
    border-color: var(--urma-gold) !important;
    color: var(--urma-teal-dark) !important;
    font-family: var(--urma-font-body);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 13px;
    padding: 12px 28px;
    border-radius: 2px;
    transition: all 0.3s ease;
    box-shadow: none;
}

.btn-primary:hover,
.button:hover,
.houzez-button:hover,
input[type="submit"]:hover,
.btn-default:hover {
    background-color: var(--urma-gold-dark) !important;
    border-color: var(--urma-gold-dark) !important;
    color: var(--urma-teal-dark) !important;
    transform: translateY(-1px);
    box-shadow: var(--urma-shadow-md);
}

/* Botón secundario (outline) */
.btn-outline,
.btn-secondary {
    background-color: transparent !important;
    border: 2px solid var(--urma-teal) !important;
    color: var(--urma-teal) !important;
}

.btn-outline:hover,
.btn-secondary:hover {
    background-color: var(--urma-teal) !important;
    color: var(--urma-cream) !important;
}

/* ==========================================================================
   ENLACES GLOBALES
   ========================================================================== */

a {
    color: var(--urma-teal);
    transition: color 0.2s ease;
}

a:hover {
    color: var(--urma-gold-dark);
}

/* ==========================================================================
   PRECIOS DE PROPIEDADES — dorado destacado
   ========================================================================== */

.item-price,
.property-price,
.listing-price,
.price,
.fave_payment_price {
    color: var(--urma-gold-dark) !important;
    font-family: var(--urma-font-display);
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* ==========================================================================
   TARJETAS DE PROPIEDAD
   ========================================================================== */

.property-item,
.listing-item,
.houzez-property-card {
    border: 1px solid var(--urma-border);
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: var(--urma-white);
}

.property-item:hover,
.listing-item:hover,
.houzez-property-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--urma-shadow-lg);
    border-color: var(--urma-gold);
}

/* Badge "Destacado" / "En venta" / "En alquiler" */
.property-labels .label-featured,
.property-status-label,
.tag-featured {
    background-color: var(--urma-gold) !important;
    color: var(--urma-teal-dark) !important;
    font-family: var(--urma-font-body);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 10px;
    padding: 6px 12px;
    border-radius: 2px;
}

.property-labels .label-sale,
.property-status-label.for-sale {
    background-color: var(--urma-teal) !important;
    color: var(--urma-cream) !important;
}

.property-labels .label-rent,
.property-status-label.for-rent {
    background-color: var(--urma-teal-light) !important;
    color: var(--urma-cream) !important;
}

/* ==========================================================================
   BUSCADOR DE PROPIEDADES
   ========================================================================== */

.advanced-search,
.property-search-form,
.houzez-search-form {
    background-color: rgba(31, 58, 58, 0.85);
    backdrop-filter: blur(4px);
    border-top: 3px solid var(--urma-gold);
    padding: 30px;
}

.advanced-search input[type="text"],
.advanced-search input[type="search"],
.advanced-search select,
.property-search-form input,
.property-search-form select {
    background-color: var(--urma-white) !important;
    border: 1px solid var(--urma-border) !important;
    color: var(--urma-text) !important;
    font-family: var(--urma-font-body);
    border-radius: 2px;
}

.advanced-search input:focus,
.advanced-search select:focus {
    border-color: var(--urma-gold) !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(201, 169, 97, 0.2);
}

/* ==========================================================================
   FOOTER — fondo teal oscuro
   ========================================================================== */

.site-footer,
.footer,
#footer,
footer.footer-main {
    background-color: var(--urma-teal-dark) !important;
    color: var(--urma-cream) !important;
}

.site-footer a,
.footer a,
#footer a,
footer.footer-main a {
    color: var(--urma-cream) !important;
    transition: color 0.2s ease;
}

.site-footer a:hover,
.footer a:hover,
#footer a:hover,
footer.footer-main a:hover {
    color: var(--urma-gold) !important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5,
.widget-title {
    color: var(--urma-gold) !important;
    font-family: var(--urma-font-display);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 20px;
}

/* Separador entre footer principal y copyright */
.footer-bottom,
.footer-copyright,
.site-info {
    background-color: #152929 !important;
    border-top: 1px solid rgba(201, 169, 97, 0.15);
    color: rgba(245, 243, 238, 0.6) !important;
    font-size: 12px;
    letter-spacing: 0.05em;
}

/* ==========================================================================
   FICHA DE PROPIEDAD (single)
   ========================================================================== */

.property-detail-page .property-title,
.single-property-title {
    font-family: var(--urma-font-display);
    color: var(--urma-teal-dark);
}

.property-meta-stats,
.property-feature-list {
    border-top: 1px solid var(--urma-border);
    border-bottom: 1px solid var(--urma-border);
    padding: 20px 0;
}

.property-feature-list li i,
.property-meta-stats i {
    color: var(--urma-gold);
}

/* ==========================================================================
   FORMULARIOS (contacto, agentes, etc.)
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea,
select {
    font-family: var(--urma-font-body);
    border: 1px solid var(--urma-border);
    border-radius: 2px;
    padding: 12px 14px;
    transition: border-color 0.2s ease;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--urma-gold) !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(201, 169, 97, 0.2);
}

/* ==========================================================================
   SCROLLBAR PERSONALIZADO (detalle premium)
   ========================================================================== */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--urma-cream);
}

::-webkit-scrollbar-thumb {
    background: var(--urma-teal);
    border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--urma-teal-dark);
}

/* ==========================================================================
   SELECCIÓN DE TEXTO
   ========================================================================== */

::selection {
    background-color: var(--urma-gold);
    color: var(--urma-teal-dark);
}

::-moz-selection {
    background-color: var(--urma-gold);
    color: var(--urma-teal-dark);
}

/* ==========================================================================
   RESPONSIVE — ajustes móvil
   ========================================================================== */

@media (max-width: 768px) {
    .main-header-wrap .navbar-nav > li > a,
    .main-menu a {
        font-size: 14px;
    }

    h1, .page-title {
        font-size: 28px;
    }

    h2, .section-title {
        font-size: 22px;
    }

    .advanced-search,
    .property-search-form {
        padding: 20px 15px;
    }
}

/* ==========================================================================
   UTILIDADES
   ========================================================================== */

.urma-divider {
    width: 60px;
    height: 2px;
    background: var(--urma-gold);
    margin: 20px auto;
    border: none;
}

.urma-text-gold { color: var(--urma-gold) !important; }
.urma-text-teal { color: var(--urma-teal) !important; }
.urma-bg-teal { background-color: var(--urma-teal) !important; }
.urma-bg-cream { background-color: var(--urma-cream) !important; }