.flatpickr-calendar {
    .dayContainer, .flatpickr-weekdaycontainer {
        flex-direction: row-reverse;
    }
    .flatpickr-months {
        .flatpickr-month {
            height: 32px;
        }
        .flatpickr-prev-month {
            left: unset;
            right: 0;
            transform: scaleX(-1);
        }
        .flatpickr-next-month {
            right: unset;
            left: 0;
            transform: scaleX(-1);
        }
    }
}
.flatpickr-day {
    &.selected.startRange, &.startRange.startRange, &.endRange.startRange {
        border-radius: 0 50px 50px 0;
    }
    &.selected.endRange, &.startRange.endRange, &.endRange.endRange {
        border-radius: 50px 0 0 50px;
    }
    &.selected.startRange + .endRange:not(:nth-child(7n+1)), &.startRange.startRange + .endRange:not(:nth-child(7n+1)), &.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
        box-shadow: 10px 0 0 #569ff7;
    }
}

/* General Styles for the Mobile Burger Menu (ShibFox)*/

.header-navbar__burger > ul {
    background-color: #ffffffcc; /* Semi-transparent white */
    -webkit-backdrop-filter: blur(25px); /* Blur effect */
    backdrop-filter: blur(25px);
    padding: 3.5rem 2rem; /* Unified padding */
}

/*Border for  List Items in the Mobile Menu */

.header-navbar__burger ul li {
    border-bottom: 1px solid #394b5d; /* Divider between items */
}

.header-navbar__burger ul li:last-child {
    border-bottom: none; /* Remove bottom border for the last item */
}

/* Link Styling for List Items */

.header-navbar__burger ul li a {
    text-decoration: none;
    color: #000; /* Default text color */
    font-size: 1rem;
    font-weight: 500;
    display: block;
    transition: color 0.3s ease;
}

.header-navbar__burger ul li a:hover {
    color: #ffcc00; /* Highlight on hover */
}

/* Adjust icon size specifically (menu button)*/

.header-navbar__burger a > i.fas.fa-bars {
    font-size: 24px; /* Adjust size */
    color: #000; /* Adjust color */
}

/* Style for menu-item with children (dropdown menu arrow) */

.header-navbar__burger > ul > li.menu-item-has-children::after {
    font-size: 20px;
    padding: 5px;
}

/* Adjust padding for smaller screens */

@media only screen and (max-width: 768px) {
    .header-navbar__burger ul li {
        padding: 15px 5px; /* Adjust padding */
    }
}

.header-hero.header-hero--title,
.header-hero.header-hero--title .header-hero__content,
.header-hero.header-hero--title::before,
.header-hero.header-hero--title::after {
  background-color: #8B5E3C !important;
  background-image: none !important;
  background: #8B5E3C !important;
}




.menu-item.menu-item--user-account > a {
    pointer-events: none; /* Disables click functionality */
    cursor: default; /* Changes the cursor to indicate it's not clickable */
}



@media (max-width: 768px) {
  .header-navbar__middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.8rem;
    position: relative;
    gap: 0.5rem;
  }

 .header-logo img.custom-logo {
  height: clamp(35px, 4vw, 60px);
  width: auto !important;
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
  transform: scale(2.1) translateX(15px);
  transform-origin: center;
}

  .header-logo {
    flex: 1; /* Logo stays centered */
    display: flex;
    justify-content: center;
    order: 2; /* Center item */
  }

  /* Submit Button */
  .hp-menu--site-header .hp-menu__item--listing-submit {
    margin: 0 !important;
    order: 1; /* Right side */
		transform: translateX(20px);
  }

  /* Hamburger Menu */
  .header-navbar__burger {
    order: 3; /* Left side */
    position: relative;
    right: auto;
    z-index: 1000;
  }
}

/* FORCE hamburger to appear black (covers spans, pseudo elements, SVG, and background-image) */
.header-navbar__burger,
.header-navbar__burger * {
  color: #000 !important;
}



/* Icon rules */
.hp-menu--site-header .hp-menu__item--listing-submit span {
  display: inline !important;
}

.hp-menu--site-header .hp-menu__item--listing-submit i {
  margin-right: 0.5rem !important;
}

