/* Koda System - shared enhancements (no Tailwind build needed) */

/* Custom select: keep chevron with comfortable spacing */
.koda-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2.75rem !important;
  background-image: none !important;
}
.koda-select-wrap { position: relative; }
.koda-select-icon { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); pointer-events: none; opacity: .75; }
.koda-select-icon svg { width: 18px; height: 18px; }

/* Preloader overlay */
#koda-preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--koda-preloader-bg, #0b0b0c);
  color: var(--koda-preloader-fg, #ffffff);
}
#koda-preloader .kp-card{
  width: min(520px, 100%);
  border-radius: 28px;
  padding: 22px 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  backdrop-filter: blur(10px);
}
html:not(.dark) #koda-preloader .kp-card{
  border-color: rgba(0,0,0,.10);
  background: rgba(255,255,255,.72);
  color: #111;
}
.kp-icons{ display:flex; gap:14px; justify-content:center; margin: 10px 0 14px; }
.kp-ic{
  width:44px; height:44px; border-radius:16px;
  display:grid; place-items:center;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  transform: translateY(0) scale(1);
  animation: kp-bounce 1.05s ease-in-out infinite;
}
html:not(.dark) .kp-ic{
  border-color: rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
}
.kp-ic:nth-child(2){ animation-delay: .08s; }
.kp-ic:nth-child(3){ animation-delay: .16s; }
.kp-ic:nth-child(4){ animation-delay: .24s; }
.kp-ic:nth-child(5){ animation-delay: .32s; }
.kp-ic:nth-child(6){ animation-delay: .40s; }

@keyframes kp-bounce{
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-7px) scale(1.03); }
}

.kp-title{ font-weight: 700; font-size: 14px; text-align:center; letter-spacing: -.01em; }
.kp-sub{ font-size: 12px; opacity: .85; text-align:center; margin-top: 8px; line-height:1.35; }

html.koda-preloading { overflow: hidden; }

/* Header elevation on scroll */
#main-header.header-scrolled{ box-shadow: 0 10px 30px rgba(0,0,0,.06); }
html.dark #main-header.header-scrolled{ box-shadow: 0 10px 30px rgba(0,0,0,.55); }