/* Page-head inline <style> from live softwareseni.co.id /secure-your-slot.
   Transcribed verbatim from the captured page. Rules that could match shared
   or other-page elements are scoped to the page-unique .section-form-sys
   ancestor so this precedence stylesheet does not leak across client nav.
   The WhatsApp/select2 + navbar blocks live in the shared chrome and are NOT
   duplicated here. */

/* ---- form helpers (from the second head <style> block) ---- */

.section-form-sys .category-item:hover {
  border-color: #000;
}
.section-form-sys .dotlottie-wc-2 {
  opacity: 45%;
  filter: grayscale(1);
}

.section-form-sys .category-active:hover .category-icon,
.section-form-sys .category-active:hover .dotlottie-wc-2 {
  opacity: 1;
  filter: grayscale(0);
}

.section-form-sys .category-active:hover .category-label {
  color: #000;
}

.section-form-sys .category-active:hover .cooming-soon-text {
  color: #00AFAA;
  background-color: #E5F7F7;
}

.section-form-sys .category-item:has(input:checked) {
  border-color: #000;
}

.section-form-sys .category-item:has(input:checked) .category-icon,
.section-form-sys .category-item:has(input:checked) .dotlottie-wc-2 {
  opacity: 1;
  filter: grayscale(0);
}

.section-form-sys .category-item:has(input:checked) .category-label {
  color: #000;
}

.section-form-sys .w-input[readonly] {
  background: #fff;
}

.section-form-sys .w-select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* Flat Picker Overrides Style */
.flatpickr-calendar .flatpickr-day:not(.today):hover {
  background: #00AFAA !important;
  border-color: #00AFAA !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected.nextMonthDay {
  background: #00AFAA !important;
  border-color: #00AFAA !important;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #fff !important;
}

/* individual style */
.section-form-sys .batch-item,
.section-form-sys .type-item {
  transition: all 0.2s ease;
  cursor: pointer;
}

.section-form-sys .batch-item.active,
.section-form-sys .type-item.active {
  border-color: #07324A !important;
}

.section-form-sys .radio-custom {
  width: 26px;
  height: 26px;
  border: 2px solid #D8D8DD;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

.section-form-sys .radio-custom::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #07324A;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.2s ease;
}

.section-form-sys .type-item.active .radio-custom {
  border-color: #07324A;
}

.section-form-sys .type-item.active .radio-custom::after {
  transform: translate(-50%, -50%) scale(1);
}

.section-form-sys .is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}

.section-form-sys .is-hidden-error {
  display: none;
}

/* ===== shared-footer suppression (rebuild-only) =====
   Live /secure-your-slot ships its OWN footer (section-footer-update) and has NO
   shared rv-partnership / rv-footer-address / rv-footer. Our root layout renders
   the shared Footer on every route, so hide its parts here to avoid a double
   footer. Navbar + WhatsApp ARE shared/present on this live page, so keep them.
   Guarded by body:has(.ss-secure-slot-page) so it can't leak to other routes
   (this stylesheet is hoisted with precedence and persists across client nav). */
body:has(.ss-secure-slot-page) .rv-partnership,
body:has(.ss-secure-slot-page) .rv-footer-address,
body:has(.ss-secure-slot-page) .rv-footer {
  display: none !important;
}