/* property_detail_part_11.css — split da part_10 (mobile + strumenti finanziari). Load after part_10. */
/* Mobile: hero e blocchi sotto condividono lo stesso asse (solo padding .container). */
@media (max-width: 760px){
  #detailSplit.detail-split-root,
  #detailSplit{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
  }

  #detailGalleryHost,
  #detailGallery,
  .detail-gallery-card,
  #detailMainColumn,
  #detailAside,
  #similarPropertiesCard,
  #detailMainColumn > .section.card,
  #detailMainColumn > .card,
  .detail-section-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:none !important;
    box-sizing:border-box !important;
    min-width:0 !important;
  }

  #featureBoxes,
  .detail-feature-grid,
  .grid-4{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .property-detail-quicknav{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

/* Strumenti finanziari: ultima sezione colonna principale (sotto mappa), pannello collassabile. */
#portalFinancialTools.portal-financial-panel{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
}

.portal-financial-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.portal-financial-panel__titles{
  flex:1 1 auto;
  min-width:0;
}

.portal-financial-panel__teaser{
  margin-top:10px;
  font-size:14px;
  line-height:1.65;
}

.portal-financial-panel:not(.is-collapsed) .portal-financial-panel__teaser{
  display:none;
}

.portal-financial-panel.is-collapsed .portal-financial-panel__body{
  display:none;
}

.portal-financial-panel__intro{
  margin-top:18px;
  font-size:14px;
  line-height:1.65;
}

.portal-financial-panel__grid{
  margin-top:22px;
  display:grid;
  gap:18px;
}

.portal-financial-toggle{
  flex:0 0 auto;
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .22);
  background:rgba(255,255,255,.92);
  color:#7a2e21;
  font-size:26px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 22px rgba(15,23,42,.08);
  transition:background .15s ease, border-color .15s ease, transform .12s ease;
}

.portal-financial-toggle:hover{
  background:#fff;
  border-color:rgba(var(--brand-rgb), .38);
}

.portal-financial-toggle:focus-visible{
  outline:2px solid rgba(var(--brand-rgb), .45);
  outline-offset:2px;
}

.portal-financial-toggle__icon{
  display:block;
  margin-top:-2px;
}

.portal-financial-toggle__label{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

@media (min-width: 901px){
  /* Resta nella colonna sinistra: non allunga la card simili sticky oltre il viewport. */
  #portalFinancialTools.portal-financial-panel{
    scroll-margin-top:calc(var(--topbar-h, 84px) + 20px);
  }
}

/*
  Ambient scheda: anti-clip hero CTA + card simili (dopo regole split sticky).
  Duplicato in portal-detail-ambient.css; qui garantisce fix anche con cache parziale statici.
*/
body.portal-detail-ambient .property-detail-premium-hero,
body.portal-detail-ambient .property-hero-shell-fix.property-detail-premium-hero,
body.portal-detail-ambient section.hero-shell.property-detail-premium-hero,
body.portal-detail-ambient .property-hero-shell-fix {
  overflow: visible !important;
}

body.portal-detail-ambient .property-detail-premium-hero .property-detail-cta-card,
body.portal-detail-ambient .property-detail-premium-hero #detailContactBox {
  position: relative !important;
  top: 0 !important;
  overflow: visible !important;
}

body.portal-detail-ambient .property-hero-shell-fix {
  padding-bottom: 56px !important;
}

@media (min-width: 901px) {
  body.portal-detail-ambient #detailAside {
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
  }

  body.portal-detail-ambient #similarPropertiesCard {
    overflow: visible !important;
    flex: 0 1 auto !important;
    min-height: auto !important;
  }

  body.portal-detail-ambient #similarPropertiesCard::after {
    content: none !important;
    display: none !important;
  }

  body.portal-detail-ambient #similarTrack {
    max-height: min(560px, calc(100vh - var(--topbar-h, 84px) - 300px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 16px !important;
  }
}