/**
 * 4K Portrait Mode - Unified Solution
 * Singura sursă de adevăr pentru layout-ul 4K portret (2160x3840)
 * Conține toate stilurile necesare pentru afișarea corectă pe ecrane 4K portret
 */

/* 4K Portrait Mode (2160x3840) - Soluție unificată */
@media screen and (width: 2160px) and (height: 3840px) and (orientation: portrait),
       screen and (width: 2160px) and (min-height: 3839px) and (orientation: portrait),
       screen and (min-width: 2159px) and (max-width: 2161px) and (min-height: 3839px) and (orientation: portrait) {
    
    /* Setări globale pentru elemente HTML și body */
    html, body {
        width: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }
    
    /* LAYOUT COMPLET REDEFINIT PENTRU 4K */
    
    /* ELIMINĂ COMPLET BOOTSTRAP GRID SYSTEM pentru pagina de detalii proprietate */
    .property-details-page .container,
    .property-details-page .container-fluid {
        width: 1636px !important;
        max-width: 1636px !important;
        margin-left: 262px !important;
        margin-right: 262px !important;
        padding: 0 !important;
    }
    
    /* Eliminăm complet sistemul de rânduri */
    .property-details-page .row {
        display: block !important; 
        width: 1636px !important;
        max-width: 1636px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Eliminăm complet sistemul de coloane */
    .property-details-page .col-md-8,
    .property-details-page .col-md-4,
    .property-details-page [class*="col-"] {
        width: 1636px !important;
        max-width: 1636px !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: block !important;
    }
    
    /* Definim un layout complet personalizat */
    
    /* 1. Antet proprietate */
    .property-details-page .property-header {
        width: 1636px !important;
        max-width: 1636px !important;
    }
    
    /* 2. Carusel - lățime FULL */
    .property-details-page .property-gallery,
    .property-details-page #propertyCarousel, 
    .property-details-page .carousel-inner,
    .property-details-page .carousel-item {
        width: 1636px !important;
        max-width: 1636px !important;
    }
    
    /* Asigură că imaginea umple caruselul */
    .property-details-page .carousel-item img {
        width: 1636px !important;
        max-width: 1636px !important;
        height: 650px !important; 
        object-fit: cover !important;
    }
    
    /* 3. Thumbnails */
    .property-details-page .property-gallery-slider,
    .property-details-page .slider-nav {
        width: 1636px !important;
        max-width: 1636px !important;
    }
    
    /* 4. Tab-uri - lățime FULL */
    .property-details-page #propertyTabs,
    .property-details-page .nav-tabs,
    .property-details-page #propertyTabContent,
    .property-details-page .tab-content,
    .property-details-page .tab-pane {
        width: 1636px !important;
        max-width: 1636px !important;
    }
    
    /* 5. Detalii proprietate în layout personalizat */
    .property-details-page .property-details-layout {
        width: 1636px !important;
        max-width: 1636px !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    /* Zonă principală (înlocuiește col-md-8) */
    .property-details-page .property-details-main {
        width: 1080px !important;
        max-width: 1080px !important;
        padding-right: 20px !important;
    }
    
    /* QR Code Area - centered vertically and horizontally */
    .property-details-page .property-qrcode {
        max-width: 800px !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    /* Similar Properties section - width ALL FULL */
    .property-details-page #similares-properties,
    .property-details-page #similares-properties .container {
        width: 1636px !important;
        max-width: 1636px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Stilizare culori Similar Properties - înlocuirea culorii albastre cu roșu */
    .property-details-page #similares-properties h2 {
        color: #e21e25 !important;
        border-color: #e21e25 !important;
    }
    
    .property-details-page #similares-properties .property-card:hover {
        border-color: #e21e25 !important;
        box-shadow: 0 0 10px rgba(226, 30, 37, 0.3) !important;
    }
    
    .property-details-page #similares-properties .property-title {
        color: #e21e25 !important;
    }
    
    .property-details-page #similares-properties .property-card:hover .property-title {
        color: #e21e25 !important;
    }
    
    /* Stilizare butoane și elemente interactive din Similar Properties */
    .property-details-page #similares-properties a:hover,
    .property-details-page #similares-properties button:hover {
        color: #e21e25 !important;
        border-color: #e21e25 !important;
    }
}