/* Start custom CSS for shortcode, class: .elementor-element-0ed4ff5 *//* ====== VISIBILITAS TEKS & PLACEHOLDER (scoped ke .kou-form) ====== */

/* Teks user selalu terlihat (beberapa tema suka set transparent) */
.kou-form input[type="text"],
.kou-form input[type="url"],
.kou-form input[type="date"],
.kou-form input[type="time"],
.kou-form input[type="email"],
.kou-form input[type="tel"],
.kou-form select,
.kou-form textarea{
  color:#e6eefc !important;                 /* warna teks */
  -webkit-text-fill-color:#e6eefc !important;/* Safari/Chromium */
  background:#0d1629 !important;            /* kontras gelap */
  border-color:#1e2b46 !important;
  caret-color:#e6eefc !important;
}

/* Placeholder (semua vendor) */
.kou-form ::placeholder{ color:#9bb0cf !important; opacity:1 !important; }
.kou-form :-ms-input-placeholder{ color:#9bb0cf !important; }
.kou-form ::-ms-input-placeholder{ color:#9bb0cf !important; }
.kou-form input::placeholder,
.kou-form textarea::placeholder{ color:#9bb0cf !important; }

/* Saat fokus tetap kontras */
.kou-form input:focus,
.kou-form select:focus,
.kou-form textarea:focus{
  color:#e6eefc !important;
  -webkit-text-fill-color:#e6eefc !important;
  border-color:#3b82f6 !important;
  box-shadow:0 0 0 3px rgba(59,130,246,.35) !important;
}

/* Field terkunci (paket/tema di Step 2) */
.kou-form .locked{
  background:#0a1326 !important;
  border:1px dashed #2b3f6e !important;
  color:#cfe1ff !important;
  -webkit-text-fill-color:#cfe1ff !important;
}

/* Ikon date/time biar kelihatan */
.kou-form input[type="date"]::-webkit-calendar-picker-indicator,
.kou-form input[type="time"]::-webkit-calendar-picker-indicator{
  filter:invert(85%) sepia(8%) saturate(200%) hue-rotate(185deg);
  opacity:.95;
}

/* Autofill Chrome/Safari (hapus kuning & pertahankan teks terang) */
.kou-form input:-webkit-autofill,
.kou-form textarea:-webkit-autofill,
.kou-form select:-webkit-autofill{
  -webkit-text-fill-color:#e6eefc !important;
  transition: background-color 9999s ease-in-out 0s; /* hindari flash */
  box-shadow: 0 0 0px 1000px #0d1629 inset !important; /* samakan bg */
}

/* Jika ada Elementor/tema yang lebih kuat, tambah sedikit spesifisitas */
.elementor .kou-form input,
.elementor .kou-form select,
.elementor .kou-form textarea{
  color:#e6eefc !important;
  -webkit-text-fill-color:#e6eefc !important;
}
/* ====== FILE INPUT — tombol & teks “No file chosen” terlihat ====== */
.kou-form input[type="file"]{
  background:#0d1629 !important;
  border:1px solid #1e2b46 !important;
  border-radius:12px !important;
  padding:10px 12px !important;         /* ruang untuk teks */
  color:#e6eefc !important;              /* warna teks “No file chosen” */
  -webkit-text-fill-color:#e6eefc !important; /* WebKit */
  font-weight:500;
}

/* Tombol pilih file (modern browsers) */
.kou-form input[type="file"]::file-.elementor-3431 .elementor-element.elementor-element-0ed4ff5-button{
  background:#2563eb !important;        /* biru */
  color:#fff !important;
  border:0 !important;
  padding:8px 14px !important;
  margin-right:12px !important;
  border-radius:10px !important;
  cursor:pointer !important;
  font-weight:700;
}
.kou-form input[type="file"]::file-.elementor-3431 .elementor-element.elementor-element-0ed4ff5-button:hover{
  background:#1d4ed8 !important;
}
.kou-form input[type="file"]:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(59,130,246,.35) !important;
  border-color:#3b82f6 !important;
}

/* Safari/Chrome lama */
.kou-form input[type="file"]::-webkit-file-upload-button{
  background:#2563eb !important;
  color:#fff !important;
  border:0 !important;
  padding:8px 14px !important;
  margin-right:12px !important;
  border-radius:10px !important;
  cursor:pointer !important;
  font-weight:700;
}
.kou-form input[type="file"]::-webkit-file-upload-button:hover{
  background:#1d4ed8 !important;
}

/* Jika ada state disabled */
.kou-form input[type="file"][disabled],
.kou-form input[type="file"]::file-.elementor-3431 .elementor-element.elementor-element-0ed4ff5-button:disabled,
.kou-form input[type="file"]::-webkit-file-upload-button:disabled{
  opacity:.6; cursor:not-allowed;
}
/* ===== Fix bar langkah agar 1 baris ===== */
.kou-steps{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:10px !important;
}

.kou-step{
  flex:1 1 0 !important;
  min-width:0 !important;              /* biar tidak melar aneh */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;        /* teks nggak turun baris */
  float:none !important;                /* kalau ada gaya float dari tema */
}

/* ====== FULL PAGE BACKDROP untuk halaman order ======
   Aman untuk ditempel global—efek hanya terasa ketika ada .kou-form di halaman
====================================================== */

/* fallback warna dasar */
body { background:#0b1221; }

/* jadikan .kou-form pembuat backdrop layar penuh */
.kou-form{ position:relative; z-index:1 }

/* layer 1: gradient + pola halus (menutup 1 viewport) */
.kou-form::before{
  content:"";
  position:fixed;              /* cover seluruh layar */
  inset:0;
  z-index:-2;
  pointer-events:none;
  /* gradient dasar */
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(34,197,94,.12), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(96,165,250,.10), transparent 60%),
    linear-gradient(180deg, #0b1221 0%, #0a1326 60%, #0b1221 100%);
  /* pola bintik halus */
  mask-image: radial-gradient(1200px 700px at 50% -10%, rgba(0,0,0,.96), rgba(0,0,0,.8));
}

/* layer 2: vignette lembut tepi layar */
.kou-form::after{
  content:"";
  position:fixed;
  inset:-10vmax;               /* sedikit keluar layar agar mulus */
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(80vmax 60vmax at 50% 20%, transparent 45%, rgba(0,0,0,.45) 100%);
  mix-blend-mode: normal;
}

/* bubble glow kecil (opsional, cantik tapi kalem) */
@keyframes nkFloat { 
  0% { transform:translateY(0) translateX(-10px) scale(1) }
  50%{ transform:translateY(-18px) translateX(8px)  scale(1.05) }
  100%{transform:translateY(0) translateX(-10px) scale(1)}
}
.kou-form .nk-bokeh{
  position:fixed; left:8%; top:72%;
  width:220px; height:220px; border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(99,102,241,.18), rgba(59,130,246,.05) 60%, transparent 70%);
  filter: blur(12px);
  z-index:-1; pointer-events:none;
  animation:nkFloat 10s ease-in-out infinite;
}
.kou-form .nk-bokeh.two{
  left:auto; right:6%; top:18%;
  width:260px; height:260px;
  background:radial-gradient(circle at 70% 40%, rgba(34,197,94,.18), rgba(20,184,166,.06) 60%, transparent 70%);
  animation-duration: 12s;
}

/* --- sentuhan ke container biar nyatu dgn backdrop --- */
.kou-form{
  background:rgba(14,22,39,.78);                  /* transparan dikit */
  backdrop-filter:saturate(120%) blur(2px);
  border:1px solid rgba(99,102,241,.18);
  box-shadow:0 20px 60px rgba(2,6,23,.45), 0 0 0 1px rgba(59,130,246,.08) inset;
}

/* steps bar sedikit glow */
.kou-steps{
  background:linear-gradient(135deg,#12264d 0%, #1b2f59 100%) !important;
  box-shadow:0 6px 18px rgba(2,6,23,.35);
  border-radius:14px;
}
.kou-step{ background:rgba(255,255,255,.06) !important }

/* form controls: teks user selalu terlihat & kontras */
input[type=text], input[type=url], input[type=date], input[type=time],
select, textarea{
  background:#0e1a2e !important;
  color:#e8ecf4 !important;              /* TEKS USER */
  border:1px solid #203354 !important;
}
input::placeholder, textarea::placeholder{
  color:#9fb0c9 !important;              /* PLACEHOLDER JELAS */
  opacity:1 !important;
}
select option{ color:#0b1221 }           /* daftar dropdown tetap gelap */
input, select, textarea{ caret-color:#e8ecf4 }

/* date/time icon kontras */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{
  filter: invert(90%) sepia(10%) saturate(200%) hue-rotate(180deg) !important;
  opacity:.9 !important;
}

/* tombol upload: label terlihat */
input[type="file"]{
  color:#e8ecf4 !important;
}
input[type="file"]::file-.elementor-3431 .elementor-element.elementor-element-0ed4ff5-button{
  background:#1e2b45 !important;
  color:#e8ecf4 !important;
  border:1px solid #31466d !important;
  border-radius:10px !important;
  padding:.55rem .9rem !important;
  margin-right:.6rem !important;
  cursor:pointer;
}
input[type="file"]::file-.elementor-3431 .elementor-element.elementor-element-0ed4ff5-button:hover{
  background:#253559 !important;
}

/* sisipkan bokeh element (1x per halaman) */
.kou-form:not(:has(.nk-bokeh))::after{ content:""; } /* no-op to keep ::after *//* End custom CSS */