.elementor-3054 .elementor-element.elementor-element-52b2e42{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-e82227a *//* استایل Bookly — فرهنگسرای درچه
   ظاهر → سفارشی‌سازی → CSS اضافی */

@font-face {
  font-family: sc_iranyekan;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://farhang.dorcheh.ir/wp-content/plugins/studiare-core/includes/fonts/iranyekan/IRANYekanXFaNum-Regular.woff2") format("woff2"),
       url("https://farhang.dorcheh.ir/wp-content/plugins/studiare-core/includes/fonts/iranyekan/IRANYekanXFaNum-Regular.woff") format("woff");
}

@font-face {
  font-family: sc_iranyekan;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://farhang.dorcheh.ir/wp-content/plugins/studiare-core/includes/fonts/iranyekan/IRANYekanXFaNum-Medium.woff2") format("woff2"),
       url("https://farhang.dorcheh.ir/wp-content/plugins/studiare-core/includes/fonts/iranyekan/IRANYekanXFaNum-Medium.woff") format("woff");
}

@font-face {
  font-family: sc_iranyekan;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://farhang.dorcheh.ir/wp-content/plugins/studiare-core/includes/fonts/iranyekan/IRANYekanXFaNum-Bold.woff2") format("woff2"),
       url("https://farhang.dorcheh.ir/wp-content/plugins/studiare-core/includes/fonts/iranyekan/IRANYekanXFaNum-Bold.woff") format("woff");
}

.bookly-search-form-container,
.bookly-css-root,
.bookly-modal-backdrop-mark,
.bookly-form {
  --navy: #050760;
  --navy-2: #16186a;
  --gold: #d4a017;
  --text: #1e2230;
  --mute: #7a8090;
  --line: #eceef4;
  --soft: #f5f6fa;
  --white: #ffffff;
  --r: 8px;
  font-family: sc_iranyekan, Tahoma, sans-serif !important;
}

.bookly-search-form-container,
.bookly-css-root,
.bookly-css-root *,
.bookly-search-form-container *,
.bookly-modal-backdrop-mark,
.bookly-modal-backdrop-mark *,
.bookly-form,
.bookly-form * {
  font-family: sc_iranyekan, Tahoma, sans-serif !important;
}

.elementor-element-db2a23f .bookly-search-form-container,
.elementor-element-fde9736 .bookly-search-form-container,
.bookly-search-form-container {
  direction: rtl !important;
  color: var(--text) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.bookly-search-form-container .bookly\:border-default-border {
  border: none !important;
  background: transparent !important;
}

.bookly-search-form-container .bookly-search-form {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  background: var(--white) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

.bookly-search-form-container .bookly-search-form-left {
  background: var(--soft) !important;
  border-left: 1px solid var(--line) !important;
  padding: 1.15rem 1rem 1.3rem !important;
  flex: 0 0 300px !important;
  width: 300px !important;
  max-width: 300px !important;
  min-width: 270px !important;
  box-sizing: border-box !important;
}

.bookly-search-form-container .bookly-search-form-right {
  background: var(--white) !important;
  padding: 1.15rem 1.2rem 1.35rem !important;
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.bookly-search-form-container .bookly-search-form-right > .bookly\:flex,
.bookly-search-form-container .bookly-search-form-right .bookly\:flex.bookly\:flex-wrap {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 16px !important;
}

.bookly-search-form-container .bookly-search-form-calendar > div {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.bookly-search-form-container .bookly-calendar-controls-mark {
  border-bottom: 0 !important;
  margin-bottom: 0.45rem !important;
  padding-bottom: 0.2rem !important;
}

.bookly-search-form-container .bookly-calendar-middle-button-mark {
  color: var(--navy) !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  border-radius: var(--r) !important;
}

.bookly-search-form-container .bookly-calendar-middle-button-mark:hover,
.bookly-search-form-container .bookly-calendar-left-button-mark:hover,
.bookly-search-form-container .bookly-calendar-right-button-mark:hover {
  background: var(--navy) !important;
  color: #fff !important;
}

.bookly-search-form-container .bookly-calendar-left-button-mark,
.bookly-search-form-container .bookly-calendar-right-button-mark {
  color: var(--navy) !important;
  border-radius: var(--r) !important;
}

.bookly-search-form-container .bookly-calendar-dates-mark > .bookly\:flex.bookly\:flex-row {
  border-bottom: 0 !important;
  margin-bottom: 0.15rem !important;
}

.bookly-search-form-container .bookly-calendar-dates-mark > .bookly\:flex.bookly\:flex-row > div {
  color: var(--mute) !important;
  font-weight: 600 !important;
  font-size: 0.72rem !important;
}

.bookly-search-form-container .bookly-calendar-current-month-mark {
  border-radius: 7px !important;
  margin: 1px !important;
}

.bookly-search-form-container .bookly-calendar-current-month-mark:not(.pointer-events-none):hover {
  background: #eceefa !important;
  color: var(--navy) !important;
}

.bookly-search-form-container .bg-bookly,
.bookly-css-root .bg-bookly,
.bookly-modal-backdrop-mark .bg-bookly {
  background: var(--navy) !important;
  color: #fff !important;
}

.bookly-search-form-container .text-bookly,
.bookly-css-root .text-bookly,
.bookly-modal-backdrop-mark .text-bookly {
  color: var(--navy) !important;
}

.bookly-search-form-container .hover\:bg-bookly:hover,
.bookly-css-root .hover\:bg-bookly:hover,
.bookly-modal-backdrop-mark .hover\:bg-bookly:hover {
  background: var(--navy) !important;
}

.bookly-search-form-container .bookly-select-container select,
.bookly-css-root .bookly-select-container select,
.bookly-modal-backdrop-mark .bookly-select-container select {
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
  color: var(--text) !important;
  background-color: var(--white) !important;
  box-shadow: none !important;
}

.bookly-search-form-container .bookly-select-container select:focus,
.bookly-css-root .bookly-select-container select:focus,
.bookly-modal-backdrop-mark .bookly-select-container select:focus {
  border-color: var(--navy) !important;
  box-shadow: none !important;
  outline: none !important;
}

.bookly-search-form-container .bookly-select-container label,
.bookly-css-root .bookly-select-container label,
.bookly-modal-backdrop-mark .bookly-select-container label {
  color: var(--mute) !important;
  font-weight: 500 !important;
  font-size: 11px !important;
}

.bookly-search-form-container .bookly-service-card-mark,
.bookly-search-form-container .bookly-card-mark {
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: var(--white) !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  flex: 0 0 260px !important;
  box-sizing: border-box !important;
}

.bookly-search-form-container .bookly-service-card-mark:hover,
.bookly-search-form-container .bookly-card-mark:hover {
  transform: none !important;
  border-color: #c9cde0 !important;
  box-shadow: none !important;
  background: var(--white) !important;
}

.bookly-search-form-container .bookly-card-header-mark {
  background: var(--navy) !important;
}

.bookly-search-form-container .bookly\:card-title {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: var(--navy) !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
}

.bookly-search-form-container .bookly-card-text-mark {
  color: var(--text) !important;
  font-size: 0.88rem !important;
}

.bookly-search-form-container .bookly-service-price-mark {
  color: var(--navy) !important;
  font-weight: 700 !important;
}

.bookly-search-form-container .bookly-service-price-mark span {
  background: transparent !important;
  color: var(--navy) !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
}

.bookly-search-form-container .bookly-card-text-mark i {
  color: var(--gold) !important;
}

.bookly-search-form-container .text-bookly.border-bookly {
  border-color: var(--navy) !important;
  color: var(--navy) !important;
  border-radius: var(--r) !important;
  font-weight: 700 !important;
}

.bookly-search-form-container .text-bookly.border-bookly:hover {
  background: var(--navy) !important;
  color: #fff !important;
}

.bookly-modal-backdrop-mark {
  background: rgba(5, 7, 96, 0.42) !important;
}

.bookly-modal-header-mark,
.bookly-css-root [class*="-step-header-mark"] {
  background: var(--white) !important;
  color: var(--navy) !important;
  border-radius: 12px 12px 0 0 !important;
  border-bottom: 1px solid var(--line) !important;
  padding: 0.95rem 1.15rem 0.85rem !important;
  font-weight: 700 !important;
}

.bookly-modal-header-mark .bookly-summary-mark,
.bookly-css-root [class*="-step-header-mark"] .bookly-summary-mark,
.bookly-modal-header-mark > div,
.bookly-css-root [class*="-step-header-mark"] > div {
  background: var(--soft) !important;
  color: var(--navy) !important;
  border: 0 !important;
  border-radius: var(--r) !important;
  box-shadow: none !important;
  padding: 0.75rem 0.95rem !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.bookly-modal-header-mark .bookly\:flex,
.bookly-css-root [class*="-step-header-mark"] .bookly\:flex,
.bookly-summary-mark,
.bookly-modal-header-mark .bookly-summary-mark > div,
.bookly-css-root [class*="-step-header-mark"] .bookly-summary-mark > div {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 1.1rem !important;
}

.bookly-modal-header-mark .bookly\:flex-col,
.bookly-css-root [class*="-step-header-mark"] .bookly\:flex-col {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.12rem !important;
  min-width: 0 !important;
  flex: 1 1 0 !important;
}

.bookly-summary-mark,
.bookly-summary-price-mark,
.bookly-summary-service-title-mark,
.bookly-summary-staff-name-mark {
  color: var(--navy) !important;
}

.bookly-summary-price-mark {
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.bookly-modal-body-mark,
.bookly-css-root [class*="-step-body-mark"] {
  background: var(--white) !important;
  color: var(--text) !important;
  padding: 1.2rem 1.15rem !important;
}

.bookly-modal-footer-mark,
.bookly-css-root [class*="-step-footer-mark"] {
  background: var(--soft) !important;
  border-top: 1px solid var(--line) !important;
  border-radius: 0 0 12px 12px !important;
  padding: 0.85rem 1.1rem !important;
  gap: 0.45rem !important;
}

.bookly-search-form-container .bookly-search-form-right > .bookly\:mb-2,
.bookly-modal-body-mark > .bookly\:mb-2,
.bookly-modal-body-mark > .bookly\:mb-4,
.bookly-css-root [class*="-step-body-mark"] > .bookly\:mb-2,
.bookly-css-root [class*="-step-body-mark"] > .bookly\:mb-4 {
  color: var(--navy) !important;
  font-weight: 700 !important;
  font-size: 0.94rem !important;
  margin-bottom: 1rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  line-height: 1.7 !important;
}

.bookly-css-root .bookly\:relative,
.bookly-modal-backdrop-mark .bookly\:relative,
.bookly-css-root .bookly-select-container,
.bookly-modal-backdrop-mark .bookly-select-container {
  position: relative !important;
  margin-bottom: 0.85rem !important;
  display: block !important;
  width: 100% !important;
}

.bookly-css-root .bookly\:relative > label,
.bookly-modal-backdrop-mark .bookly\:relative > label,
.bookly-css-root .bookly-select-container > label,
.bookly-modal-backdrop-mark .bookly-select-container > label {
  position: absolute !important;
  top: 8px !important;
  inset-inline-start: 14px !important;
  inset-inline-end: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: var(--mute) !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: 3 !important;
  white-space: nowrap !important;
  max-width: calc(100% - 28px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.bookly-css-root input[type="text"],
.bookly-css-root input[type="email"],
.bookly-css-root input[type="tel"],
.bookly-css-root input[type="password"],
.bookly-css-root input[type="number"],
.bookly-css-root input[type="date"],
.bookly-css-root textarea,
.bookly-css-root select,
.bookly-modal-backdrop-mark input[type="text"],
.bookly-modal-backdrop-mark input[type="email"],
.bookly-modal-backdrop-mark input[type="tel"],
.bookly-modal-backdrop-mark input[type="password"],
.bookly-modal-backdrop-mark input[type="number"],
.bookly-modal-backdrop-mark textarea,
.bookly-modal-backdrop-mark select,
.bookly-form input,
.bookly-form textarea,
.bookly-form select,
.bookly-form-group input,
.bookly-form-group textarea,
.bookly-form-group select {
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
  background: var(--soft) !important;
  color: var(--navy) !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 22px 14px 8px !important;
  box-shadow: none !important;
  outline: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-size: 0.94rem !important;
  font-weight: 600 !important;
}

.bookly-css-root textarea,
.bookly-modal-backdrop-mark textarea,
.bookly-form textarea {
  height: auto !important;
  min-height: 96px !important;
  padding-top: 26px !important;
}

.bookly-css-root input:focus,
.bookly-css-root textarea:focus,
.bookly-css-root select:focus,
.bookly-modal-backdrop-mark input:focus,
.bookly-modal-backdrop-mark textarea:focus,
.bookly-modal-backdrop-mark select:focus,
.bookly-form input:focus,
.bookly-form textarea:focus,
.bookly-form select:focus {
  border-color: var(--navy) !important;
  background: var(--white) !important;
  box-shadow: none !important;
}

.bookly-css-root input::placeholder,
.bookly-modal-backdrop-mark input::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

.bookly-css-root button,
.bookly-modal-backdrop-mark button,
.bookly-form .bookly-btn,
.bookly-btn,
.bookly-btn-submit {
  border-radius: var(--r) !important;
  font-weight: 700 !important;
  min-height: 42px !important;
}

.bookly-modal-footer-mark .text-bookly.border-bookly,
.bookly-css-root [class*="-step-footer-mark"] .text-bookly.border-bookly,
.bookly-btn-submit,
.bookly-form .bookly-btn {
  background: var(--navy) !important;
  color: #fff !important;
  border: 1px solid var(--navy) !important;
  box-shadow: none !important;
  padding-inline: 1.2rem !important;
}

.bookly-modal-footer-mark .text-bookly.border-bookly:hover,
.bookly-css-root [class*="-step-footer-mark"] .text-bookly.border-bookly:hover,
.bookly-btn-submit:hover,
.bookly-form .bookly-btn:hover {
  background: var(--navy-2) !important;
  color: #fff !important;
  opacity: 1 !important;
}

.bookly-css-root .bg-bookly,
.bookly-modal-backdrop-mark .bg-bookly {
  background: var(--navy) !important;
  color: #fff !important;
  border-color: var(--navy) !important;
}

.bookly-modal-footer-mark .bookly\:bg-white,
.bookly-css-root [class*="-step-footer-mark"] .bookly\:bg-white,
.bookly-btn-cancel {
  background: var(--white) !important;
  color: var(--navy) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}

.bookly-modal-footer-mark .bookly\:bg-white:hover,
.bookly-css-root [class*="-step-footer-mark"] .bookly\:bg-white:hover {
  background: var(--white) !important;
  border-color: var(--navy) !important;
}

.bookly-slot-free-mark,
.bookly-css-root .bookly-slot-free-mark,
.bookly-modal-body-mark .bookly\:flex.bookly\:flex-wrap > button,
.bookly-css-root [class*="-step-body-mark"] .bookly\:flex.bookly\:flex-wrap > button,
.bookly-modal-body-mark button.bookly\:h-10,
.bookly-css-root [class*="-step-body-mark"] button.bookly\:h-10 {
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
  background: var(--soft) !important;
  color: var(--navy) !important;
  font-weight: 700 !important;
  min-height: 44px !important;
  min-width: 86px !important;
  padding: 0.45rem 0.9rem !important;
  margin: 0.2rem !important;
  box-shadow: none !important;
}

.bookly-slot-free-mark:hover,
.bookly-css-root .bookly-slot-free-mark:hover,
.bookly-modal-body-mark .bookly\:flex.bookly\:flex-wrap > button:hover,
.bookly-css-root [class*="-step-body-mark"] .bookly\:flex.bookly\:flex-wrap > button:hover {
  background: #eceefa !important;
  border-color: #d5d8ea !important;
  color: var(--navy) !important;
  transform: none !important;
}

.bookly-slot-free-mark.bg-bookly,
.bookly-css-root .bookly-slot-free-mark.bg-bookly,
.bookly-modal-body-mark .bookly\:flex.bookly\:flex-wrap > button.bg-bookly,
.bookly-css-root [class*="-step-body-mark"] .bookly\:flex.bookly\:flex-wrap > button.bg-bookly {
  background: var(--navy) !important;
  color: #fff !important;
  border-color: var(--navy) !important;
  box-shadow: none !important;
}

.bookly-slot-waiting-list-mark {
  border-radius: var(--r) !important;
  opacity: 0.5 !important;
}

.bookly-cart-item-header-mark,
.bookly-collapse-card-mark,
.bookly-payment-gateway-mark {
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
  background: var(--white) !important;
  box-shadow: none !important;
}

.bookly-payment-gateway-mark {
  padding: 0.8rem 1rem !important;
  cursor: pointer !important;
}

.bookly-payment-gateway-mark:hover {
  border-color: var(--navy) !important;
  background: var(--soft) !important;
}

.bookly-cart-button-mark {
  background: var(--navy) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.bookly-cart-items-count-mark {
  background: var(--gold) !important;
  color: var(--navy) !important;
  font-weight: 700 !important;
}

.bookly-done-step-text-mark,
.bookly-done-step-status-text-mark {
  color: var(--navy) !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.bookly-done-step-secondary-text-mark {
  color: var(--mute) !important;
  text-align: center !important;
}

.bookly-done-step-order-id-mark,
.bookly-done-step-event-attendee-code-mark {
  color: var(--navy) !important;
  font-weight: 700 !important;
  background: var(--soft) !important;
  padding: 0.3rem 0.65rem !important;
  border-radius: 6px !important;
}

.bookly-form,
.bookly-details-step {
  direction: rtl !important;
  background: var(--white) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  padding: 1.2rem !important;
  box-shadow: none !important;
}

.bookly-form-group {
  margin-bottom: 0.9rem !important;
  position: relative !important;
}

@media (max-width: 767px) {
  .bookly-search-form-container .bookly-search-form {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .bookly-search-form-container .bookly-search-form-left {
    border-left: none !important;
    border-bottom: 1px solid var(--line) !important;
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .bookly-search-form-container .bookly-search-form-right {
    width: 100% !important;
    flex: 1 1 auto !important;
  }

  .bookly-search-form-container .bookly-service-card-mark,
  .bookly-search-form-container .bookly-card-mark {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }

  .bookly-modal-header-mark > div,
  .bookly-css-root [class*="-step-header-mark"] > div,
  .bookly-modal-header-mark .bookly-summary-mark,
  .bookly-css-root [class*="-step-header-mark"] .bookly-summary-mark {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 768px) {
  .bookly-search-form-container .bookly-search-form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }
}/* End custom CSS */