.hp-menu--site-header button i:first-child {
  display: none;
}

@media (min-width: 1024px) {
  .hp-menu__item--listing-submit {
    margin-left: 75px; /* adjust px value as needed */
  }
}
/* כניסה rtl */

.hp-modal__title {
  direction: rtl;
  text-align: right;
  position: relative;
  top: 0px;   /* Adjust as needed */
  right: 0px; /* Adjust as needed */
}


/* שם מתשמש או כתובת אימייל rtl */

.hp-field__label.hp-form__label {
  direction: rtl;
  text-align: right;
  position: relative;
  top: 0px;   /* Adjust as needed */
  right: 0px; /* Adjust as needed */
}

/* סיסמה rtl */

.hp-field__label.hp-form__label {
  direction: rtl;
  text-align: right;
  position: relative;
  top: 0px;   /* Adjust as needed */
  right: 0px; /* Adjust as needed */
}


/* primary attributes */

.hp-listing__attributes--primary {
  direction: rtl;
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hp-listing__attribute {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 15px;
  line-height: 1.6;
  direction: rtl;
  text-align: right;
}

.hp-listing__attribute i {
  margin-left: 6px;
  margin-right: 0;
}

/* דיווח על המודעה */
.hp-form__description {
  direction: rtl;
  text-align: right;
  line-height: 1.6;
}

/*  stars  */


.hp-rating-stars {
  direction: rtl;
  text-align: right;
}

.hp-rating-stars i {
  margin-left: 0px;
  margin-right: 0;
}

/* black outline */

.hp-form--booking-make {
  border: 2px solid black;
  padding: 16px; /* Optional: adds space inside the border */
  border-radius: 8px; /* Optional: rounded corners */
}

body {
  background-color: #faf9f5; /* Change this to any color you like */
}

/* user icon - before login */

.hp-menu__item--user-login i::before{
	content: '\f2bd';
}

/* user icon - after login */

.hp-icon.fas.fa-user::before {
  content: "\f2bd"; /* Unicode for circle-user */
}


/* remove "sort by" field */
.hp-form--listing-sort {display:none!important}


/* increase text size */

span {
  font-size: 18px; /* Adjust the value to your desired size */
}


.hp-field__description {
  font-size: 17px; /* Adjust the value to your desired size */
}


.select2-selection__rendered .select2-selection__choice {
    background-color: #faf9f5 !important; /* Sets the background color */
    color: #000 !important;  /* Ensures the text is legible, optional */
	
}



button.hp-form__button span {
  font-size: 16px; /* or your preferred size */
}



small {
  font-size: 16px !important; /* Use !important to override default small size */
}

.hp-result-count {
  font-size: 16px; /* Adjust this value to change the font size */
 
  font-weight: bold; /* Optional: Makes the text bold */
}

#user_login_modal {
  border: 3px solid #000; /* Bold black outline */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); /* Shadow for depth */
  background-color: #fff !important; /* Ensure background is white */
  border-radius: 12px; /* Rounded corners */
  padding: 24px; /* Internal spacing */
  max-width: 420px; /* Limit width */
  z-index: 9999;
}

#user_login_modal h3.hp-modal__title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
}

#user_login_modal .hp-form__label,
#user_login_modal .hp-form__action:not(.hp-form__action--user-password-request) {
  font-weight: bold;
  color: #000;
}

#user_login_modal input.hp-field {
  border: 2px solid #ccc;
  padding: 10px;
  font-size: 1rem;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 16px;
}

#user_login_modal .hp-form__button {
  font-weight: bold;
  font-size: 1.1rem;
  padding: 12px 20px;
  width: 100%;
}

#user_login_modal .hp-form__action--user-password-request { font-size: 1.2rem; }

#user_login_modal .hp-form__action--user-register { font-size: 1.2rem; }

#user_password_request_modal {
  border: 3px solid #000; /* Bold black border */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); /* Shadow for depth */
  background-color: #fff !important; /* Bright background */
  border-radius: 12px;
  padding: 24px;
  max-width: 420px;
  z-index: 9999;
}

