/*
 * SANOME — Property Card Attributes Component Candidate V1
 * Owner exclusivo dos dados/especificações do imóvel (dormitórios, suítes, vagas, área útil/total).
 * Target: .sn-card-attributes, .sn-card-specs e seus descendentes e pseudo-elementos.
 */

/* ========================================
   1. Base Attributes & Specs Rules
   ======================================== */
.sn-card .sn-card-attrs,.sn-card .sn-card-details,.sn-card .sn-card-features,.sn-card .sn-card-specs {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:10px!important;
  row-gap:3px!important;
  align-items:start!important;
}

.sn-card .sn-card-attrs>*,.sn-card .sn-card-details>*,.sn-card .sn-card-features>*,.sn-card .sn-card-specs>* {
  min-width:0!important;
}

.sn-card .sn-card-attributes {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:10px!important;
  row-gap:4px!important;
  align-items:start!important;
}

.sn-card .sn-card-attributes>span {
  display:block!important;
  min-width:0!important;
  white-space:normal!important;
}

.sn-card .sn-card-attributes {
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  column-gap:0!important;
  row-gap:.125rem!important;
}

.sn-card .sn-card-attributes>span {
  display:inline!important;
}

/* ========================================
   2. Grid Layout & Item Borders
   ======================================== */
.sn-card .p-3>.sn-card-attributes,.sn-card .p-3>.sn-card-attributes.flex,.sn-card .p-3>.sn-card-attributes.flex.flex-col,.sn-card .p-3>div.sn-card-attributes.flex.flex-col.gap-0\.5.text-xs.mt-0\.5 {
  display:grid!important;
  flex-direction:unset!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:5px!important;
  row-gap:3px!important;
  gap:3px 5px!important;
  width:100%!important;
  margin-top:0!important;
  padding-top:0!important;
  align-items:start!important;
  justify-items:start!important;
  text-align:left!important;
}

.sn-card .p-3>.sn-card-attributes>span,.sn-card .p-3>div.sn-card-attributes.flex.flex-col.gap-0\.5.text-xs.mt-0\.5>span {
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding-top:1px!important;
  padding-bottom:3px!important;
  text-align:left!important;
  line-height:1.28!important;
  border-bottom:1px solid rgba(122,132,148,.42)!important;
}

.sn-card .p-3>.sn-card-attributes>span:last-child:nth-child(odd)::after,.sn-card .p-3>div.sn-card-attributes.flex.flex-col.gap-0\.5.text-xs.mt-0\.5>span:last-child:nth-child(odd)::after {
  content:""!important;
  position:absolute!important;
  left:calc(100% + 5px)!important;
  bottom:-1px!important;
  width:100%!important;
  height:1px!important;
  background:rgba(122,132,148,.42)!important;
}

@media (max-width:360px) {
  .sn-card .p-3>.sn-card-attributes,.sn-card .p-3>.sn-card-attributes.flex,.sn-card .p-3>.sn-card-attributes.flex.flex-col,.sn-card .p-3>div.sn-card-attributes.flex.flex-col.gap-0\.5.text-xs.mt-0\.5 {
    column-gap:4px!important;
    gap:3px 4px!important;
  }

  .sn-card .p-3>.sn-card-attributes>span:last-child:nth-child(odd)::after,.sn-card .p-3>div.sn-card-attributes.flex.flex-col.gap-0\.5.text-xs.mt-0\.5>span:last-child:nth-child(odd)::after {
    left:calc(100% + 4px)!important;
  }
}

.sn-card .p-3>.sn-card-attributes>span,.sn-card .p-3>div.sn-card-attributes.flex.flex-col.gap-0\.5.text-xs.mt-0\.5>span {
  padding-left:9px!important;
}

.sn-card .p-3>.sn-card-attributes>span::before,.sn-card .p-3>div.sn-card-attributes.flex.flex-col.gap-0\.5.text-xs.mt-0\.5>span::before {
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.66em!important;
  width:3px!important;
  height:3px!important;
  border-radius:999px!important;
  background:rgba(122,132,148,.72)!important;
}

/* ========================================
   3. Typography & Black Bullet Overrides
   ======================================== */
article.sn-card:not(.sn-guide-card) .sn-card-attributes,
article.sn-card:not(.sn-guide-card) .sn-card-attributes > span {
  font-weight: 500 !important;
}

article.sn-card:not(.sn-guide-card) .sn-card-attributes > span::before {
  color: #111111 !important;
  background-color: #111111 !important;
  border-color: #111111 !important;
}

article.sn-card:not(.sn-guide-card) .p-3 > .sn-card-attributes > span::before,
article.sn-card:not(.sn-guide-card) .p-3 > div.sn-card-attributes.flex.flex-col.gap-0\.5.text-xs.mt-0\.5 > span::before {
  background: #111111 !important;
}