/* Tombol Floating */
#accessibilityTrigger {
  position: fixed;
  left: 15px;
  top: 35%;
  z-index: 9999;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* =========================
   DARK MODE
========================= */
.access-dark {
  background-color: #121212 !important;
  color: #ffffff !important;
}

.access-dark section,
.access-dark footer,
.access-dark .card,
.access-dark .portfolio-info,
.access-dark .container,
.access-dark .page-title {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
}

.access-dark a,
.access-dark h1,
.access-dark h2,
.access-dark h3,
.access-dark h4,
.access-dark h5,
.access-dark p,
.access-dark li,
.access-dark span {
  color: #ffffff !important;
}

/* OFFCANVAS JANGAN IKUT DARK */
.access-dark .offcanvas {
  background-color: #ffffff !important;
  color: #000 !important;
}

/* ===============================
   FIX WARNA stats-desa & services
================================ */
.access-dark #stats-desa,
.access-dark #services,
.access-dark #featured-services {
  color: #000 !important;
}

.access-dark #stats-desa *,
.access-dark #services * .access-dark #featured-services * {
  color: #000 !important;
}

/* KHUSUS LINK & ICON */
.access-dark #stats-desa a,
.access-dark #services a,
.access-dark #featured-services a,
.access-dark #stats-desa i,
.access-dark #services i,
.access-dark #featured-services i,
.access-dark #stats-desa span,
.access-dark #services span,
.access-dark #featured-services span,
.access-dark #stats-desa p,
.access-dark #services p,
.access-dark #featured-services p,
.access-dark #services h3,
.access-dark #daftar-umkm strong,
.access-dark #daftar-umkm li {
  color: #000 !important;
}

/* =========================
   GRAYSCALE (KECUALI OFFCANVAS)
========================= */
.access-grayscale :not(.offcanvas):not(.offcanvas *) {
  filter: grayscale(100%);
}

/* =========================
   HIGH CONTRAST
========================= */
.access-contrast {
  background-color: #000 !important;
  color: #ff0 !important;
}

.access-contrast a {
  color: #0ff !important;
  font-weight: bold;
  text-decoration: underline;
}

.access-contrast .offcanvas {
  background: #fff !important;
  color: #000 !important;
}

/* =========================
   FONT MUDAH DIBACA
========================= */
.access-font {
  font-family: Arial, Verdana, sans-serif !important;
}

/* =========================
   HIGHLIGHT LINK
========================= */
.access-highlight a {
  background: yellow !important;
  color: #000 !important;
  padding: 2px 4px;
  border-radius: 4px;
}