/* =====================================================
   HEADER & NAVIGASI — PROMO CMS
   Warna, font, tombol, dan logo mengikuti dashboard admin.
   ===================================================== */

/* Header utama */
body > header.header {
  background-color: var(--header-bg, #ffffff) !important;
  background-image: none !important;
  position: var(--header-position, sticky) !important;

  /* Hilangkan garis dan bayangan di bagian bawah header. */
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Navigasi: Produk, Tentang, Lokasi */
body > header.header .nav nav,
body > header.header .nav nav a {
  color: var(--header-text, #665e57) !important;
  font-family: var(--header-font, Outfit, sans-serif) !important;
  font-size: var(--header-font-size, 14px) !important;
  font-weight: var(--header-font-weight, 400) !important;
}

/* Tombol Hubungi Kami */
body > header.header .nav > a.btn.small {
  background: var(--header-button-bg, #000000) !important;
  color: var(--header-button-text, #ffffff) !important;
}

/* Ukuran logo mengikuti dashboard */
body > header.header .brand img,
body > header.header .brandicon {
  width: var(--header-logo-size, 44px) !important;
  height: var(--header-logo-size, 44px) !important;
}