/*!
Theme Name: chipicasa-theme
Theme URI: https://jjmontalban.github.io
Author: JJMontalban
Author URI: https://jjmontalban.github.io
Description: A Real State App
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chipicasa
Tags: Real estate theme, custom-theme, properties theme
*/

/* Reduce the width of the slider on desktop and keep aspect ratio */
#property-single-carousel {
    max-width: 900px;      /* ajusta este valor según quieras */
    margin: 0 auto;        /* centra la caja */
}

/* The carousel items must scale with the new width */
#property-single-carousel .carousel-item-b img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Fix wrapper stretching */
#property-single-carousel .owl-stage,
#property-single-carousel .owl-stage-outer,
#property-single-carousel .owl-item {
    max-height: none !important;
    height: auto !important;
}


.property-description {
    font-size: 20px;
}


/* Clean summary-list layout */
.summary-list ul.list li {
    display: block;
    padding: 5px 0;
}

/* Label */
.summary-list ul.list li strong {
    display: inline-block;
    width: auto;
    margin-right: 6px;
}

/* All spans inline, no flex separation */
.summary-list ul.list li span {
    display: inline;
    margin-right: 6px;
}

/* Remove Bootstrap alignment that breaks layout */
.summary-list ul.list li.d-flex {
    display: block !important;
}

/* Property tabs styling - centered and closer together */
.property-tabs {
    justify-content: center !important;
    gap: 5px;
}

.property-tabs .nav-item {
    margin: 0 5px;
}

/* Add space between tabs and content below */
.property-tabs + .tab-content {
    margin-top: 30px;
}

/* Modal Block plugin - botón cerrar más grande */
.modal__close,
button[data-micromodal-close] {
    font-size: 2rem;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Inmueble section boxes - Contenedores con fondos diferenciados */
.property-summary {
    background-color: #f3f3f3a1;
    border: none;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.inmueble-features-box {
    background-color: #f3f3f3a1;
    border: none;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
}
.inmueble-description-box {
    background-color: #f9f9f9;
    border: none;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
}
.inmueble-form-box {
    background-color: #f3f3f3a1;
    border: none;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
}