/* Status badges and phone CTA for the "Помещения" cards — 2026-08-10 */

body.page-spaces .cards .card{
  position:relative;
  display:flex;
  flex-direction:column;
}

body.page-spaces .cards .card__body{
  display:flex;
  flex:1;
  flex-direction:column;
}

body.page-spaces .card__status{
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:30px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(11,16,21,.86);
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(6px);
}

body.page-spaces .card__status::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
}

body.page-spaces .card__status--available::before{
  background:#ed5a17;
  box-shadow:0 0 0 3px rgba(237,90,23,.16);
}

body.page-spaces .card__status--occupied{
  background:rgba(11,16,21,.92);
  color:rgba(255,255,255,.68);
}

body.page-spaces .card__status--occupied::before{
  background:#7c858c;
}

body.page-spaces .card__phone-cta{
  margin-top:auto;
  padding-top:18px;
  align-self:flex-start;
}

body.page-spaces .card--hover:hover .card__status{
  border-color:rgba(255,255,255,.28);
}

@media(max-width:700px){
  body.page-spaces .card__status{
    top:14px;
    right:14px;
    min-height:28px;
    padding:6px 9px;
    font-size:9px;
  }
}


/* Vacancy statuses and dual CTA buttons — 2026-08-10 */
body.page-spaces .card__actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;}
body.page-spaces .card__view-link{min-height:42px;padding:12px 16px;font-size:10px;}
body.page-spaces .card__status--occupied{background:rgba(11,16,21,.92);color:rgba(255,255,255,.78);}
body.page-spaces .card__status--occupied::before{background:#8b9399;box-shadow:none;}


/* Secondary discuss button on space cards — 2026-08-10 */
body.page-spaces .card__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}
body.page-spaces .card__view-link,
body.page-spaces .card__call-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:12px 16px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;}
body.page-spaces .card__view-link{font-size:10px;}
body.page-spaces .card__call-link{border:1px solid rgba(17,24,32,.16);background:#f3f1ec;color:#171b20;}
body.page-spaces .card__call-link:hover{background:#ebe7df;color:#171b20;}
body.page-spaces .card__phone-cta{margin-top:0;padding-top:0;align-self:stretch;}
@media(max-width:760px){body.page-spaces .card__actions{grid-template-columns:1fr;}body.page-spaces .card__view-link,body.page-spaces .card__call-link{width:100%;}}