/* style_eyd_log.css */

/* ===================================================
FOOTER LOG
=================================================== */
#footer {
    padding-top: 90px !important;
}

#footer a:hover {
    color: #8e4a00 !important;
}

#content {
    margin-top: 60px;       /* memberi ruang untuk navbar/header setinggi 60px */
}

/* card log */
.card {
    width: 320px;          /* Memberikan lebar default/price tetap untuk card */
    max-width: 100%;       /* Card tidak boleh lebih besar dari lebar parent (responsif) */
    min-width: 300px;      /* Card tidak boleh mengecil lebih kecil dari 300px */
}

/* paragraf / row */
.row {
    width: 100%;           /* Row mengisi seluruh lebar parent (standar responsif) */
    max-width: 1200px;     /* Membatasi row agar tidak terlalu lebar di layar besar */
    min-width: 345px;      /* Menjaga konten tidak terlalu sempit di layar kecil */
}

/* lihat 100% */
html, body {
    width: 100%;           /* Pastikan body dan html selalu selebar layar */
    height: 100%;          /* Set tinggi 100% agar layout full-height jika diperlukan */
    margin: 0;             /* Menghilangkan margin default browser */
    padding: 0;            /* Menghilangkan padding default browser */
    overflow-x: hidden;    /* Mencegah scroll horizontal (geser samping) */
}

/* footer */
footer {
    font-size: 14px;       /* Ukuran teks footer ditetapkan tetap */
    clear: both;           /* Mencegah footer naik ke atas jika ada float di atasnya */
}


/* ===================================================
swall log global
=================================================== */
  .swal2-styled.swal2-confirm {
      background-color: #FFC300 !important;
      color: #000 !important;
  }

/* ===================================================
hover log global
=================================================== */
.btn:hover {
    background-color: #8e4a00 !important;
    border-color: #8e4a00 !important;
    color: #fff !important;
}

.dropdown-item:hover {
    background-color: #8e4a00 !important;
    color: #fff !important;
}

.toggle-actions:hover {
    background-color: #8e4a00 !important;
    border-color: #8e4a00 !important;
    color: #fff !important;
}

/* ===================================================
NAVBAR LOG
=================================================== */
  .running-text {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
  }

  .running-text span {
    display: inline-block;
    font-weight: bold;
    color: white;
    padding-left: 100%;
    animation: runText 20s linear infinite;
  }

  @keyframes runText {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-100%);
    }
  }