/* 
 * Layout Fixes for Property Details Page
 * Acest fișier conține corecții pentru problemele de layout în pagina property-details.php
 */

/* 1. Centrarea QR-codului pe axa verticală */
.container.mb-4.d-flex.justify-content-center.align-items-center {
    min-height: 400px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.property-qrcode {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. Corectarea afișării cardurilor Similar Properties în coloană (unul lângă altul) */
#similares-properties .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

#similares-properties .col-md-4 {
    width: 33.33% !important;
    float: left !important;
    display: block !important;
}

/* 3. Afișarea QR-codurilor din secțiunea de contact pe orizontală (unul lângă altul) */
.contact-agent-card .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

.contact-agent-card .col-md-4 {
    width: 33.33% !important;
    float: left !important;
    display: block !important;
}

/* Asigurăm că QR-codurile din contact au dimensiuni consistente */
.contact-qr {
    width: 200px !important;
    height: 200px !important;
    margin: 0 auto !important;
}

/* Asigurăm că toate elementele Bootstrap respectă layout-ul dorit */
@media (min-width: 768px) {
    .row {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    .col-md-4 {
        flex: 0 0 auto !important;
        width: 33.33333333% !important;
    }
}