/* ====== NAVBAR ACTIVE ====== */
.nav-link.active{
  background: rgba(255,255,255,.25);
  border-radius:8px;
}

/* ====== CARD HOVER ====== */
.card:hover{
  transition:.2s;
  transform:translateY(-2px);
}

/* ====== SECTION TITLE ====== */
.section-title{
  font-weight:700;
  color:#0a5c7a;
}
.section-title{
  color:#0a5c7a;
  font-weight:700;
  margin-bottom:6px;
}

.section-subtitle{
  color:#6c757d;
  margin-bottom:14px;
}

/* MENU KOTAK */
.menu-card{
  display:block;
  text-decoration:none;
  background:#fff;
  border-radius:12px;
  padding:14px;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  height:100%;
  transition:.2s;
}
.menu-card h5{
  color:#0a5c7a;
  font-weight:700;
  margin-bottom:4px;
}
.menu-card p{
  color:#6c757d;
  font-size:.9rem;
  margin:0;
}
.menu-card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}

/* BERITA CARD */
.news-card{
  display:block;
  text-decoration:none;
  color:#111;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  transition:.2s;
  height:100%;
}
.news-card:hover{
  transform:translateY(-2px);
}
.news-thumb{
  width:100%;
  height:140px;
  object-fit:cover;
}
.news-title{
  color:#0a5c7a;
  font-weight:700;
  margin-bottom:4px;
}
.news-excerpt{
  color:#6c757d;
  font-size:.9rem;
}
.section-title-sm{
  color:#0a5c7a;
  font-weight:700;
}
/* ====== STRUKTUR PERANGKAT DESA ====== */

.card-aparat {
  border-radius: 12px;
  border: 0;
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
}

.card-aparat img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 12px;
  border: 2px solid #d3dce6;
}

.card-aparat .nama {
  font-weight: 700;
  color: #0a4c8b;
}

.card-aparat .jabatan {
  font-size: 0.85rem;
  padding: 6px 10px;
  border-radius: 10px;
}
/* ====== POTENSI DESA ====== */

.potensi-card {
  border: 0;
  border-radius: 12px;
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
  transition: .2s;
}

.potensi-card:hover {
  transform: translateY(-2px);
}

/* Thumbnail */
.potensi-thumb {
  height: 170px;
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

/* Judul */
.potensi-title {
  font-weight: 700;
  color: #0a4c8b;
}

/* Deskripsi ringkas (hanya 1–2 baris) */
.potensi-desc{
  display: -webkit-box;
  -webkit-line-clamp: 2;     /* maksimum 2 baris */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 32px;          /* tinggi minimal agar rapi */
}

.sidebar-list a:hover{
  background:#f5f7ff;
  border-radius:10px;
}
/* ====== BERITA DESA ====== */

.berita-card{
  border:0;
  border-radius:12px;
  box-shadow:0 6px 14px rgba(0,0,0,.08);
  transition:.2s;
}

.berita-card:hover{
  transform:translateY(-2px);
}

/* Thumbnail */
.berita-thumb{
  height:180px;
  object-fit:cover;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}

/* Judul */
.berita-title{
  font-weight:700;
  color:#0a4c8b;
}

/* Ringkasan (maks 3 baris) */
.berita-excerpt{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  min-height:48px;
}
/* ===== DETAIL BERITA ===== */

.detail-thumb{
  width:100%;
  max-height:340px;
  object-fit:cover;
  border-radius:12px;
}

.berita-side-thumb{
  width:60px;
  height:60px;
  object-fit:cover;
  border-radius:8px;
}
/* ===== PETA DESA ===== */

.peta-info-box{
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  padding: 14px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

/* Wrapper peta */
.map-wrapper{
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,.15);
}

/* iframe full responsive */
.map-wrapper iframe{
  width: 100%;
  height: 430px;
  border: 0;
}

/* Mobile improvement */
@media(max-width: 768px){
  .map-wrapper iframe{
    height: 360px;
  }
}
.navbar .nav-link.active{
  background:#0d7c9a;
  border-radius:12px;
}
.navbar .nav-link:hover{
  background:#0d7c9a;
  border-radius:12px;
}
.pagination .page-link{
  border-radius:12px;
  padding:8px 14px;
}

.pagination .active{
  background:#4cd137 !important;
  color:#fff !important;
}

.pagination .page-item.disabled .page-link{
  color:#999;
}