/* ebooks.css — หน้า Ebook */

/* Page Hero */
.page-hero {
  padding: 48px 0 36px;
  border-bottom: 1px solid var(--border);
}
.page-hero--ebook { background: linear-gradient(135deg, var(--teal-light) 0%, var(--bg) 60%); }

.page-hero__badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--teal-light); color: var(--teal);
  font-size: 12px; font-weight: 500; padding: 5px 12px;
  border-radius: 20px; margin-bottom: 16px; border: 1px solid rgba(29,158,117,0.3);
}
.page-hero__title {
  font-size: 32px; font-weight: 600; color: var(--gray-900);
  margin-bottom: 10px;
}
.page-hero__desc { font-size: 15px; color: var(--text-muted); margin-bottom: 24px; }

.ebook-features {
  display: flex; gap: 20px; flex-wrap: wrap;
}
.ebook-feature {
  display: flex; align-items: center; gap: 7px;
  font-size: 13px; color: var(--teal);
  background: var(--teal-light); padding: 6px 14px;
  border-radius: 20px; border: 1px solid rgba(29,158,117,0.25);
}
.ebook-feature i { font-size: 15px; }

/* Filters */
.ebook-filters {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 12px; margin-bottom: 24px;
}
.price-select {
  padding: 7px 32px 7px 12px; border-radius: var(--radius-sm);
  border: 1px solid var(--border); background: var(--bg);
  font-family: var(--font-thai); font-size: 13px; color: var(--text);
  cursor: pointer; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235F5E5A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 10px center;
}
.price-select:focus { outline: none; border-color: var(--teal); }

/* Ebook Grid */
.ebook-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
.ebook-card {
  background: var(--bg); border: 1px solid var(--border);
  border-radius: var(--radius); overflow: hidden;
  display: flex; flex-direction: column;
  transition: all var(--transition);
}
.ebook-card:hover {
  border-color: var(--border-hover);
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.ebook-card__cover {
  height: 140px;
  display: flex; align-items: center; justify-content: center;
  position: relative;
}
.cover-emoji { font-size: 52px; }
.cover-format {
  position: absolute; bottom: 8px; right: 8px;
  font-size: 10px; font-weight: 500;
  background: rgba(255,255,255,0.85); color: var(--teal);
  padding: 2px 8px; border-radius: 4px;
  backdrop-filter: blur(4px);
}
.ebook-card__body { padding: 14px; flex: 1; display: flex; flex-direction: column; }
.ebook-card__title {
  font-size: 14px; font-weight: 500; color: var(--gray-900);
  line-height: 1.45; margin-bottom: 5px;
}
.ebook-card__author { font-size: 12px; color: var(--text-muted); margin-bottom: 6px; }
.ebook-card__desc { font-size: 12px; color: var(--text-muted); line-height: 1.5; flex: 1; }
.ebook-card__meta {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--border);
}
.ebook-card__info { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.pages-chip {
  font-size: 11px; color: var(--text-muted);
  display: flex; align-items: center; gap: 3px;
}
.pages-chip i { font-size: 12px; }

/* Format Grid */
.format-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
.format-card {
  padding: 20px; border: 1px solid var(--border);
  border-radius: var(--radius); background: var(--bg);
}
.format-card__icon {
  width: 44px; height: 44px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; margin-bottom: 12px;
}
.format-card h3 { font-size: 15px; font-weight: 600; margin-bottom: 6px; color: var(--gray-900); }
.format-card p  { font-size: 13px; color: var(--text-muted); margin-bottom: 10px; line-height: 1.55; }
.format-card ul { padding-left: 16px; }
.format-card ul li { font-size: 12px; color: var(--text-muted); margin-bottom: 4px; }

/* Current nav link */
.nav-link--current { color: var(--teal) !important; font-weight: 500; }

@media (max-width: 600px) {
  .ebook-filters { flex-direction: column; }
  .ebook-grid { grid-template-columns: 1fr 1fr; }
  .page-hero__title { font-size: 24px; }
}