/*
 Theme Name:   WpResidence child theme
 Theme URI:    https://themeforest.net/item/wp-residence-real-estate-wordpress-theme/7896392
 Description:  WpResidence child theme
 Author:       WpEstate
 Author URI:   http://wpestate.org
 Template:     wpresidence
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Estilos para la administración en el banner superior */
.property_default_property_size,
.property_hoa {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
}

/* Estilos para la sección de detalles */
.property-page-overview-details-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px !important;
    width: 100% !important;
}

/* Organización de elementos */
.listing_detail.property_default_bedrooms,
.listing_detail.property_default_bathrooms,
.listing_detail.property-garage {
    grid-row: 1 !important;
}

.listing_detail.property_default_bedrooms { grid-column: 1 !important; }
.listing_detail.property_default_bathrooms { grid-column: 2 !important; }
.listing_detail.property-garage { grid-column: 3 !important; }

.listing_detail.property_default_property_size,
.listing_detail.property_default_lot_size {
    grid-row: 2 !important;
}

.listing_detail.property_default_property_size { grid-column: 1 !important; }
.listing_detail.property_default_lot_size { grid-column: 2 !important; }

.listing_detail.property_default_price,
.listing_detail.property_hoa {
    grid-row: 3 !important;
}

.listing_detail.property_default_price { grid-column: 1 !important; }
.listing_detail.property_hoa { grid-column: 2 !important; }

/* Estilos para la impresión de facturas */
.invoice_print_title {
    font-size: 25px;
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
    margin-bottom: 5px;
}

.wpestate_invoice_date {
    font-size: 13px;
}

.wpestate_print_invoice_to_section,
.wpestate_print_invoice_from_whom_section {
    width: 50%;
    float: left;
    margin-top: 45px;
    font-size: 14px;
    margin-bottom: 45px;
    line-height: 1.5em;
}

.wpestate_print_invoice_details_wrapper {
    width: 100%;
    text-align: right;
}

.wpestate_print_invoice_details_detail {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 0px;
    font-size: 13px;
    margin-bottom: 0px;
}

.wpestate_print_invoice_details_detail label {
    float: left;
    font-weight: 700;
}

.wpestate_print_invoice_details_wrapperex_details,
.wpestate_print_invoice_end {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.5em;
}

/* Media Queries para responsividad */
@media only screen and (max-width: 768px) {
    .property-page-overview-details-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Estilo específico para el campo de administración */
.property_hoa {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    line-height: 1.5 !important; /* Ajuste del interlineado */
    gap: 2px !important; /* Reducir el espacio entre elementos */
}

/* Estilo para el título "Administración" */
.property_hoa > div:first-child {
    font-weight: 700 !important;
    margin-bottom: 0 !important;
    color: #222222 !important;
    font-family: "Poppins", Sans-serif !important;
    font-size: 14px !important;
    margin: 0px 0px 4px 0px !important;
}

/* Contenedor del valor e ícono */
.property_hoa > div:last-child {
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #222222 !important;
}

/* Forzar el signo $ - intento con más especificidad */
.property-page-overview-details-wrapper .property_hoa > div:last-child span:before,
div[class*="property_hoa"] > div:last-child span:before,
.property_hoa span:before {
    content: '$' !important;
    display: inline !important;
    margin-right: 3px !important;
}

/* Resto de los estilos */
.property_hoa {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    line-height: 1.5 !important;
    gap: 2px !important;
}

/* Ícono */
.property_hoa > div:last-child::before {
    content: '' !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10h12"/><path d="M4 14h9"/><path d="M17 21H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4z"/></svg>') !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
}