/*
 * reFRESHa — /programari100/ Bookly integration
 *
 * The rf-booking-active body class is applied by the shared site shell only on
 * the booking page. Every selector in this file is intentionally scoped to it.
 */

body.rf-booking-active {
  --rf-booking-paper: #edf6ee;
  --rf-booking-ink: #06140c;
  --rf-booking-ink-soft: #173326;
  --rf-booking-green: #08795f;
  --rf-booking-mint: #00c98d;
  --rf-booking-red: #ff3b3b;
  --rf-booking-gold: #d5b565;
  --rf-booking-white: #ffffff;
  --rf-booking-line: rgba(6, 20, 12, .14);
  --rf-booking-display: "Montserrat", "Arial Black", Arial, sans-serif;
  --rf-booking-body: "Lato", Arial, sans-serif;
  background: var(--rf-booking-paper);
  color: var(--rf-booking-ink);
}

body.rf-booking-active #content.site-content {
  position: relative;
  min-height: 640px;
  padding: clamp(38px, 5vw, 76px) 0 clamp(64px, 7vw, 110px);
  overflow-x: clip;
  overflow-y: visible;
  background:
    radial-gradient(circle at 8% 8%, rgba(0, 201, 141, .12), transparent 28%),
    radial-gradient(circle at 93% 72%, rgba(255, 59, 59, .075), transparent 24%),
    linear-gradient(180deg, #f4faf5 0%, var(--rf-booking-paper) 100%);
  isolation: isolate;
}

body.rf-booking-active #content.site-content::before,
body.rf-booking-active #content.site-content::after {
  position: absolute;
  z-index: -1;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(0, 201, 141, .14);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

body.rf-booking-active #content.site-content::before {
  top: 84px;
  left: -230px;
  box-shadow: 0 0 0 38px rgba(0, 201, 141, .025);
}

body.rf-booking-active #content.site-content::after {
  right: -250px;
  bottom: 80px;
  border-color: rgba(213, 181, 101, .19);
  box-shadow: 0 0 0 54px rgba(213, 181, 101, .025);
}

body.rf-booking-active #content > .ast-container {
  display: block;
  width: min(100%, 1260px);
  max-width: 1260px;
  margin-inline: auto;
  padding-inline: clamp(18px, 3vw, 38px);
}

body.rf-booking-active #primary,
body.rf-booking-active #main,
body.rf-booking-active #post-5955 {
  float: none;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body.rf-booking-active #post-5955,
body.rf-booking-active #post-5955.ast-article-single {
  background: transparent;
  box-shadow: none;
}

body.rf-booking-active #post-5955 .entry-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 54px);
  overflow: visible;
  border: 1px solid rgba(6, 20, 12, .1);
  border-radius: 32px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(250, 253, 250, .96));
  box-shadow:
    0 34px 90px rgba(6, 20, 12, .11),
    inset 0 1px rgba(255, 255, 255, .9);
}

body.rf-booking-active #post-5955 .entry-content > .wp-block-paragraph:first-child,
body.rf-booking-active #post-5955 .entry-content > p:first-child {
  max-width: 760px;
  margin: 0 0 clamp(26px, 4vw, 44px);
  padding: 0 0 clamp(22px, 3vw, 32px);
  border-bottom: 1px solid var(--rf-booking-line);
  color: #30443a;
  font-family: var(--rf-booking-body);
  font-size: clamp(17px, 1.8vw, 22px);
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: -.012em;
}

body.rf-booking-active #post-5955 .entry-content > .wp-block-paragraph:first-child::before,
body.rf-booking-active #post-5955 .entry-content > p:first-child::before {
  display: block;
  margin-bottom: 12px;
  color: var(--rf-booking-green);
  content: "PROGRAMARE ONLINE";
  font-family: var(--rf-booking-display);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .17em;
  line-height: 1.2;
}

/* Bookly root and resilient layout hooks. */
body.rf-booking-active .bookly-staff-form-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1060px;
  min-width: 0;
  margin-inline: auto;
  --bookly-color: var(--rf-booking-green);
  --bookly-theme-ink: var(--rf-booking-ink);
  --bookly-theme-bg: transparent;
  --bookly-shadow-color: rgba(6, 20, 12, .085);
  --bookly-shadow-color-hover: rgba(6, 20, 12, .14);
}

