/*
 * ============================================
 * UbahPulsa — Base Styles
 * Global reset, typography, body, links, etc.
 * ============================================
 */

/* ===== Base Overrides ===== */
html {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  font-family: var(--font-sans);
  background: var(--color-surface-alt);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  border: none;
  cursor: pointer;
  font-family: inherit;
}

input,
select,
textarea {
  font-family: inherit;
}

/* ===== Prevent CodeIgniter Debugbar from causing horizontal scroll ===== */
#debugbar_loader,
#toolbarContainer,
.kint-rich-style {
  display: none !important;
}

/* ===== Animations ===== */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeSlide {
  from { opacity: 0; transform: translateX(-50%) translateY(-10px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@keyframes spin-slow {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes slideUp {
  from { transform: translateY(100%); }
  to   { transform: translateY(0); }
}

/* ===== Animation Utility Classes ===== */
.animate-float     { animation: float 4s ease-in-out infinite; }
.animate-fade-in   { animation: fadeIn 0.3s ease; }
.animate-marquee   { animation: marquee 30s linear infinite; }