/******************************************************
 * SINGLE IMMOBILE – LAYOUT GENERALE
 * (wrapper contenuto + sidebar contatto)
 ******************************************************/

/* --------------------------------------
   LAYOUT GENERALE (CONTENUTO + SIDEBAR)
-------------------------------------- */

/* Wrapper principale: blocco centrale con
   colonna sinistra (contenuto immobile)
   + colonna destra (sidebar contatto) */
.single-immobili-layout {
    padding-top: 90px !important;
    padding-left: 14px;
    padding-right: 14px;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 32px;
}

/* Colonna sinistra: contenuto immobile (max 1000px) */
.single-immobili {
    max-width: 1000px;
    width: 100%;
    margin: 0;
    padding: 0 !important;
}

.single-immobili h2,
.single-immobili h3,
.single-immobili h4,
.single-immobili h5 {
    font-size: 20px !important;
    font-weight: 800;
}

/* Immagini dentro il contenuto immobile:
   di default full-width responsive */
.single-immobili img {
    display: block;
    width: 100%;
    height: auto;
}

/* Colonna destra: sidebar contatto (form + agente)
   Larghezza fissa su desktop, sticky al top */
.immobile-contact-sidebar {
    flex: 0 0 320px;
    max-width: 360px;
    position: sticky;
    top: 80px;
}

/* Contenitore interno della sidebar.
   Qui mettiamo solo struttura base; lo stile
   di box/form/agente è gestito nei CSS dedicati. */
.immobile-contact-sidebar-inner {
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 18px 20px;
    margin-bottom: 32px;
    background: #fafafa;
}

/* --------------------------------------
   RESPONSIVE LAYOUT
-------------------------------------- */

/* Tablet / Mobile:
   - colonna sinistra e sidebar vanno in colonna
   - sticky disattivato (sidebar scorre con la pagina) */
@media (max-width: 991px) {
    .single-immobili-layout {
        flex-direction: column;
        gap: 24px;
    }

    .immobile-contact-sidebar {
        flex: 0 0 auto;
        max-width: 100%;
        position: static;
        top: auto;
    }

    .immobile-contact-sidebar-inner {
        margin-bottom: 24px;
    }
}

/* container */
.immobile-video-embed{
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 12px; /* opzionale */
}

/* iframe sempre dentro al box */
.immobile-video-embed iframe{
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
}