/*
 Theme Name:   WoodMart Child
 Author:       Baham
 Author URI:   https://baham.uz
 Template:     WoodMart Theme
*/

:root {
  --bm-text-color: #14212a;
  --bm-text-inverted-color: #ffffff;
  --bm-primary-color: #ea7409;
  --bm-secondary-color: #f4faff;
  --bm-bg-main-color: #f4f5f6;
  --bm-bg-white: #ffffff;
  --bm-form-input-color: #d9d9d9;
  --bm-form-placeholder-color: #bbbebf;
}

/* ------------------------------------------------ MY ACCOUNT ------------------------------------------------ */

body.woocommerce-account .page-title,
body.page-id-1976 .page-title {
  display: none;
  color: var(--bm-text-color);
}

body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--dashboard
  a:before,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--dashboard
  a:before {
  content: url("./images/icons/element-plus.png");
}
body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--orders
  a:before,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--orders
  a:before {
  content: url("./images/icons/bag-2.png");
}
body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--support-tickets
  a:before,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--support-tickets
  a:before {
  content: url("./images/icons/messages-2.png");
}
body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--bookings
  a:before,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--bookings
  a:before {
  content: url("./images/icons/directbox-receive.png");
}
body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--booking
  a:before,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--booking
  a:before {
  content: url("./images/icons/directbox-send.png");
}
body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--edit-account
  a:before,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--edit-account
  a:before {
  content: url("./images/icons/user.svg");
}
body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--wishlist
  a:before,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--wishlist
  a:before {
  content: url("./images/icons/heart.svg");
}
body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--followings
  a:before,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--followings
  a:before {
  content: url("./images/icons/human.svg");
}
body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--inquiry
  a:before,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--inquiry
  a:before {
  content: url("./images/icons/question.svg");
}
body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a:before,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a:before {
  content: url("./images/icons/logout.svg");
}
body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--wcfm-store-manager
  a:before,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--wcfm-store-manager
  a:before {
  display: block !important;
  content: url("./images/icons/store.svg") !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
body.page-id-1976 .woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 400;
  color: var(--bm-text-color);
}

body.woocommerce-account .woocommerce-MyAccount-title,
body.page-id-1976 .woocommerce-MyAccount-title {
  display: none;
}

body.woocommerce-account .wd-my-account-sidebar,
body.woocommerce-account .woocommerce-MyAccount-content,
body.page-id-1976 .wd-my-account-sidebar,
body.page-id-1976 .woocommerce-MyAccount-content {
  padding: 16px 12px;
  background: var(--bm-bg-white);
  border-radius: 8px;
  border-inline-end: initial;
}

body.woocommerce-account .woocommerce-my-account-wrapper,
body.page-id-1976 .woocommerce-my-account-wrapper {
  margin-inline: initial;
  gap: 10px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link.is-active
  a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover,
body.page-id-1976 .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link.is-active
  a,
body.page-id-1976 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover {
  background-color: var(--bm-secondary-color);
}

@media screen and (min-width: 768.98px) {
  .wd-my-account-sidebar {
    width: 20%;
    max-width: 20%;
  }

  .woocommerce-MyAccount-content {
    width: 80%;
    max-width: 80%;
  }
}

/* ------------------------------------------------ AUTH PAGE ------------------------------------------------ */

#customer_login,
#wcfm-main-contentainer {
  display: flex;
  justify-content: center;
}

.bm-auth-back {
  position: absolute;
  left: 0;
  top: 0;
  width: 144px;
  height: 40px;
  border-radius: 8px;
  gap: 8px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  background: var(--bm-bg-white);

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: bottom;
}

.bm-text-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

#customer_login .col-login.bm-login-page,
#customer_login .col-register.bm-register-page,
.bm_vendor_registration #wcfm-content {
  max-width: 483px;
  background-color: var(--bm-bg-white);
  padding: 44px;
  border-radius: 20px;
}

.bm_vendor_registration #wcfm-content .wcfm-membership-wrapper {
  padding: 0;
  box-shadow: initial;
  width: 100%;
  margin: 0;
}

#customer_login > div.bm-register-page:not(:first-child):last-child {
  border-inline-start: initial;
}

