/* =========================================================
   ATELPA × Bookly — rezervāciju formas izskats
   Tikai izskats: neviena Bookly funkcija netiek mainīta.
   Bookly krāsu iestatījumi lieto !important, tāpēc arī šeit tas vajadzīgs.
   Ieteikums: Bookly → Appearance galveno krāsu iestatīt uz to pašu --accent.
   ========================================================= */

.atelpa .bookly-form {
  font-family: var(--body) !important;
  color: var(--ink) !important;
  font-size: 1rem !important;
  max-width: none !important;
}
.atelpa .bookly-form * { font-family: inherit !important; }

/* --- soļu josla (dators) --- */
.atelpa .bookly-form .bookly-progress-tracker.bookly-table {
  display: none !important; /* vienmēr rāda kompakto joslu zemāk */
}

/* --- kompaktais mobilais soļu rādītājs --- */
.atelpa .bookly-form .bookly-stepper {
  display: flex !important; gap: 6px; list-style: none; margin: 0 0 1rem !important; padding: 0 !important;
}
.atelpa .bookly-form .bookly-stepper li {
  flex: 1; height: 4px; border-radius: 4px; background: var(--line) !important; margin: 0 !important;
}
.atelpa .bookly-form .bookly-stepper li::before, .atelpa .bookly-form .bookly-stepper li::after { display: none !important; }
.atelpa .bookly-form .bookly-stepper li.bookly-step-active { background: var(--accent) !important; }

/* --- virsraksti un kastes --- */
.atelpa .bookly-form .bookly-box { margin: 0 0 1rem !important; padding: 0 !important; overflow: visible !important; }
.atelpa .bookly-form .bookly-box.bookly-bold,
.atelpa .bookly-form .bookly-bold {
  font-family: var(--display) !important; font-weight: var(--display-weight) !important;
  text-transform: var(--display-case); letter-spacing: var(--display-track);
  font-size: var(--title-size) !important; line-height: 1.15 !important; color: var(--ink) !important;
}
.atelpa .bookly-form .bookly-table { display: grid !important; gap: .8rem; width: 100% !important; }
/* lauki vienā kolonnā — ērtāk ar īkšķi un garie pakalpojumu nosaukumi nav nogriezti */