#user_password_request_modal h3.hp-modal__title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
}

#user_password_request_modal .hp-form__description,
#user_password_request_modal .hp-form__label {
  font-weight: bold;
  color: #000;
  font-size: 1rem;
}

#user_password_request_modal input.hp-field {
  border: 2px solid #ccc;
  padding: 10px;
  font-size: 1rem;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 16px;
}

#user_password_request_modal .hp-form__button {
  font-weight: bold;
  font-size: 1.1rem;
  padding: 12px 20px;
  width: 100%;
}

#user_register_modal {
  border: 3px solid #000; /* Bold black outline */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); /* Shadow for depth */
  background-color: #fff !important; /* White background */
  border-radius: 12px; /* Rounded corners */
  padding: 24px; /* Inner spacing */
  max-width: 420px;
	z-index: 9999;
}

#user_register_modal h3.hp-modal__title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
}

#user_register_modal .hp-form__label,
#user_register_modal .hp-form__action {
  font-weight: bold;
  color: #000;
}

#user_register_modal input.hp-field {
  border: 2px solid #ccc;
  padding: 10px;
  font-size: 1rem;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 16px;
}

#user_register_modal .hp-form__button {
  font-weight: bold;
  font-size: 1.1rem;
  padding: 12px 20px;
  width: 100%;
}

#user_register_modal .hp-form__footer {
  margin-top: 10px; /* Reduce spacing between fields and button */
}

#user_register_modal .hp-form__button {
  margin-top: 0 !important; /* Remove any top margin */
  display: block;
}

#user_register_modal a[data-uw-rm-kbnav="anohref"] {
  color: #000 !important;
  font-weight: bold;
}

#user_register_modal .hp-form__action--user-login {
  font-size: 1.2rem;
  color: #000;
}

#user_register_modal .hp-form__button.hp-field--submit {
  position: relative;
  top: -15px;
}

#user_register_modal .hp-form__field--checkbox {
  direction: rtl;
  display: flex;
  align-items: center; /* Corrected */
  font-weight: bold;
  font-size: 0.7rem;
  color: #000;
  margin-top: 10px;
  gap: 5px; /* Add space between checkbox and label */
  white-space: nowrap; /* Prevent label from wrapping */
	margin-left: 15px;
}


.checkbox-wrapper input[type="checkbox"] + span,
.checkbox-wrapper input[type="checkbox"]::before,
.checkbox-wrapper input[type="checkbox"] + .checkbox-label-text::before {
  position: absolute;
	}

.checkbox-wrapper .checkbox-label-text {
  display: inline-block;
  margin-right: -0.6em; /* adjust as needed */
	margin-top: 0.16em;
}

@media screen and (min-width: 1024px) {
  .checkbox-wrapper .checkbox-label-text {
    display: inline-block;
    margin-right: -0.6em; /* adjust as needed */
    margin-top: 0.25em;
  }
}

.hp-field--checkbox > span:last-of-type {
	display: inline-block;
  margin-right: 30px;/* adjust value as needed */
}

.hp-field--days.hp-field--checkboxes ul {
  gap: 14px !important;
	flex-direction: column;

}


.hp-menu__item--listing-location {
	display: none !important;
}

.hp-field.hp-field--text {
  border: none;              /* Remove existing borders */
  border-bottom: 2px solid #5c5c5c; /* Add a black bottom border */
  outline: none;             /* Optional: remove focus outline */
  background: transparent;   /* Optional: make background transparent */
}