#customer_login .bm-register-btn,
#customer_login .bm-login-btn,
#customer_login .wcfmmp_become_vendor_link a,
#wcfm_membership_container input.bm-vendor-register-btn,
#customer_lost_password .bm-lost-password-btn {
  display: block;
  width: 100%;
  height: 48px;
  background-color: initial;
  border-radius: 8px;
  border-width: 2px;
  padding-top: 12px !important;
  padding-right: 20px !important;
  padding-bottom: 16px !important;
  padding-left: 20px !important;
  border: 2px solid var(--bm-primary-color);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--bm-primary-color);
}

#customer_login .bm-login-btn,
#customer_lost_password .bm-lost-password-btn,
#wcfm_membership_container input.bm-vendor-register-btn {
  background-color: var(--bm-primary-color);
  color: var(--bm-text-inverted-color);
}

#wcfm_membership_container input.bm-vendor-register-btn:hover {
  background-color: var(--bm-bg-white);
  color: var(--bm-primary-color) !important;
}

.wcfm_registration_form_heading {
  font-size: 22px;
  text-transform: uppercase;
}

#customer_login .bm-login-rememberme,
#customer_login .bm-lost-password {
  color: var(--bm-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: bottom;
}
#customer_login .bm-form-checkbox {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--bm-primary-color);
}

#customer_login .bm-form-input,
#customer_lost_password .bm-form-input,
#wcfm_membership_registration_form .bm-form-input {
  width: 100% !important;
  height: 44px !important;
  border-radius: 8px !important;
  gap: 10px !important;
  border-width: 1px !important;
  padding-top: 12px !important;
  padding-right: 16px !important;
  padding-bottom: 12px !important;
  padding-left: 16px !important;
  margin-bottom: 20px !important;
  background-color: var(--bm-bg-white) !important;
  border: 1px solid var(--bm-form-input-color) !important;
  color: var(--bm-text-color) !important;
}
#customer_login .bm-form-input::placeholder,
#customer_lost_password .bm-form-input::placeholder,
#wcfm_membership_registration_form .bm-form-input::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--bm-form-placeholder-color);
}

#wcfm_membership_container p.wcfm_title {
  width: 100%;
  color: var(--wd-title-color);
}

#wcfm_membership_container p.wcfm_title strong {
  font-style: normal;
  font-weight: 400 !important;
}

.woocommerce-form-register {
  display: flex;
  flex-direction: column;
}

#wcfm_membership_registration_form #registration_type {
  display: flex;
  gap: 24px;
  padding: 0;
  border: initial;
}

#wcfm_membership_registration_form p.registration-type-label {
  display: none;
}

.bm-form-radio {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 6px;
  border: 1px solid var(--bm-primary-color);
  background-color: var(--bm-bg-white);
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: background-color 0.3s;
}

.bm-form-radio::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: var(--bm-primary-color);
  border: 3px solid var(--bm-bg-white);
  opacity: 0;
  transition: opacity 0.3s;
}

.bm-form-radio:checked::before {
  opacity: 1;
}

.bm-form-radio-label {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

@media screen and (max-width: 768px) {
  #customer_login,
  #customer_lost_password,
  #wcfm-main-contentainer {
    margin-top: 60px;
  }

  .page-id-1224 .site-content {
    padding-inline: initial;
  }
}

/* ------------------------------------------------ MY ACCOUNT - BOOKINGS ------------------------------------------------ */

body.woocommerce-account .bm-account-heading {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: initial;
}

.bm-booking-tr {
  background-color: var(--bm-secondary-color);
}

.bm-booking-td {
  border-bottom: 2px solid var(--bm-secondary-color);
}

.bm-booking-th {
  font-weight: 500;
  text-transform: initial;
  border-bottom: initial;
}

.booking-id {
  border-top-left-radius: 8px;
}
.booking-cancel {
  border-top-right-radius: 8px;
}

/* ------------------------------------------------ DATEPICKER ------------------------------------------------ */

.wc-bookings-booking-form {
    border: initial;
    padding: initial;
}

/* ------------------------------
   1. Month header
------------------------------ */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker-header {
    background-color: #f0f0f0 !important; /* Серый фон заголовка */
    color: #333 !important;              /* Цвет текста */
    font-weight: bold !important;
    padding: 10px !important;
    text-align: center !important;
}

