/*
body {
    padding-top: 80px;
}

/* space for fixed navbar */
.hero {
    background: #001c41ff;
    border-radius: 0rem;
}

/* space for section */
.hero-2 {
    background: #05aaf7ff;
    border-radius: 0rem;
    min-height: 12rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
}

/* space for section */
.hero-3 {
    background: linear-gradient(180deg, #e94302, #d4540a8e);
    border-radius: 0rem;
    min-height: 12rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
}

.nav-link.active,
.dropdown-item.active {
    /*background-color: #6b7075ff;*/
    /* sama seperti hover */
    color: #05aaf7ff !important;
    /* teks kuning emas */
    font-weight: 600;
    border-radius: 6px;
}

.section {
    padding: 15px;
}
.section-title {
    scroll-margin-top: 90px;
}

.navbar {
    /*background: linear-gradient(290deg, #001f3f, #003366);
    /* gradasi biru pekat */
    /*background: linear-gradient(290deg, #2f1c6a, #72b3f3ff);*/
    background: #f0f1f3ff;
    color: white;
    font-size: small;
}

.navbar a {
    color: #222 !important;
    /* agar link tetap terlihat jelas */
}

.navbar a:hover {
    color: #05aaf7ff !important;
    /* contoh efek hover (kuning keemasan), bisa diganti sesuai selera */
    text-underline-position: auto;
}

.dropdown-menu {
    background-color: #fa7305ff;
    /* putih bersih */
}

.dropdown-menu .dropdown-item {
    color: #000000;
    /* teks hitam */
}

.dropdown-menu .dropdown-item:hover {
    background-color: #003366;
    /* biru pekat */
    color: #ffffff;
    /* teks putih saat hover */
}

.footer1 {
    background: linear-gradient(290deg, #001f3f, #003366);
    /* gradasi biru pekat */
    /*background: linear-gradient(290deg, #2f1c6a, #72b3f3ff);*/
    color: white;
}

.cermat {
    color: #e46008ff;
}

/* Fade + slide */
.fade-slide-enter-active,
.fade-slide-leave-active {
    transition: opacity .28s ease, transform .28s ease;
}

.fade-slide-enter-from,
.fade-slide-leave-to {
    opacity: 0;
    transform: translateY(8px);
}

/* ===== SKM Cards ala TW ===== */
.skm-year-title {
    text-align: center;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 1rem;
}

.tw-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

@media (max-width:992px) {
    .tw-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width:576px) {
    .tw-grid {
        grid-template-columns: 1fr;
    }
}

.tw-card {
    border-radius: 10px;
    color: #fff;
    padding: 22px 18px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tw-card .tw-title {
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
}

.tw-card .tw-value {
    font-size: 28px;
    font-weight: 700;
    margin-top: 10px;
}

.tw-card .tw-cat {
    margin-top: 6px;
    font-weight: 600;
}

/* Palet warna per TW (menyerupai contoh) */
.tw1 {
    background: #222;
}

/* hitam */
.tw2 {
    background: #eef2f7;
    color: #222;
}

/* abu terang, teks gelap */
.tw3 {
    background: #f26651;
}

/* oranye-korall */
.tw4 {
    background: #ff1180;
}

/* magenta */

/*Berikut adalah khusu Nav untuk Login*/
.nav-login .nav-link {
    background: linear-gradient(90deg, #004080, #0066cc);
    /* gradasi biru pekat */
    color: #fff !important;
    border-radius: 20px;
    padding: 6px 15px;
    font-weight: 600;
    transition: 0.3s;
}

.nav-login .nav-link:hover {
    background: linear-gradient(90deg, #0066cc, #004080);
    color: #ffeb3b !important;
    /* warna teks saat hover */
}

.card-body p, li {
    font-size: small;
}

.bounce-enter-active {
  animation: bounce-in .5s;
}
.bounce-leave-active {
  animation: bounce-in .5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

/* ===================== Google Translate – Anti Banner & Globe Dropdown ===================== */

/* Sembunyikan banner biru di bagian atas agar tidak menutupi navbar */
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}
body {
  top: 50 !important; /* kembalikan posisi body */
}

/* Hilangkan border bawaan widget saat ditaruh di dropdown globe */
#google_translate_element .goog-te-gadget-simple {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 0.9rem;
  line-height: 1.2;
}

/* Select di dalam dropdown biar rapi */
#google_translate_element select {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 4px 8px;
  width: 100%;
  background: #fff;
}

/* Pastikan dropdown menu-nya cukup lebar untuk select */
.dropdown-menu #google_translate_element {
  min-width: 180px;
}

/* (opsional) kecilkan ukuran tulisan default widget */
#google_translate_element .goog-te-gadget {
  font-size: 0 !important; /* sembunyikan teks "Select Language" bawaan, hanya tampil select box */
}
#google_translate_element .goog-te-gadget select {
  font-size: 0.9rem !important; /* kembalikan ukuran pada select */
}