/* Tema Budaya Baduy untuk DBANGLE */
:root {
  --baduy-blue: #232e3c;
  --baduy-cream: #f6f1e7;
  --baduy-batik: url('../img/batik-baduy.jpg');
  --baduy-brown: #7c5a3a;
  --baduy-shadow: 0 2px 12px #232e3c11;
}
/* Font default website */
body, html, .font-biasa {
  font-family: 'Segoe UI', 'Nunito', Arial, sans-serif;
  font-size: 1em;
}
/* Font aksara Sunda */
.font-sunda {
  font-family: 'Noto Sans Sundanese', sans-serif;
  font-size: 1.5em;
  letter-spacing: 0.1em;
}
body {
  background: var(--baduy-cream);
  color: #232e3c;
}
.baduy-header {
  background: var(--baduy-blue) top left/cover no-repeat;
  color: #fff;
  padding: 2rem 0 1.2rem 0;
  text-align: center;
  margin-bottom: 2rem;
  position: relative;
}
.baduy-header::before {
  content: '';
  position: absolute;
  left: 0; top: 0; right: 0; height: 100%;
  background: var(--baduy-batik) center/cover repeat-x;
  opacity: 0.13;
  z-index: 0;
}
.baduy-header-content { position: relative; z-index: 1; }
.baduy-footer {
  background: #232e3c;
  color: #ffe7b3;
  text-align: center;
  padding: 1.2rem 0 1.2rem 0;
  margin-top: 2rem;
  border-top: 8px solid #7c5a3a;
  position: relative;
}
.baduy-footer::before {
  content: '';
  position: absolute;
  left: 0; top: 0; right: 0; height: 100%;
  background: var(--baduy-batik) center/cover repeat-x;
  opacity: 0.10;
  z-index: 0;
}
.baduy-footer-content { position: relative; z-index: 1; text-align: center; }
.baduy-footer a, .baduy-footer-content { color: #ffe7b3; }
.baduy-footer .baduy-footer-content { font-size: 1.08em; }
.baduy-footer .baduy-footer-content div:first-child { color: #ffe7b3 !important; font-weight: 600 !important; margin-bottom: 0.5rem !important; }
.baduy-footer .baduy-footer-content div:nth-child(2) { color: #ffffff !important; font-weight: 700 !important; font-size: 1.2em !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin-bottom: 0.5rem !important; }
.baduy-footer .baduy-footer-content div:last-child { color: #ffffff !important; font-size: 0.98em !important; font-style: italic !important; }
.baduy-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: var(--baduy-shadow);
  padding: 2.2rem 1.2rem 1.2rem 1.2rem;
  text-align: center;
  border: 2px solid var(--baduy-brown);
  margin-bottom: 1.5rem;
  transition: box-shadow .2s, transform .2s;
}
.baduy-card:hover {
  box-shadow: 0 4px 24px #232e3c22;
  transform: translateY(-4px) scale(1.03);
}
.baduy-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--baduy-blue);
}
.baduy-ornament {
  width: 48px; height: 48px;
  border-radius: 8px;
  object-fit: cover;
  border: 2px solid var(--baduy-brown);
  margin-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .baduy-header, .baduy-footer { padding: 1.2rem 0; }
  .baduy-card { padding: 1.2rem 0.7rem; }
}
@media (max-width: 600px) {
  .baduy-header { font-size: 1.2rem; }
  .baduy-title { font-size: 1.02rem; }
  .baduy-card { padding: 1rem 0.5rem; }
}