/* Birmakredsen – centrering af annoncekort v1, 11.10.2026
   Kun listerne, ikke menu, billeder, rotation eller indhold.
   Fleksibelt: et ensomt kort står i midten; sidste kort i en ulige række ligeså.
*/

/* Voksne katte – 1 eller 2 kort i en centreret række */
.rehoming-page .cats-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch;
  gap: clamp(16px, 2.2vw, 24px) !important;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}
.rehoming-page .cats-grid > .cat-card {
  flex: 0 1 520px;
  width: min(100%, 520px);
  max-width: 520px;
  min-width: 0;
  box-sizing: border-box;
}

/* Killinger og opdrættere – samme princip, også ved ulige antal */
.litter-grid,
.breeder-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-content: flex-start;
  align-items: stretch;
  gap: clamp(16px, 2.2vw, 26px) !important;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  box-sizing: border-box;
}
.litter-grid > .litter-card,
.breeder-grid > .breeder-card {
  flex: 0 1 520px !important;
  width: min(100%, 520px);
  max-width: 520px;
  min-width: 0;
  box-sizing: border-box;
}

/* Hankatte – brede kort med billede og oplysninger, centreret i siden */
.stud-list {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: clamp(22px, 4vw, 48px) !important;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}
.stud-list > .stud-card {
  width: 100%;
  max-width: 1050px;
  min-width: 0;
  margin-inline: auto;
  box-sizing: border-box;
}

/* Breed BIS – sponsorhistorierne beholder deres store, læsbare kort */
.sponsor-published-list {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: clamp(18px, 2.8vw, 30px) !important;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  box-sizing: border-box;
}
.sponsor-published-list > .sponsor-published-card {
  flex: 0 1 auto !important;
  width: 100% !important;
  max-width: 980px;
  min-width: 0;
  box-sizing: border-box;
  margin-inline: auto;
}

/* Mobil: ét fuldbredde kort, centreret inden for sidens indhold */
@media (max-width: 800px) {
  .rehoming-page .cats-grid > .cat-card,
  .litter-grid > .litter-card,
  .breeder-grid > .breeder-card {
    flex-basis: 100% !important;
    width: 100%;
    max-width: 580px;
  }
  .stud-list > .stud-card,
  .sponsor-published-list > .sponsor-published-card {
    max-width: 100%;
  }
}