/* DAR_MS 13.1.4 — single secondary layout redesign with auto-fill topgrid and desktop state recovery.
   Scope owner:
   - property single secondary composition
   - video / map / files compact grid
   - location + contact sidebar alignment
   - responsive ordering for mobile
   - final service promo alignment

   Goal:
   - replace the stacked legacy flow with a stable editorial layout
   - keep single compatibility without pushing more overrides into portal.css
   - let the secondary owner control structure and responsive order
*/

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(300px, 360px);
  gap:20px;
  align-items:start;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer > *{
  min-width:0;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-location{
  grid-column:2;
  grid-row:1;
  display:grid;
  gap:18px;
  align-content:start;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-topgrid{
  --dar-ms-secondary-top-columns:3;
  grid-column:1;
  grid-row:1;
  display:grid;
  grid-template-columns:repeat(var(--dar-ms-secondary-top-columns), minmax(0, 1fr));
  gap:18px;
  align-items:start;
  grid-auto-flow:row dense;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer[data-top-count="2"] .dar-ms-portal-single__secondary-topgrid,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-topgrid[data-top-count="2"]{
  --dar-ms-secondary-top-columns:2;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer[data-top-count="1"] .dar-ms-portal-single__secondary-topgrid,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-topgrid[data-top-count="1"]{
  --dar-ms-secondary-top-columns:1;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer[data-top-count="0"] .dar-ms-portal-single__secondary-topgrid,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-topgrid[data-top-count="0"]{
  display:none;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-primary{
  grid-column:1;
  grid-row:2;
  display:grid;
  gap:18px;
  align-content:start;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-aside{
  grid-column:2;
  grid-row:2;
  display:grid;
  gap:18px;
  align-content:start;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-topgrid > *,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-location > *,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-primary > *,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-aside > *{
  min-width:0;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-topgrid > .dar-ms-portal-single__box{
  min-height:100%;
  width:100%;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer[data-has-topgrid="0"] .dar-ms-portal-single__secondary-primary{
  grid-row:1;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer[data-has-location="0"] .dar-ms-portal-single__secondary-aside{
  grid-row:1;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer[data-has-topgrid="0"][data-has-description="0"]{
  grid-template-columns:minmax(0, 1fr);
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer[data-has-topgrid="0"][data-has-description="0"] .dar-ms-portal-single__secondary-location,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer[data-has-topgrid="0"][data-has-description="0"] .dar-ms-portal-single__secondary-aside{
  grid-column:1;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer[data-has-topgrid="0"][data-has-description="0"] .dar-ms-portal-single__secondary-location{
  grid-row:1;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer[data-has-topgrid="0"][data-has-description="0"] .dar-ms-portal-single__secondary-aside{
  grid-row:2;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--description,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--location-overview,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--video-summary,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--map-summary,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--docs,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__contactbox{
  gap:14px;
  padding:20px;
  border-radius:26px;
  align-content:start;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--description h2,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--location-overview h2,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--video-summary h2,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--map-summary h2,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--docs h2,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__contactbox h3{
  margin:0;
  font-size:clamp(20px, 1.55vw, 26px);
  line-height:1.08;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__description{
  color:var(--dar-portal-text);
  line-height:1.74;
  overflow-wrap:anywhere;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__description > :first-child{
  margin-top:0;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__description > :last-child{
  margin-bottom:0;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__description p,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__description ul,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__description ol{
  margin:0 0 1em;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--docs{
  display:grid;
  grid-template-rows:auto 1fr;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__docs{
  gap:10px;
  align-content:start;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__docs a{
  min-height:50px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(248,247,243,.96);
  transition:background-color .18s ease, border-color .18s ease, transform .18s ease;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__docs a:hover,
[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__docs a:focus-visible{
  background:#fff;
  border-color:rgba(179,38,46,.28);
  transform:translateY(-1px);
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__location-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:12px;
  align-items:start;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__location-item{
  display:grid;
  gap:6px;
  min-width:0;
  align-content:start;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(244,243,238,.95);
  border:1px solid rgba(198,193,182,.52);
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__location-item--city{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:10px 14px;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__location-item--city .dar-ms-portal-single__location-label{
  flex:0 0 auto;
  margin:0;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__location-item--city .dar-ms-portal-single__location-value{
  flex:1 1 180px;
  min-width:0;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__location-item--address{
  display:grid;
  gap:8px;
  min-width:0;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__location-label{
  display:block;
  margin:0;
  color:var(--dar-portal-muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__location-value{
  display:block;
  margin:0;
  color:var(--dar-portal-text);
  font-size:15px;
  line-height:1.45;
  overflow-wrap:anywhere;
  word-break:break-word;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__social-gateway--summary{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(198,193,182,.56);
  background:rgba(248,247,243,.96);
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__social-gateway-meta{
  display:grid;
  gap:4px;
  min-width:0;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__social-gateway-kicker{
  color:var(--dar-portal-brand);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__social-gateway-title{
  font-size:15px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__social-gateway--summary .dar-ms-portal-single__cta{
  min-height:42px;
  padding-inline:16px;
  white-space:nowrap;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__aside-top{
  align-items:center;
  justify-content:space-between;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__ctas{
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:10px;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__ctas > *{
  min-width:0;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__ctas .dar-ms-portal-single__cta{
  width:100%;
  justify-content:center;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__agent{
  gap:8px;
  padding-top:2px;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__agent strong{
  font-size:16px;
  line-height:1.3;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-aside .dar-ms-portal-single__aside{
  align-self:start;
  position:sticky;
  top:calc(var(--dar-ms-shell-sticky-offset, 0px) + 20px);
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__service-promo--final{
  display:grid !important;
  gap:16px;
  margin-top:24px;
  padding:18px;
  border:1px solid rgba(198,193,182,.78);
  border-radius:30px;
  background:rgba(255,255,255,.96);
  box-shadow:var(--dar-ms-portal-soft-shadow);
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__service-promo--final .dar-ms-portal-single__service-promo-list{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

[data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__service-promo--final .dar-ms-portal-single__service-card{
  min-height:100%;
}

@media (max-width: 1360px){
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer[data-top-count="3"] .dar-ms-portal-single__secondary-topgrid,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-topgrid[data-top-count="3"]{
    --dar-ms-secondary-top-columns:2;
  }
}

@media (max-width: 1180px){
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__service-promo--final .dar-ms-portal-single__service-promo-list{
    grid-template-columns:1fr;
  }
}

@media (max-width: 1120px){
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer{
    grid-template-columns:minmax(0, 1fr);
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-location,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-topgrid,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-primary,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-aside{
    grid-column:1;
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-location{
    grid-row:1;
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-topgrid{
    grid-row:2;
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-primary{
    grid-row:3;
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-aside{
    grid-row:4;
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-aside .dar-ms-portal-single__aside{
    position:static;
    top:auto;
  }
}

@media (max-width: 840px){
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-topgrid{
    grid-template-columns:1fr;
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__social-gateway--summary{
    grid-template-columns:1fr;
    align-items:start;
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__social-gateway--summary .dar-ms-portal-single__cta{
    justify-self:start;
  }
}

@media (max-width: 640px){
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-composer{
    gap:16px;
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-topgrid,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-location,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-primary,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__secondary-aside{
    gap:16px;
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--description,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--location-overview,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--video-summary,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--map-summary,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__box--docs,
  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__contactbox{
    padding:18px;
    border-radius:22px;
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__location-item--city{
    display:grid;
    gap:6px;
  }

  [data-dar-ms-portal-root="1"][data-dar-ms-current-view="single"] .dar-ms-portal-single__service-promo--final{
    padding:16px;
    border-radius:24px;
  }
}