/* Make the entire block act like a button */
.hp-booking__block-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Style the block itself */
.hp-booking__block-link .hp-listing__content {
    border: 2px solid #D4A373; /* Blue border */
    border-radius: 8px;
    padding: 20px;
    background-color: #f9f9f9;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover effect for better interactivity */
.hp-booking__block-link:hover .hp-listing__content {
    background-color: #e6f0ff;
    box-shadow: 0 0 10px rgba(0, 115, 230, 0.2);
    cursor: pointer;
}

.hp-field.hp-field--number {
  border: none;
  border-bottom: 2px solid #5c5c5c; /* elegant shade */
  outline: none;
  background: transparent;
  width: 100%;
  box-sizing: border-box;
  padding: 6px 0;
}

/* Underline for the Select2 multi-select input */
.select2-container--default .select2-selection--multiple {
  border: none;
  border-bottom: 2px solid black;
  border-radius: 5px;
  padding-bottom: 4px; /* Optional: for spacing between items and underline */
  box-shadow: none; /* Remove any default shadows */
}


h4.hp-listing__title {
  font-size: 28px !important;
  line-height: 1.2 !important;
  margin-bottom: 0.5em !important;
}

.hp-listing__attribute--price {
  position: relative;
  left: -7px; /* Shift left by 5 pixels */
}
.select2-container--default .select2-selection--single {
  border: none;
  border-bottom: 2px solid #5c5c5c;
  margin-right: 10px;
}


/* hiding the price field in booking the listing page */
.hp-form__field--text:has(input[name="_price"]) {
  display: none !important;
}

/* hiding the price field in  the booking summary page */
.hp-booking__price.hp-listing__attribute--price {
  display: none !important;
}

/* inverting the dispaly of hours in the listing page, so it will fit the standard format */
.select2-results__option {
  letter-spacing: 0.5px;
  text-align: center;
  direction: ltr;
}


.select2-selection__rendered li {
  
  letter-spacing: 0.5px;
  direction: ltr;
}

/* removing the option to request a payout */
a.hp-payout__action--request {
  display: none !important;
}

/* enlarging the chart for profits */
@media screen and (min-width: 1024px) {
  canvas.hp-chart[data-component="chart"] {
    width: 900px !important;
    height: 450px !important;
  }
}

/* alignig the writing in the earnings dashboard */
.hp-table {
  direction: rtl;
  text-align: right;
}

.hp-table th,
.hp-table td {
  text-align: right;
}


/* aligning the writing in the order summary */

.woocommerce-order-details {
  direction: rtl;
  text-align: right;
}
.woocommerce-order-details th,
.woocommerce-order-details td {
  text-align: right;
}


.hp-icon.fas.fa-location-arrow {
  position: relative;
  left: 35px; /* Adjust as needed */
}

.select2-selection__rendered {
  position: relative;
  top: 5px; /* Adjust value as needed */
}

@media (min-width: 1024px) {
  #user_register_modal {
		transform: scale(0.8);
    transform-origin: center center;
  }
}

@media (max-width: 1023px) {
  #user_register_modal {
    transform: scale(0.8); /* proportional compression */
		transform: translateY(75px); /* adjust 15px as needed */

    transform-origin: top center;
  }

  #user_register_modal .hp-form__field,
  #user_register_modal .hp-field,
  #user_register_modal input,
  #user_register_modal .hp-form__actions {
    margin-top: 4px !important;   /* tighter spacing */
    margin-bottom: 4px !important;
  }

  #user_register_modal .hp-button {
    padding: 10px 14px !important; /* slightly smaller buttons */
  }
}

.hp-form__messages.hp-form__messages--success {
  direction: rtl;
  text-align: right;
}

.hp-form__messages.hp-form__messages--error {
  direction: rtl;
  text-align: right;
}

button.button[data-url="https://spacely.co.il/account/"] {
  display: none !important;
}


.char-counter {
    font-size: 18px;
    color: #555;
    margin-top: 4px;
    text-align: left;
    direction: rtl; /* Since your label is in Hebrew */
}

.hp-listing__status.hp-status.hp-status--pending,
.hp-listing__status.hp-status.hp-status--pending span {
  color: #000 !important;          /* force black text */
  background: transparent !important; /* remove colored background if needed */
  border-color: #000 !important;      /* optional border */
}

html {
  scroll-behavior: smooth;
}

/* Target section offset */
#video-section {
  scroll-margin-top: 50px; /* Change 50px to however much above you want */
}

.select2-container .select2-dropdown {
  position: absolute;
  z-index: 9999;
}

/* ✅ Permanent visibility + stacking fix for this Select2 field */
.select2-container[dir="rtl"] .select2-selection--single {
  position: relative;
  z-index: 9999;
}

.select2-container .select2-dropdown {
  position: absolute;
  z-index: 9999;
}