body.rf-booking-active .bookly-staff-form-container,
body.rf-booking-active .bookly-staff-form-container *,
body.rf-booking-active .bookly-staff-form-container *::before,
body.rf-booking-active .bookly-staff-form-container *::after {
  box-sizing: border-box;
}

body.rf-booking-active .bookly-staff-form-container .bookly-css-root {
  width: 100%;
  min-width: 0;
  color: var(--rf-booking-ink);
  background: transparent !important;
  font-family: var(--rf-booking-body);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.rf-booking-active .bookly-staff-form-container .bookly-search-form,
body.rf-booking-active .bookly-staff-form-container .bookly-form-frame-mark {
  width: 100%;
  min-width: 0;
  margin: 0;
  background: transparent !important;
}

body.rf-booking-active .bookly-staff-form-container h1,
body.rf-booking-active .bookly-staff-form-container h2,
body.rf-booking-active .bookly-staff-form-container h3,
body.rf-booking-active .bookly-staff-form-container h4,
body.rf-booking-active .bookly-staff-form-container .bookly-card-title-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-calendar-title-mark {
  color: var(--rf-booking-ink);
  font-family: var(--rf-booking-display);
  font-weight: 800;
  letter-spacing: -.025em;
}

body.rf-booking-active .bookly-staff-form-container p,
body.rf-booking-active .bookly-staff-form-container label,
body.rf-booking-active .bookly-staff-form-container button,
body.rf-booking-active .bookly-staff-form-container input,
body.rf-booking-active .bookly-staff-form-container select,
body.rf-booking-active .bookly-staff-form-container textarea {
  font-family: var(--rf-booking-body);
}

body.rf-booking-active .bookly-staff-form-container .bookly-muted-mark,
body.rf-booking-active .bookly-staff-form-container [class*="bookly:text-slate-400"],
body.rf-booking-active .bookly-staff-form-container [class*="bookly:text-slate-500"] {
  color: #5e7167 !important;
}

body.rf-booking-active .bookly-staff-form-container .bookly-divider-mark {
  border-color: var(--rf-booking-line) !important;
}

/* Steps / breadcrumbs. */
body.rf-booking-active .bookly-staff-form-container .bookly-breadcrumbs-mark {
  align-items: center;
  gap: 7px;
  margin: 0 0 28px;
  padding: 0 0 20px !important;
  overflow-x: auto;
  border-bottom: 1px solid var(--rf-booking-line);
  scrollbar-width: thin;
  scrollbar-color: rgba(6, 20, 12, .26) transparent;
}

body.rf-booking-active .bookly-staff-form-container .bookly-breadcrumbs-mark button {
  min-height: 42px;
  border-radius: 999px !important;
  font-family: var(--rf-booking-display);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .055em;
  white-space: nowrap;
}

/* Filters and controls. */
body.rf-booking-active .bookly-staff-form-container .bookly-search-form-filters {
  gap: 14px;
  margin-bottom: 24px;
}

body.rf-booking-active .bookly-staff-form-container .bookly-filters-toggle-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-filter-chips-mark {
  border-color: var(--rf-booking-line) !important;
  border-radius: 14px !important;
  background: #f8fbf8 !important;
}

body.rf-booking-active .bookly-staff-form-container .bookly-select-container,
body.rf-booking-active .bookly-staff-form-container .bookly-input-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-dropdown-mark {
  min-width: 0;
}

body.rf-booking-active .bookly-staff-form-container .bookly-select-container select,
body.rf-booking-active .bookly-staff-form-container .bookly-input-mark,
body.rf-booking-active .bookly-staff-form-container input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.rf-booking-active .bookly-staff-form-container select,
body.rf-booking-active .bookly-staff-form-container textarea {
  min-height: 48px;
  border: 1px solid rgba(6, 20, 12, .2) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--rf-booking-ink) !important;
  box-shadow: none !important;
  font-size: 16px;
}

body.rf-booking-active .bookly-staff-form-container textarea {
  min-height: 116px;
  resize: vertical;
}