/* ------------------------------
   2. Previous/Next month arrow
------------------------------ */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next,
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev {
    background-color: transparent !important; /* Прозрачный фон */
    border: none !important;
    color: #333 !important;                   /* Цвет текста */
    cursor: pointer !important;
    font-size: 16px !important;
}

/* ------------------------------
   3. Days of the week header
------------------------------ */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker th {
    background-color: #f9f9f9 !important; /* Светло-серый фон */
    color: #666 !important;              /* Цвет текста */
    font-weight: normal !important;
    text-align: center !important;
}

/* ------------------------------
   4. Available calendar days
------------------------------ */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a {
    background-color: #ffffff !important; /* Белый фон доступных дат */
    color: #333 !important;               /* Цвет текста */
    border-radius: 6px !important;
}

/* Hover effect for available dates */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a:hover {
    background-color: #ff9900 !important; /* Оранжевый фон при наведении */
    color: #fff !important;               /* Белый текст */
}

/* ------------------------------
   5. Fully booked calendar days
------------------------------ */
.wc-bookings-date-picker .ui-datepicker td.fully_booked a,
.wc-bookings-date-picker .ui-datepicker td.fully_booked span {
    background-color: #e0e0e0 !important; /* Серый фон полностью забронированных дней */
    color: #999 !important;              /* Серый текст */
    opacity: 0.35 !important;            /* Немного прозрачность */
}

/* ------------------------------
   6. Days not bookable based on availability rules
------------------------------ */
.wc-bookings-date-picker .ui-datepicker td.not_bookable {
    background-color: #D9D9D9 !important; /* Серый фон недоступных дней */
    color: #999 !important;              /* Серый текст */
    cursor: not-allowed !important;
}

/* ------------------------------
   7. Today's date on calendar
------------------------------ */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-today a {
    background-color: #ff9900 !important; /* Оранжевый фон текущей даты */
    color: #fff !important;               /* Белый текст */
}

/* ------------------------------
   8. Selected date
------------------------------ */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a.ui-state-active,
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable-range a {
    background-color: #ff9900 !important; /* Оранжевый фон выбранной даты */
    color: #fff !important;               /* Белый текст */
    border-radius: 6px !important;
}

#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-today a {
  background-color: #fff !important;
  border: 1px solid #ff9900 !important;
  color: #333 !important;
}

/* ------------------------------
   9. Time Blocks
------------------------------ */
#wc-bookings-booking-form .block-picker li a {
    background-color: #ffffff !important; /* Белый фон блоков времени */
    color: #333 !important;               /* Цвет текста */
}

/* Hover effect for time blocks */
#wc-bookings-booking-form .block-picker li a:hover {
    background-color: #ff9900 !important; /* Оранжевый фон при наведении */
    color: #fff !important;               /* Белый текст */
}

/* Selected time block */
#wc-bookings-booking-form .block-picker li a.selected {
    background: #ff9900 !important;       /* Оранжевый фон выбранного блока */
    color: #fff !important;               /* Белый текст */
}

/* Focus state for selected time block */
#wc-bookings-booking-form .block-picker li a.selected:focus {
    outline-color: #00ffff !important;    /* Голубой цвет рамки фокуса */
}

/* ------------------------------
   10. Book now button
------------------------------ */
.wc-bookings-booking-form-button.single_add_to_cart_button {
    background: #ff9900 !important;       /* Оранжевый фон кнопки "Book Now" */
    color: #fff !important;               /* Белый текст */
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
}

/* Hover effect for book now button */
.wc-bookings-booking-form-button.single_add_to_cart_button:hover {
    background: #e67e22 !important;       /* Темно-оранжевый фон при наведении */
    color: #fff !important;               /* Белый текст */
}

.bm-enquiry {
  flex: initial !important;
  margin: initial;
}
.bm-enquiry a {
  margin: initial;
}

#enquiry_form h2 {
  color: #EA7409;
}

.bm-product-vendor-info .wcfm_catalog_enquiry_button_wrapper {
  display: none;
}

#wd-add-to-cart {
  font-size: 16px;
  padding-top: 14px;
  padding-right: 28px;
  padding-bottom: 16px;
  padding-left: 28px;
}

@media screen and (max-width: 1024px) {
  .bm-enquiry,
  body .main-page-wrapper .bm-enquiry a.wcfm_catalog_enquiry {
    width: 100% !important;
  }
}