/* public/znamke/v1/domaca-povezava.css
 *
 * LOČENA datoteka — prilagoditve za domačo vrstico znamk, ki ne spreminjajo
 * komponente/domaca-znamke.css (kopirana nespremenjeno zraven). Uporablja
 * ISTE razrede (.domaca-znamke__mreza, __ploscica, __logotip, __ime,
 * __oznaka), ki jih izrisuje public/znamke/v1/domaca-povezava.js, zato deli
 * osnovni videz s componento, mreža in širina razdelka pa sta prilagojeni
 * tej strani.
 */

#domacaZnamkeVrstica {
  width: min(1180px, 100%);
  margin: 24px auto 0;
  padding: 0 16px;
  box-sizing: border-box;
}

/* Na /za-prodajalce je skrita cela domača vsebina (glej body.page-seller
   pravilo v public/index.html za .hero, #oglasi ipd.) — ta vrstica se drži
   istega vzorca, ne da bi spreminjali tisto pravilo. */
body.page-seller #domacaZnamkeVrstica {
  display: none !important;
}

#domacaZnamkeVrstica.domaca-znamke {
  width: 100%;
  box-sizing: border-box;
}

#domacaZnamkeVrstica .domaca-znamke__mreza.domaca-povezava__mreza {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (min-width: 768px) {
  #domacaZnamkeVrstica .domaca-znamke__mreza.domaca-povezava__mreza {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1440px) {
  #domacaZnamkeVrstica .domaca-znamke__mreza.domaca-povezava__mreza {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}

/* Prazno stanje (znamka brez oglasov) — uporabi obstoječ .empty-state okvir
   (glej public/index.html), dodamo samo malo zgornjega razmika. */
#listing-grid .domaca-povezava__prazno {
  margin-top: 0;
}