/* ==========================================================================
   Kustomisasi tema DPRKP (frontend)
   File override kecil di atas main.css agar tema asli tetap utuh.
   --------------------------------------------------------------------------
   1. Lebar container halaman frontend menjadi 1240px (sebelumnya 1140px).
      Tidak berpengaruh ke area admin yang memakai tema back/.
   ========================================================================== */

@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
}

/* ==========================================================================
   2. Unifikasi aksen hijau tema → #035884 (nav aktif, pagination, teks)
   ========================================================================== */
.active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
  color: #035884 !important;
}
.active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.selected {
  color: #035884 !important;
}
.active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: #035884 !important;
}
.active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item:hover {
  color: #035884 !important;
}
.active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .item_colume .nav_meun .dropdown-item.active {
  background-color: #035884 !important;
  color: #ffffff;
}
.active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover {
  color: #035884 !important;
}
.active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item.active {
  background-color: #035884 !important;
  color: #ffffff;
}
.active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item:hover {
  color: #035884 !important;
}
.active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-menu .dropdown-item.active {
  background-color: #035884 !important;
  color: #ffffff;
}
.active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link {
  color: #035884 !important;
}
.active-lightgreen .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover {
  color: #035884 !important;
}

.pagination.default .page-item .page-link:hover {
  color: #ffffff;
  background-color: #035884;
  border-color: #035884;
}
.pagination.default .page-item .page-link.active {
  color: #ffffff;
  background-color: #035884;
  border-color: #035884;
}
.pagination.default .page-item .page-link[aria-label]:hover {
  color: #ffffff;
  background-color: #035884;
  border-color: #035884;
}

.c-lightgreen {
  color: #035884 !important;
}
.c-green2,
.c-aquamarine {
  color: #035884 !important;
}
.bg-lightgreen,
.bg-green2,
.bg-aquamarine {
  background-color: #035884 !important;
}
.c-green {
  color: #035884 !important;
}
.bg-green {
  background-color: #035884 !important;
}

/* ==========================================================================
   3. Pagination aktif (bootstrap) & ikon centang pricing → #035884
   ========================================================================== */.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus {
  z-index: 3;
  color: #ffffff !important;
  background-color: #035884 !important;
  border-color: #035884 !important;
}
.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(3, 88, 132, 0.25);
}
.options_pricing .table_pricing .table .check_ico {
  background-color: rgba(3, 88, 132, 0.08);
}
.options_pricing .table_pricing .table .check_ico .tio {
  color: #035884;
}

/* ==========================================================================
   4. Pagination seragam: item tidak disembunyikan tema di layar sempit
      (template menyembunyikan item ke-5 & ke-6 di ≤767px)
   ========================================================================== */
@media (max-width: 767px) {
  .pagination.default .page-item:nth-child(5),
  .pagination.default .page-item:nth-child(6) {
    display: list-item;
  }
}