/* starter2/main.css — Full styles for starter2 template */

/* ===== PAGE WRAPPER ===== */
.kv-page{max-width:800px;margin:0 auto}

/* ===== CARD (Article/Post detail) ===== */
.kv-card{background:#252525;border-radius:8px;overflow:hidden;margin-bottom:1.5rem}
.kv-card__header{padding:1.25rem 1.5rem;border-bottom:1px solid #333}
.kv-card__title-block{margin-bottom:.5rem}
.kv-card__title{font-size:1.6rem;font-weight:800;margin:0;color:#fff}
.kv-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.8rem;margin-top:.4rem}
.kv-card__year{color:#ff6b35;font-weight:600}
.kv-card__rating{color:#ffc107;font-weight:700}
.kv-card__quality{background:#ff6b35;color:#fff;padding:.15rem .45rem;border-radius:3px;font-size:.7rem;font-weight:700}
.kv-card__genre{color:#aaa}

/* Thumbnail */
.kv-card__thumb{width:100%;max-height:400px;object-fit:cover}

/* Tags */
.kv-card__tags{display:flex;flex-wrap:wrap;gap:.4rem;padding:1rem 1.5rem;border-bottom:1px solid #333}
.kv-tag{background:#333;color:#ccc;padding:.25rem .55rem;border-radius:3px;font-size:.72rem;transition:color .2s,background .2s}
.kv-tag:hover{background:rgba(255,107,53,.15);color:#ff6b35;text-decoration:none}

/* Synopsis */
.kv-card__synopsis{padding:1.25rem 1.5rem;color:#ccc;line-height:1.7;border-bottom:1px solid #333}

/* Section titles */
.kv-card__section-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid #333}

/* Streaming */
.kv-card__streaming{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid #333}
.kv-card__streaming a{background:#333;padding:.4rem .75rem;border-radius:4px;font-size:.8rem;color:#ff6b35;border:1px solid #444;transition:background .2s}
.kv-card__streaming a:hover{background:rgba(255,107,53,.12);text-decoration:none}

/* Note */
.kv-card__note{background:rgba(255,107,53,.06);border-left:3px solid #ff6b35;padding:.75rem 1rem;margin:1rem 1.5rem;border-radius:0 4px 4px 0;font-size:.85rem;color:#bbb}

/* Info / Table */
.kv-card__info{padding:1rem 1.5rem}
.kv-card__table{width:100%;border-collapse:collapse}
.kv-card__table tr{border-bottom:1px solid #333}
.kv-card__table td{padding:.5rem .5rem;font-size:.85rem;vertical-align:top}
.kv-card__table td:first-child{color:#888;font-weight:600;width:130px;white-space:nowrap}
.kv-card__table td:last-child{color:#e5e5e5}

/* Related (inside card) */
.kv-card__related{padding:1.25rem 1.5rem;border-top:1px solid #333}

/* ===== RELATED LIST ===== */
.kv-related-list{display:flex;flex-direction:column;gap:.5rem}
.kv-related-list__item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#1a1a1a;border-radius:4px;transition:background .2s}
.kv-related-list__item:hover{background:#2a2a2a}
.kv-related-list__link{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none;width:100%}
.kv-related-list__name{font-size:.85rem;font-weight:600;color:#e5e5e5}
.kv-related-list__meta{font-size:.75rem;color:#888}

/* ===== MOVIE GRID (max-width centered cards for starter2) ===== */
.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;max-width:900px;margin:0 auto}

/* ===== POST CARD ===== */
.post-card{background:#252525;border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.5)}
.post-card__link{display:block;text-decoration:none;color:inherit}
.post-card__poster{width:100%;aspect-ratio:2/3;object-fit:cover;background:#333}
.post-card__info{padding:.7rem}
.post-card__title{font-size:.84rem;font-weight:600;color:#fff;margin-bottom:.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-card__meta{font-size:.73rem;color:#888}

/* ===== PAGINATION ===== */
.pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin:2rem 0;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;border-radius:4px;font-size:.85rem;font-weight:600;color:#bbb;background:#252525;border:1px solid #333;transition:background .2s,color .2s}
.pagination a:hover{background:rgba(255,107,53,.12);color:#fff;text-decoration:none}
.pagination .current,.pagination span[aria-current]{background:#ff6b35;color:#fff;border-color:#ff6b35}

/* ===== BOTTOM / FOOTER ===== */
.kv-bottom{background:#111;border-top:1px solid #333;margin-top:3rem;padding:2rem 1.25rem}
.kv-bottom__center{max-width:1200px;margin:0 auto;text-align:center}
.kv-bottom__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem}
.kv-bottom__links a{font-size:.8rem;color:#999;transition:color .2s}
.kv-bottom__links a:hover{color:#ff6b35;text-decoration:none}
.kv-bottom__disclaimer{font-size:.75rem;color:#666;max-width:600px;margin:0 auto .75rem;line-height:1.5}
.kv-bottom__copy{font-size:.7rem;color:#555}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .movie-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}
@media(max-width:768px){
  .movie-grid{grid-template-columns:repeat(3,1fr);gap:1rem}
  .kv-card__header{padding:1rem}
  .kv-card__title{font-size:1.3rem}
  .kv-card__tags,.kv-card__synopsis,.kv-card__streaming,.kv-card__info,.kv-card__related{padding-left:1rem;padding-right:1rem}
  .kv-card__note{margin-left:1rem;margin-right:1rem}
  .kv-related-list__item{padding:.4rem}
}
@media(max-width:480px){
  .movie-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}
  .post-card__info{padding:.5rem}
  .post-card__title{font-size:.78rem}
  .kv-card__table td:first-child{width:auto;white-space:normal}
}