/* iRento v3.4.4 UI104 — Expanded Listing Canvas & Availability Controls
   Maximizes the mobile listing-detail workspace, removes redundant location
   actions, and refines the availability disclosure into a compact app control. */

body.irento-listing-member,
body.irento-listing-guest{
  --ui104-edge:6px;
  --ui104-card-pad:13px;
}

/* Location already provides an interactive map. Keep its header clean and direct. */
body.irento-listing-member .listing-detail-panel-location .listing-detail-panel-head,
body.irento-listing-guest .listing-detail-panel-location .listing-detail-panel-head{
  display:flex;
  align-items:center;
  gap:12px;
}

/* Refined availability action: one compact disclosure, not a secondary button slab. */
body.irento-listing-member .listing-availability-toggle,
body.irento-listing-guest .listing-availability-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:5px 6px 5px 12px;
  border:1px solid #d8ddff;
  border-radius:999px;
  background:linear-gradient(180deg,#fff 0%,#f7f7ff 100%);
  color:#4338ca;
  box-shadow:0 2px 7px rgba(49,46,129,.06);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:0;
  white-space:nowrap;
}
body.irento-listing-member .listing-availability-toggle b,
body.irento-listing-guest .listing-availability-toggle b{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:50%;
  background:#eceeff;
  color:#4f46e5;
  font-size:12px;
  font-weight:600;
  line-height:1;
  transition:transform .18s ease,background .18s ease;
}
body.irento-listing-member .listing-availability-disclosure>summary:hover .listing-availability-toggle,
body.irento-listing-guest .listing-availability-disclosure>summary:hover .listing-availability-toggle{
  border-color:#c7ceff;
  background:#f8f8ff;
}
body.irento-listing-member .listing-availability-disclosure[open] .listing-availability-toggle,
body.irento-listing-guest .listing-availability-disclosure[open] .listing-availability-toggle{
  background:#f0f1ff;
  border-color:#cdd2ff;
}

/* Mobile detail canvas: near edge-to-edge app workspace with safe breathing room. */
@media(max-width:760px){
  body.irento-mobile-listing > main > .section,
  body.irento-mobile-listing .member-main > .section{
    padding-left:0!important;
    padding-right:0!important;
  }
  body.irento-mobile-listing > main > .section > .container,
  body.irento-mobile-listing .member-main > .section > .container{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    padding-inline:var(--ui104-edge)!important;
  }
  body.irento-mobile-listing .detail-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:0!important;
  }
  body.irento-mobile-listing .detail-grid>div,
  body.irento-mobile-listing .detail-copy{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body.irento-mobile-listing .detail-copy{
    padding:0!important;
  }
  body.irento-mobile-listing .irento-listing-summary,
  body.irento-mobile-listing .listing-detail-panel{
    width:100%!important;
    margin:9px 0!important;
    padding:14px var(--ui104-card-pad)!important;
    border-radius:18px!important;
  }
  body.irento-mobile-listing .listing-detail-panel-location{
    padding-bottom:13px!important;
  }
  body.irento-mobile-listing .listing-detail-panel-location .listing-detail-panel-head{
    gap:10px!important;
    margin-bottom:10px!important;
  }
  body.irento-mobile-listing .listing-location-map{
    width:100%!important;
    max-width:none!important;
    height:248px!important;
    margin:2px 0 0!important;
    border-radius:14px!important;
  }
  body.irento-mobile-listing .listing-location-note{
    margin:8px 1px 0!important;
    font-size:9.5px!important;
  }

  body.irento-mobile-listing .listing-availability-collapsible{
    width:100%!important;
    margin:9px 0!important;
    padding:0!important;
  }
  body.irento-mobile-listing .listing-availability-disclosure>summary{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:10px!important;
    min-height:76px!important;
    padding:12px 13px!important;
  }
  body.irento-mobile-listing .listing-availability-summary-copy>strong{
    font-size:16px!important;
    font-weight:600!important;
  }
  body.irento-mobile-listing .listing-availability-summary-copy>small{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:9.5px!important;
    font-weight:400!important;
    line-height:1.35!important;
  }
  body.irento-mobile-listing .listing-availability-toggle{
    grid-column:auto!important;
    justify-self:end!important;
    min-height:36px!important;
    margin:0!important;
    padding:4px 5px 4px 10px!important;
    font-size:9.5px!important;
  }
  body.irento-mobile-listing .listing-availability-toggle b{
    width:24px!important;
    height:24px!important;
    font-size:11px!important;
  }
  body.irento-mobile-listing .listing-availability-body{
    padding:2px 12px 14px!important;
  }

  /* Keep downstream trust/inquiry surfaces aligned with the same wider canvas. */
  body.irento-mobile-listing .contact-card.smart-book-card{
    width:100%!important;
    padding:0!important;
  }
  body.irento-mobile-listing .listing-party-panel,
  body.irento-mobile-listing .listing-inquiry-shell.listing-inquiry-shell-premium{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

@media(max-width:430px){
  body.irento-mobile-listing{
    --ui104-edge:5px;
    --ui104-card-pad:12px;
  }
  body.irento-mobile-listing .listing-availability-disclosure>summary{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:11px 12px!important;
  }
  body.irento-mobile-listing .listing-availability-disclosure>summary>.listing-detail-panel-icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  body.irento-mobile-listing .listing-availability-summary-copy>small{
    font-size:9px!important;
  }
  body.irento-mobile-listing .listing-availability-toggle{
    min-height:34px!important;
    padding-left:9px!important;
    font-size:9px!important;
  }
  body.irento-mobile-listing .listing-location-map{height:235px!important}
}

@media(max-width:350px){
  body.irento-mobile-listing .listing-availability-summary-copy>small{display:none!important}
  body.irento-mobile-listing .listing-availability-toggle .listing-availability-toggle-open,
  body.irento-mobile-listing .listing-availability-toggle .listing-availability-toggle-closed{font-size:0}
  body.irento-mobile-listing .listing-availability-toggle .listing-availability-toggle-closed:after{content:"Dates";font-size:9px}
  body.irento-mobile-listing .listing-availability-toggle .listing-availability-toggle-open:after{content:"Close";font-size:9px}
}