/* assets/css/sukaevent-artikel.css */

/* Hero container untuk artikel */
.se-art-hero{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  padding: 22px;
}

/* Input style mengikuti feel tema */
.se-art-ig{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.80);
  border-radius: 14px 0 0 14px;
}

.se-art-input{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
  border-radius: 0 14px 14px 0;
}

.se-art-input:focus{
  background: rgba(255,255,255,.10);
  color: #fff;
}

/* Thumbnail artikel rapi */
.se-art-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Judul tidak terlalu tinggi */
.se-art-title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* meta rapih */
.se-art-meta{
  opacity: .95;
}

/* ===== FORCE LIGHT BACKGROUND (khusus halaman artikel) ===== */
body.se-body{
  background: #ffffff !important;
  color: #111827 !important;
}

/* teks default agar terbaca di background putih */
body.se-body .text-muted,
body.se-body .se-section-sub{
  color: rgba(17,24,39,.70) !important;
}

/* panel hero artikel tetap soft tapi terang */
.se-art-hero{
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
}

/* input */
.se-art-ig{
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #111827 !important;
}
.se-art-input{
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #111827 !important;
}
.se-art-input:focus{
  background: #ffffff !important;
  color: #111827 !important;
  border-color: rgba(59,130,246,.55) !important;
  box-shadow: 0 0 0 .20rem rgba(59,130,246,.18) !important;
}

/* card list mengikuti gaya home (putih) */
.se-card{
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 8px 24px rgba(17,24,39,.08) !important;
}

.se-card-title{
  color: #111827 !important;
}
.se-card-meta{
  color: rgba(17,24,39,.70) !important;
}

/* badge tetap rapi */
.se-card-badge{
  background: rgba(59,130,246,.12) !important;
  color: #1d4ed8 !important;
  border: 1px solid rgba(59,130,246,.25) !important;
}