/* =====================================================
   AIM Post Trending – Frontend CSS
   ===================================================== */

/* Wrapper */
.apt-widget {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* =====================================================
   Naslov (opciono)
   ===================================================== */
.apt-widget .apt-title {
  font: 700 14px/1.2 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #151a1e;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.apt-widget .apt-title-underline {
  width: 56px;
  height: 3px;
  background: #e44;
  border-radius: 3px;
  display: inline-block;
  transform: translateY(1px);
}

/* =====================================================
   Lista (reset OL, separator)
   ===================================================== */
.apt-widget ol.apt-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.apt-widget .apt-item + .apt-item {
  border-top: 1px solid #e9edf2;
}

/* =====================================================
   Red (grid layout)
   ===================================================== */
.apt-widget .apt-row {
  display: grid !important;
  grid-template-columns: 111px 1fr 15px;
  gap: 12px;
  align-items: center;
  padding: 14px 0;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0.05);
}

.apt-widget .apt-row:hover .apt-title-line {
  color: #0c52e5;
}

/* =====================================================
   Thumbnail
   ===================================================== */
.apt-widget .apt-thumb {
  width: 92px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  flex: 0 0 auto;
}

.apt-widget .apt-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  transition: transform .25s ease;
}

.apt-widget .apt-row:hover .apt-thumb img {
  transform: scale(1.03);
}

/* =====================================================
   Tekstualni deo
   ===================================================== */
.apt-widget .apt-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.apt-widget .apt-title-line {
  margin: 6px 0;
  font-family: "Libre Franklin", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  color: #151a1e;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* =====================================================
   Rang (brojevi)
   ===================================================== */
.apt-widget .apt-rank {
  justify-self: end;
  font: 200 22px/1 "PT Serif", serif; /* PT Serif font */
  color: #cfd6df;
  align-self: center;
}

/* =====================================================
   Tablet
   ===================================================== */
@media (max-width: 1080px) {
  .apt-widget .apt-row {
    grid-template-columns: 88px 1fr 24px;
  }

  .apt-widget .apt-thumb {
    width: 88px;
  }

  .apt-widget .apt-rank {
    font-size: 20px;
  }
}

/* =====================================================
   Mobilni
   ===================================================== */
@media (max-width: 680px) {
  .apt-widget .apt-row {
    grid-template-columns: 84px 1fr 20px;
    gap: 10px;
    padding: 12px 0;
  }

.apt-widget .apt-thumb {
    width: 104px;
    height: 81px;
    border-radius: 8px;
  }

  .apt-widget .apt-title-line {
    font-size: 14px;
  }

  .apt-widget .apt-rank {
    font-size: 18px;
  }
}

/* =====================================================
   Tema svetla pozadina – separator tamniji
   ===================================================== */
.apt-widget.on-white .apt-item + .apt-item {
  border-color: #edf1f4;
}