/*!
* Design by Henky
* tkg.serpis@gmail.com
*/

/* Tombol "Back" yang selalu terlihat di kiri atas */

:root {
  --brand-500: #6A4A35;
  --brand-600: #503628;
  --brand-300: #8B6950;
  --brand-100: #F4ECE6;
  --text-dark: #2C1C13;
  --text-light: #FFFFFF;
}

.btn-back-fixed {
  position: fixed;
  top: 26px;
  margin-left: 30px;
  z-index: 90;
  border-radius: 8px;
  background-color: var(--brand-100);
  border: 1px solid var(--brand-300);
  color: var(--brand-500);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: all 0.25s ease-in-out;
  padding: 8px 14px;
}

/* Hover effect elegan */
.btn-back-fixed:hover {
  background-color: var(--brand-500);
  color: var(--text-light);
  border-color: var(--brand-600);
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(106, 74, 53, 0.25);
}

/* Untuk mode gelap (jika ada dark theme) */
body.dark .btn-back-fixed {
  background-color: var(--brand-600);
  color: var(--text-light);
  border-color: var(--brand-500);
}

body.dark .btn-back-fixed:hover {
  background-color: var(--brand-300);
  color: var(--text-dark);
}

@media (max-width: 768px) {
  .btn-back-fixed {
    top: 26px;
    margin-left: 30px;
    padding: 6px 12px;
    font-size: 14px;
  }
}