body.rf-booking-active .bookly-staff-form-container input::placeholder,
body.rf-booking-active .bookly-staff-form-container textarea::placeholder {
  color: #566b61;
  opacity: 1;
}

body.rf-booking-active .bookly-staff-form-container input[type="checkbox"],
body.rf-booking-active .bookly-staff-form-container input[type="radio"] {
  accent-color: var(--rf-booking-green);
}

body.rf-booking-active .bookly-staff-form-container .iti {
  width: 100%;
}

/* Cards shared by staff, services, extras and payment options. */
body.rf-booking-active .bookly-staff-form-container .bookly-cards-grid-mark {
  gap: 18px !important;
}

body.rf-booking-active .bookly-staff-form-container .bookly-card-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-panel-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-payment-gateway-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-chain-item-mark {
  border: 1px solid rgba(6, 20, 12, .14) !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: var(--rf-booking-ink) !important;
  box-shadow: 0 12px 34px rgba(6, 20, 12, .07) !important;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

body.rf-booking-active .bookly-staff-form-container .bookly-card-mark:hover,
body.rf-booking-active .bookly-staff-form-container .bookly-payment-gateway-mark:hover {
  border-color: rgba(8, 121, 95, .7) !important;
  box-shadow: 0 17px 40px rgba(6, 20, 12, .12) !important;
  transform: translateY(-2px);
}

body.rf-booking-active .bookly-staff-form-container .bookly-card-body-mark {
  color: var(--rf-booking-ink);
}

body.rf-booking-active .bookly-staff-form-container .bookly-card-price-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-service-price-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-extras-price-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-gift-price-mark {
  color: var(--rf-booking-green) !important;
  font-weight: 800;
}

/* Staff image cards: the existing Bookly body is intentionally hidden by the
 * form's own custom CSS; this styles the visible, clickable image header. */
body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark {
  position: relative;
  flex: 1 1 calc((100% - 36px) / 3) !important;
  width: auto !important;
  min-width: 240px !important;
  max-width: calc((100% - 36px) / 3) !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(6, 20, 12, .16) !important;
  border-radius: 20px !important;
  background: var(--rf-booking-ink) !important;
  box-shadow: 0 14px 36px rgba(6, 20, 12, .11) !important;
  isolation: isolate;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

body.rf-booking-active .bookly-staff-form-container .bookly\:flex.bookly\:flex-wrap:has(> .bookly-staffs-staff-mark) {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 18px;
}

body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark:hover,
body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark:focus-visible,
body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark[aria-pressed="true"] {
  border-color: var(--rf-booking-mint) !important;
  box-shadow: 0 18px 44px rgba(6, 20, 12, .18) !important;
  transform: translateY(-3px);
}

body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark > div:first-child,
body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark .bookly-card-header-mark {
  height: 194px !important;
  min-height: 194px;
  overflow: hidden;
  border: 0 !important;
  background: #26302b !important;
}

body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark img {
  display: block;
  width: 100% !important;
  height: 194px !important;
  max-width: none;
  object-fit: cover !important;
  object-position: center 24%;
  filter: saturate(.92) contrast(1.025);
  transition: filter .45s ease, transform .6s cubic-bezier(.2, .75, .18, 1);
}

body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark:hover img,
body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark:focus-visible img {
  filter: saturate(1) contrast(1.02);
  transform: scale(1.035);
}

body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark [class~="bookly:card-title"],
body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark .bookly-card-title-mark {
  right: 10px !important;
  bottom: 10px !important;
  max-width: calc(100% - 20px);
  padding: 9px 12px !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 11px !important;
  background: rgba(6, 20, 12, .92) !important;
  color: #fff !important;
  box-shadow: 0 9px 26px rgba(0, 0, 0, .2);
  font-family: var(--rf-booking-display);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -.015em;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark[aria-pressed="true"]::after {
  position: absolute;
  z-index: 4;
  top: 12px;
  left: 12px;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 50%;
  background: var(--rf-booking-green);
  color: white;
  content: "\2713";
  font-size: 16px;
  font-weight: 900;
}

/* Actions and state colours. Dimensions remain owned by Bookly. */
body.rf-booking-active .bookly-staff-form-container [class~="bg-bookly"] {
  background-color: var(--rf-booking-green) !important;
}

body.rf-booking-active .bookly-staff-form-container [class~="text-bookly"] {
  color: var(--rf-booking-green) !important;
}

body.rf-booking-active .bookly-staff-form-container [class~="border-bookly"] {
  border-color: var(--rf-booking-green) !important;
}

body.rf-booking-active .bookly-staff-form-container button,
body.rf-booking-active .bookly-staff-form-container [role="button"] {
  touch-action: manipulation;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.rf-booking-active .bookly-staff-form-container button[class~="bg-bookly"]:hover,
body.rf-booking-active .bookly-staff-form-container a[class~="bg-bookly"]:hover {
  background-color: var(--rf-booking-ink) !important;
}

body.rf-booking-active .bookly-staff-form-container button:disabled,
body.rf-booking-active .bookly-staff-form-container [aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .56;
}

body.rf-booking-active .bookly-staff-form-container .bookly-slot-free-mark {
  border-color: rgba(8, 121, 95, .32) !important;
  border-radius: 10px !important;
  background: rgba(0, 201, 141, .065) !important;
  color: var(--rf-booking-ink) !important;
  font-weight: 700;
}

body.rf-booking-active .bookly-staff-form-container .bookly-slot-free-mark:hover,
body.rf-booking-active .bookly-staff-form-container .bookly-slot-free-mark[aria-pressed="true"] {
  border-color: var(--rf-booking-green) !important;
  background: var(--rf-booking-green) !important;
  color: #fff !important;
}

/* Calendar, summary, cart and completion states. */
body.rf-booking-active .bookly-staff-form-container .bookly-search-form-calendar {
  overflow: hidden;
  border: 1px solid var(--rf-booking-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 36px rgba(6, 20, 12, .065);
}

body.rf-booking-active .bookly-staff-form-container .bookly-calendar-controls-mark {
  border-bottom: 1px solid var(--rf-booking-line);
  background: #f8fbf8;
}

body.rf-booking-active .bookly-staff-form-container .bookly-calendar-left-button-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-calendar-middle-button-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-calendar-right-button-mark {
  min-height: 44px;
  color: var(--rf-booking-ink) !important;
}

body.rf-booking-active .bookly-staff-form-container .bookly-summary-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-chain-popover-mark {
  overflow: hidden;
  border: 1px solid var(--rf-booking-line) !important;
  border-radius: 18px !important;
  background: #f8fbf8 !important;
  color: var(--rf-booking-ink) !important;
  box-shadow: 0 16px 40px rgba(6, 20, 12, .08) !important;
}

body.rf-booking-active .bookly-staff-form-container .bookly-summary-row-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-cart-item-header-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-back-divider-mark {
  border-color: var(--rf-booking-line) !important;
}

body.rf-booking-active .bookly-staff-form-container .bookly-summary-price-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-chain-total-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-back-price-mark {
  color: var(--rf-booking-green) !important;
  font-weight: 800;
}

body.rf-booking-active .bookly-staff-form-container .bookly-notice-mark {
  border: 1px solid rgba(213, 181, 101, .42) !important;
  border-radius: 14px !important;
  background: #fffaf0 !important;
  color: #4b3a12 !important;
}

body.rf-booking-active .bookly-staff-form-container .bookly-done-step-status-text-mark {
  color: var(--rf-booking-green) !important;
  font-family: var(--rf-booking-display);
  font-weight: 800;
}

body.rf-booking-active .bookly-staff-form-container .bookly-modal-backdrop-mark {
  background: rgba(6, 20, 12, .66) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

body.rf-booking-active .bookly-staff-form-container .bookly-modal-header-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-modal-body-mark,
body.rf-booking-active .bookly-staff-form-container .bookly-modal-footer-mark {
  border-color: var(--rf-booking-line) !important;
  background: #fff !important;
  color: var(--rf-booking-ink) !important;
}

/* Keyboard visibility must remain strong on the pale page and dark staff cards. */
body.rf-booking-active .bookly-staff-form-container button:focus-visible,
body.rf-booking-active .bookly-staff-form-container a:focus-visible,
body.rf-booking-active .bookly-staff-form-container [role="button"]:focus-visible,
body.rf-booking-active .bookly-staff-form-container input:focus-visible,
body.rf-booking-active .bookly-staff-form-container select:focus-visible,
body.rf-booking-active .bookly-staff-form-container textarea:focus-visible {
  outline: 3px solid var(--rf-booking-gold) !important;
  outline-offset: 3px !important;
}

body.rf-booking-active .bookly-staff-form-container input:focus,
body.rf-booking-active .bookly-staff-form-container select:focus,
body.rf-booking-active .bookly-staff-form-container textarea:focus,
body.rf-booking-active .bookly-staff-form-container .bookly-input-mark:focus-within {
  border-color: var(--rf-booking-green) !important;
  box-shadow: 0 0 0 4px rgba(0, 201, 141, .11) !important;
}

@media (max-width: 767px) {
  body.rf-booking-active #content.site-content {
    min-height: 520px;
    padding: 26px 0 60px;
  }

  body.rf-booking-active #content > .ast-container {
    width: 100%;
    padding-inline: 10px !important;
  }

  body.rf-booking-active #post-5955 .entry-content {
    padding: 22px 12px 26px;
    border-radius: 24px;
    box-shadow: 0 20px 54px rgba(6, 20, 12, .1);
  }

  body.rf-booking-active #post-5955 .entry-content > .wp-block-paragraph:first-child,
  body.rf-booking-active #post-5955 .entry-content > p:first-child {
    margin-bottom: 24px;
    padding: 0 6px 22px;
    font-size: 17px;
    line-height: 1.55;
  }

  body.rf-booking-active .bookly-staff-form-container {
    --bookly-card-width: 100%;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-css-root {
    font-size: 15px;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-breadcrumbs-mark {
    gap: 5px;
    margin-bottom: 22px;
    padding: 0 2px 16px !important;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-breadcrumbs-mark button {
    min-height: 40px;
    padding-inline: 12px !important;
    font-size: 10px;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-search-form-filters {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-search-form-left,
  body.rf-booking-active .bookly-staff-form-container .bookly-search-form-right {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-cards-grid-mark {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly\:flex.bookly\:flex-wrap:has(> .bookly-staffs-staff-mark) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark > div:first-child,
  body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark .bookly-card-header-mark,
  body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark img {
    height: 176px !important;
    min-height: 176px;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark [class~="bookly:card-title"],
  body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark .bookly-card-title-mark {
    right: 9px !important;
    bottom: 9px !important;
    max-width: calc(100% - 18px);
    padding: 9px 11px !important;
    font-size: 14px;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-card-mark,
  body.rf-booking-active .bookly-staff-form-container .bookly-panel-mark,
  body.rf-booking-active .bookly-staff-form-container .bookly-payment-gateway-mark,
  body.rf-booking-active .bookly-staff-form-container .bookly-chain-item-mark,
  body.rf-booking-active .bookly-staff-form-container .bookly-summary-mark,
  body.rf-booking-active .bookly-staff-form-container .bookly-search-form-calendar {
    border-radius: 15px !important;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-select-container select,
  body.rf-booking-active .bookly-staff-form-container .bookly-input-mark,
  body.rf-booking-active .bookly-staff-form-container input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.rf-booking-active .bookly-staff-form-container select {
    min-height: 50px;
    font-size: 16px;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-modal-body-mark {
    max-width: calc(100vw - 20px);
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
    border-radius: 18px !important;
  }
}

@media (max-width: 380px) {
  body.rf-booking-active #content > .ast-container {
    padding-inline: 7px !important;
  }

  body.rf-booking-active #post-5955 .entry-content {
    padding-inline: 9px;
    border-radius: 20px;
  }

  body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark > div:first-child,
  body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark .bookly-card-header-mark,
  body.rf-booking-active .bookly-staff-form-container .bookly-staffs-staff-mark img {
    height: 164px !important;
    min-height: 164px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.rf-booking-active .bookly-staff-form-container *,
  body.rf-booking-active .bookly-staff-form-container *::before,
  body.rf-booking-active .bookly-staff-form-container *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}