/* --- lauki --- */
.atelpa .bookly-form .bookly-form-group { margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important; }
.atelpa .bookly-form label {
  display: block !important; margin: 0 0 .45rem !important;
  font-size: .75rem !important; font-weight: 800 !important; letter-spacing: .12em; text-transform: uppercase;
  color: var(--muted) !important;
}
.atelpa .bookly-form select,
.atelpa .bookly-form input[type="text"],
.atelpa .bookly-form input[type="email"],
.atelpa .bookly-form input[type="tel"],
.atelpa .bookly-form textarea {
  width: 100% !important; min-height: 52px !important; height: auto !important;
  padding: .7rem 1rem !important;
  font-size: 16px !important; /* 16px — iPhone nepietuvina lauku */
  font-weight: 600 !important;
  color: var(--ink) !important; background-color: var(--surface-2) !important;
  border: 1.5px solid var(--line) !important; border-radius: 10px !important;
  box-shadow: none !important; outline: none !important;
  transition: border-color .2s ease, background-color .2s ease;
  -webkit-appearance: none; appearance: none;
}
.atelpa .bookly-form select {
  padding-right: 2.75rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23e4c18e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 1rem center !important;
}
.atelpa .bookly-form select:hover,
.atelpa .bookly-form input:hover { border-color: var(--muted) !important; }
.atelpa .bookly-form select:focus,
.atelpa .bookly-form input:focus,
.atelpa .bookly-form textarea:focus { border-color: var(--accent) !important; }
.atelpa .bookly-form .bookly-error,
.atelpa .bookly-form .bookly-label-error { color: #e2603f !important; font-size: .85rem !important; font-weight: 700; }
.atelpa .bookly-form .bookly-error-field { border-color: #e2603f !important; }

/* --- pogas --- */
.atelpa .bookly-form .bookly-nav-steps { display: flex !important; justify-content: space-between; gap: .75rem; margin: 1rem 0 0 !important; }
.atelpa .bookly-form .bookly-next-step, .atelpa .bookly-form .bookly-mobile-next-step { flex: 1; }
.atelpa .bookly-form .bookly-btn,
.atelpa .bookly-form button.bookly-btn {
  min-height: 54px !important; height: auto !important; padding: 0 1.75rem !important;
  font-size: .95rem !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase !important;
  background: var(--accent) !important; color: var(--accent-ink) !important;
  border: 0 !important; border-radius: var(--radius) !important; box-shadow: none !important;
  cursor: pointer; transition: background-color .2s ease, transform .15s ease;
}
.atelpa .bookly-form .bookly-btn:hover { background: var(--accent-hover) !important; }
.atelpa .bookly-form .bookly-btn:active { transform: scale(.97); }
.atelpa .bookly-form .bookly-btn .ladda-label { color: inherit !important; }
.atelpa .bookly-form .bookly-next-step,
.atelpa .bookly-form .bookly-mobile-next-step { flex: 1; }
.atelpa .bookly-form button.bookly-back-step,
.atelpa .bookly-form button.bookly-mobile-prev-step {
  background: transparent !important; color: var(--ink) !important;
  border: 1.5px solid var(--line) !important;
}

/* --- 2. solis: dienas un laiki --- */
.atelpa .bookly-form .bookly-columnizer-wrap { max-width: 100%; overflow: hidden; }
.atelpa .bookly-form .bookly-columnizer { display: flex !important; max-width: 100%; gap: .6rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .5rem; }
.atelpa .bookly-form .bookly-column { display: grid !important; gap: .5rem; align-content: start; min-width: 0; flex: 0 0 calc((100% - 1.2rem) / 3); scroll-snap-align: start; float: none !important; margin: 0 !important; }
.atelpa .bookly-form .bookly-day {
  display: block !important; width: 100% !important; padding: .55rem .4rem !important;
  text-align: center; font-size: .8rem !important; font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase;
  background: var(--surface-2) !important; color: var(--ink) !important; border: 0 !important; border-radius: 8px !important;
}
.atelpa .bookly-form .bookly-hour {
  display: flex !important; align-items: center; justify-content: center; gap: .4rem;
  width: 100% !important; min-height: 48px !important; height: auto !important; padding: 0 .5rem !important;
  font-size: 1rem !important; font-weight: 800 !important; font-variant-numeric: tabular-nums;
  background: transparent !important; color: var(--ink) !important;
  border: 1.5px solid var(--line) !important; border-radius: 8px !important; box-shadow: none !important;
  cursor: pointer; transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.atelpa .bookly-form .bookly-hour:hover { border-color: var(--accent) !important; }
.atelpa .bookly-form .bookly-hour.bookly-slot-selected,
.atelpa .bookly-form .bookly-hour:focus { background: var(--accent) !important; color: var(--accent-ink) !important; border-color: var(--accent) !important; }
.atelpa .bookly-form .bookly-hour.booked,
.atelpa .bookly-form .bookly-hour[disabled] { opacity: .35 !important; text-decoration: line-through; cursor: not-allowed; }
.atelpa .bookly-form .bookly-hour-icon { display: none !important; }

/* --- kalendārs --- */
.atelpa .bookly-form .bookly-js-datepicker-calendar {
  background: var(--bg) !important; color: var(--ink) !important;
  border: 1px solid var(--line) !important; border-radius: 10px !important;
  box-shadow: 0 20px 40px -20px rgba(0,0,0,.6) !important;
}
.atelpa .bookly-form .bookly-js-datepicker-calendar button { color: var(--ink) !important; border-radius: 8px !important; }
.atelpa .bookly-form .bookly-js-datepicker-calendar button:hover { background: var(--surface) !important; }
.atelpa .bookly-form .bookly-js-datepicker-calendar [aria-selected="true"],
.atelpa .bookly-form .bookly-js-datepicker-calendar .bookly\:bg-gray-200 { background: var(--accent) !important; color: var(--accent-ink) !important; }

/* --- apstiprinājums / kopsavilkums --- */
.atelpa .bookly-form .bookly-info-text,
.atelpa .bookly-form .bookly-box:not(.bookly-bold):not(.bookly-nav-steps) { color: var(--ink) !important; }
.atelpa .bookly-form b, .atelpa .bookly-form strong { color: var(--accent) !important; }

/* ===== Labojumi pēc pārbaudes ar īsto Bookly 28.7 ===== */
/* pogu josla: bez līnijas, pogas pilnā platumā */
.atelpa .bookly-form .bookly-nav-steps { border: 0 !important; padding: 0 !important; }
.atelpa .bookly-form .bookly-nav-steps > .bookly-left,
.atelpa .bookly-form .bookly-nav-steps > .bookly-right { float: none !important; flex: 1 1 0; margin: 0 !important; display: flex; }
.atelpa .bookly-form .bookly-nav-steps > .bookly-right { flex-grow: 2; }
.atelpa .bookly-form .bookly-nav-steps button { width: 100% !important; float: none !important; margin: 0 !important; }
.atelpa .bookly-form .bookly-box { border-top: 0 !important; border-bottom: 0 !important; }
.atelpa .bookly-form .bookly-available-date, .atelpa .bookly-form .bookly-week-days, .atelpa .bookly-form .bookly-time-range,
.atelpa .bookly-form .bookly-mobile-step-2 > .bookly-box { border: 0 !important; }

/* laika pogas: cipari redzami */
.atelpa .bookly-form .bookly-hour .ladda-label,
.atelpa .bookly-form .bookly-hour span { color: inherit !important; }

/* Bookly 28 kalendārs (Svelte) — tumšs, jūsu krāsās */
.atelpa .bookly-form .bookly-panel-mark { background: var(--surface-2) !important; border-color: var(--line) !important; border-radius: 12px !important; }
.atelpa .bookly-form .bookly-calendar-controls-mark { border-color: var(--line) !important; }
.atelpa .bookly-form .bookly-calendar-left-button-mark,
.atelpa .bookly-form .bookly-calendar-middle-button-mark,
.atelpa .bookly-form .bookly-calendar-right-button-mark { color: var(--ink) !important; background: transparent !important; }
.atelpa .bookly-form .bookly-calendar-dates-mark div { background: transparent !important; color: var(--muted) !important; }
.atelpa .bookly-form .bookly-calendar-dates-mark .bookly-calendar-current-month-mark { color: var(--ink) !important; border-radius: 8px !important; }
.atelpa .bookly-form .bookly-calendar-dates-mark .bookly-calendar-current-month-mark:hover { background: rgba(228,193,142,.16) !important; }
.atelpa .bookly-form .bookly-calendar-dates-mark .bookly-calendar-current-month-mark.bg-bookly { background: var(--accent) !important; color: var(--accent-ink) !important; }
.atelpa .bookly-form .bookly-calendar-dates-mark .bg-bookly span { color: inherit !important; }

/* mobilā poga "Next" → "Tālāk" (Bookly iestatījumos šis teksts nav tulkojams) */
.atelpa .bookly-form .bookly-mobile-next-step .ladda-label { font-size: 0 !important; }
.atelpa .bookly-form .bookly-mobile-next-step .ladda-label::after { content: "Tālāk"; font-size: .95rem; }

/* ===== Laika izvēle v2: vienmērīgs režģis, tikai brīvie laiki ===== */
.atelpa .bookly-form .bookly-columnizer-wrap { overflow: visible !important; height: auto !important; }
.atelpa .bookly-form .bookly-columnizer { display: block !important; left: 0 !important; overflow: visible !important; width: 100% !important; }
.atelpa .bookly-form .bookly-time-screen { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 8px; width: 100% !important; float: none !important; margin: 0 0 8px !important; }
.atelpa .bookly-form .bookly-column { display: contents !important; }
.atelpa .bookly-form .bookly-day { grid-column: 1 / -1; margin-top: 8px !important; text-align: left; padding: .6rem .8rem !important; }
.atelpa .bookly-form .bookly-day.a-dup { display: none !important; }
.atelpa .bookly-form .bookly-hour.booked,
.atelpa .bookly-form .bookly-hour[disabled] { display: none !important; }
@media (min-width: 640px) { .atelpa .bookly-form .bookly-time-screen { grid-template-columns: repeat(4, 1fr); } }

/* viens nepārtraukts laiku režģis (arī pāri Bookly "lapām") */
.atelpa .bookly-form .bookly-time-step .bookly-columnizer { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.atelpa .bookly-form .bookly-time-step .bookly-time-screen { display: contents !important; }
.atelpa .bookly-form .bookly-time-step .bookly-hour { width: 100% !important; }
@media (min-width: 640px) { .atelpa .bookly-form .bookly-time-step .bookly-columnizer { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.atelpa .bookly-form .bookly-time-step { width: 100% !important; }
.atelpa .bookly-form .bookly-time-step .bookly-day { max-width: none !important; width: 100% !important; }
/* visi dienas laiki jau redzami — "Vēl laiki / iepriekšējie" pogas nav vajadzīgas */
.atelpa .bookly-form .bookly-time-next, .atelpa .bookly-form .bookly-time-prev { display: none !important; }