.hp-listing__categories.hp-listing__category a {
display: inline-block;
background-color: #d4a373; /* button background */
color: #000;               /* text color */
padding: 10px 18px;
text-decoration: none;
margin: 5px;
transition: background-color 0.3s ease;
}

.hp-listing__categories.hp-listing__category a:hover {
background-color: #f4d59a; /* hover effect */
}

/* Make the entire header the topmost layer on the page */
.header-navbar {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999 !important;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

@media screen and (min-width: 1024px){
/* Prevent content from sitting underneath the fixed header */
body {
    padding-top: var(--header-height, 180px); /* adjust if header is taller/shorter */
	}
}

@media screen and (max-width: 768px){
/* Prevent content from sitting underneath the fixed header */
body {
    padding-top: var(--header-height, 45px); /* adjust if header is taller/shorter */
	}
}

@media (min-width: 1024px) {
  .header-navbar {
    padding-top: 0px !important;   /* minimal safe padding */
    padding-bottom: 0px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .header-logo {
    display: flex;
    align-items: center; /* ensures logo stays vertically centered */
  }

  .header-logo img {
    height: auto !important;   /* do NOT resize */
    max-height: none !important;
  }
}

/* remove category tags */
.hp-listing--view-block .hp-listing__categories{
	display: none;
}


/* membership redesign */
/* Desktop only */
@media (min-width: 1024px) {

  /* Parent: force row to control children height */
  .hp-membership-plans .hp-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }

  /* Child columns inherit height from parent */
  .hp-membership-plans .hp-grid__item {
    display: flex;
    order: 1;
  }

  /* Card stretches fully */
  .hp-membership-plan {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }

  /* Footer locked to bottom */
  .hp-membership-plan__footer {
    margin-top: auto;
  }
}

  .hp-membership-plan__description ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .hp-membership-plan__description ul li {
    position: relative;
    padding-right: 28px; /* RTL spacing for checkmark */
  }

  .hp-membership-plan__description ul li::before {
    content: "✓";
    position: absolute;
    right: 0;
    top: 0;
    color: #d4a373;
    font-weight: 700;
    line-height: 1.4;
  }

  /* Recommended / primary plan outline */
  .hp-membership-plan--primary {
    border: 2px solid #000;
  }


/* Hide recurring monthly price (first amount) */
.hp-membership-plan__price > .woocommerce-Price-amount {
  display: none;
}

/* Promote first-month price */
.hp-membership-plan__price .subscription-details .woocommerce-Price-amount {
  display: block;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  color: #d4a373;
}

/* Hide all extra text, keep only the number */
.hp-membership-plan__price .subscription-details {
  font-size: 0; /* hides text nodes */
}

/* Restore currency + number size */
.hp-membership-plan__price .subscription-details .woocommerce-Price-amount * {
  font-size: inherit;
}



  /* Target ONLY plans with NO WooCommerce price (i.e. Free plan) */
  .hp-membership-plan__price:not(:has(.woocommerce-Price-amount)) {
    position: relative;
    font-size: 0; /* hide "Free" text */
    text-align: center;
  }

  .hp-membership-plan__price:not(:has(.woocommerce-Price-amount))::after {
    content: "₪0";
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
    display: block;
		color: #d4a373;
  }

/* Computers only */
@media (min-width: 1024px) {

  /* If you injected ₪0 via ::after, give it space */
  .hp-membership-plan__price:not(:has(.woocommerce-Price-amount))::after {
    margin-top: 28px;
		margin-bottom: 28px;
  }
}

.hp-form__field--number-range {
    display: none !important;
}
.woocommerce-additional-fields {
    display: none;
}
.hppm-membership-price,
.hppm-membership-price__intro, 
.hppm-membership-price__renewal {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    display: block;
    color: #d4a373;
	  text-align:center;
}

.hp-listing--view-block .hp-listing__content {
    height: 180px;
}

.hppm-vendor-plan-free .hp-spacely-reveal-phone {
    display: none;
}


.hp-listing-category__item-count.hp-listing-category__count {
    display: none !important;
}
.hp-icon.fas.fa-star {
    display: none;
}