/* =========================================================
   Kilch Gallery Landing - LIST VIEW ONLY
   Active only when #kg-container has class kg-list
   Markup: modules/mod_kilchgallery/tmpl/default.php
   JS: kg.galleries.list.meta.js moves .kg-counts into .kg-meta--bottom in LIST
   ========================================================= */

.kilchgallery-landing #kg-container.kg-list{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#kg-container.kg-list .kg-card{
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  grid-template-rows: auto auto auto !important; /* title | desc | bottom bar */
  column-gap: 14px !important;
  row-gap: 10px !important;
  padding: 16px !important;
  min-height: 0 !important;
}

#kg-container.kg-list .kg-card-link{ display: contents !important; }

#kg-container.kg-list .kg-thumb{
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 240px !important;
  height: 200px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

#kg-container.kg-list .kg-title{
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#kg-container.kg-list .kg-desc{
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: block !important;
  margin: 0 !important;
  color: #444 !important;
  line-height: 1.4 !important;
  white-space: normal !important;
}
#kg-container.kg-list .kg-desc:empty{ display: none !important; }

/* Both meta blocks overlay the same bottom bar row */
#kg-container.kg-list .kg-meta--top,
#kg-container.kg-list .kg-meta--bottom{
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Bottom bar structure */
#kg-container.kg-list .kg-meta--bottom{
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  column-gap: 14px !important;
  align-items: end !important;
}

/* Share (left) */
#kg-container.kg-list .kg-meta--bottom .kg-actions{
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: end !important;
  position: relative !important;
  min-height: 44px !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
#kg-container.kg-list .kg-meta--bottom .kg-actions .kg-share{
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
}

/* Counts (moved here by JS in LIST) */
#kg-container.kg-list .kg-meta--bottom .kg-counts{
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: end !important;
  margin: 0 !important;
}

/* Rating (right) */
#kg-container.kg-list .kg-meta--bottom .kg-ratingwrap{
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* meta-top overlays only the centered Job Date */
#kg-container.kg-list .kg-meta--top{
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  column-gap: 14px !important;
  align-items: end !important;
  pointer-events: none !important;
}
#kg-container.kg-list .kg-meta--top .kg-created{
  pointer-events: auto !important;
  grid-column: 2 !important;
  justify-self: center !important;
  align-self: end !important;
  margin-left: 0 !important;
}

/* Hide counts in meta-top in LIST (JS moves it down) */
#kg-container.kg-list .kg-meta--top .kg-counts{
  display: none !important;
}

/* Star metrics */
#kg-container.kg-list .kg-meta--bottom .kg-star{
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}
#kg-container.kg-list .kg-meta--bottom .kg-ratingavg{
  line-height: 1 !important;
}

#kg-lightbox-stage::before{
  top: var(--kg-badge-top, 12px);
  left: var(--kg-badge-left, 12px);
}