/* =========================
   Litters.css
   ========================= */

.section-header{
  font-family: var(--nav-font);
  text-align:center;
  font-size:32px;
  margin:1.25rem 0 .5rem;
  color: var(--c-deep);
}

.section-card{
  background: var(--surface-strong);
  margin: 1rem 0;
  padding: 1rem;
  border-radius: var(--box-radius);
  box-shadow: var(--shadow);
}

/* Planned litters */
.litter-images{
  display:flex;
  gap:12px;
  margin-bottom:12px;
}

.litter-images img{
  flex:1 1 0;
  min-width:0;
  width:0;         
  height:auto;
  display:block;
  border-radius:12px;
  object-fit:contain;
}

/* Waiting list */
.waiting-list{
  background: rgba(255,255,255,.30);
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 12px;
  padding: 12px;
}

.waiting-head{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  margin-bottom:8px;
}

.waiting-head h3{
  margin:0;
  font-family: var(--nav-font);
  font-size:18px;
  color: var(--c-deep);
}

.waiting-note{
  font-size:13px;
  font-weight:700;
  color: var(--c-deep);
  opacity:.85;
}

.waiting-ol{
  margin:0;
  padding-left:20px;
  columns:2;
  column-gap:28px;
}

.waiting-ol li{
  break-inside:avoid;
  margin:0 0 8px;
  padding:6px 8px;
  border-radius:10px;
  background: rgba(230,248,246,.40);
  border: 1px solid rgba(9,57,68,.18);
  color: var(--text);
}

/* rules */
.rules{
  display:flex;
  gap:12px;
  margin-bottom:12px;
}

.rules img{
  flex:1 1 0;
  min-width:0;
  width:0;         
  height:auto;
  display:block;
  border-radius:12px;
  object-fit:contain;
}

/* Current litters */
current-litter-block{
  text-align:center;
}

.current-litter-block img{
  display:block;
  margin:0 auto 10px;
  max-width:100%;
  height:auto;
  border-radius:12px;
}

.litter-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--c-sage);
}

.hunt-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hunt {
  display: block;
  height: auto;
  width: auto;
   max-width: auto;
}

/* Past litters */
.past-litter-block{
  text-align:center;
}

.past-litter-block img{
  display:block;
  margin:0 auto 10px;
  max-width:100%;
  height:auto;
  border-radius:12px;
}

.parent-names{
  text-align:center;
  margin-bottom:10px;
  color: var(--c-deep);
}

.parent-divider{
  display:block;
  margin:0px 0;
  font-weight:700;
}

.litter-names{
  text-align:center;
  margin:0;
  font-size:14px;
  color: var(--text);
}

@media (max-width:700px){
  .litter-images{ flex-direction:column; }
  .waiting-ol{ columns:1; }
}