.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;
}


.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;
}


/* reoving the payment method field in my account - subscription */
.subscription_details tr:has(.subscription-payment-method) {
    display: none;
}
.site-loader svg {
    width: 38px !important;
    height: 38px !important;
}

#order_review,
#order_review table,
#order_review th,
#order_review td,
#order_review p,
#order_review label {
    text-align: right !important;
    direction: rtl !important;
}

.hp-listing__action--feature {
    display: none !important;
}

.home .hp-listing-category--view-block.hp-listing-category--view-block .hp-listing-category__content a {
    font-size: 25px;
    font-weight: bold;
}
.hp-listing-category__name,
.hp-listing-category__name a {
    direction: rtl;
    text-align: right;
    display: block;
}

/* Spacely — Contact Us form redesign (v2, bolder pass)
   Paste into Customizer > Additional CSS */

/* 1. Card treatment for the whole form */
#contact-form-358 {
    background: #fff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 10px 40px rgba(7, 36, 86, 0.1);
    border-top: 4px solid #d4a373;
}

/* 2. Bolder labels */
#contact-form-358 .grunion-field-label {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.02em;
    color: #0f0f0f;
}

/* 3. Bigger text + taller inputs, all breakpoints */
#contact-form-358 {
    --jetpack--contact-form--font-size: 20px;
    --jetpack--contact-form--input-height: 52px;
    --jetpack--contact-form--line-height: 30px;
}

/* 4. Visible borders + real focus state on inputs */
#contact-form-358 input.grunion-field,
#contact-form-358 textarea.grunion-field {
    border-color: rgba(7, 36, 86, 0.25) !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#contact-form-358 input.grunion-field:focus,
#contact-form-358 textarea.grunion-field:focus {
    border-color: #d4a373 !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(212, 163, 115, 0.25);
}

/* 5. Name + Email side by side on desktop/tablet, Message + button stay full width */
@media only screen and (min-width: 768px) {
    #contact-form-358 .wp-block-jetpack-contact-form {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 1.25rem;
    }

    #contact-form-358 .grunion-field-name-wrap,
    #contact-form-358 .grunion-field-email-wrap {
        flex: 1 1 calc(50% - 0.625rem);
    }

    #contact-form-358 .grunion-field-textarea-wrap,
    #contact-form-358 .contact-form__error,
    #contact-form-358 .wp-block-jetpack-button {
        flex: 1 1 100%;
    }
}

/* 6. Button: real text label instead of emoji, bold + brand color + hover lift */
#contact-form-358 .wp-block-button__link img.emoji {
    display: none;
}

#contact-form-358 .wp-block-jetpack-button.aligncenter {
    width: 100%;
}

#contact-form-358 .wp-block-jetpack-button.aligncenter .wp-block-button__link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0f0f0f !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 1.05em;
    letter-spacing: 0.03em;
    padding: 1em 1.75em;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

#contact-form-358 .wp-block-jetpack-button.aligncenter .wp-block-button__link::after {
    content: "שליחה";
}

#contact-form-358 .wp-block-jetpack-button.aligncenter .wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(15, 15, 15, 0.3);
}

/* 7. Mobile: push text/inputs even bigger, widen out of the 480px cap */
@media only screen and (max-width: 600px) {
    #contact-form-358 {
        --jetpack--contact-form--font-size: 22px;
        --jetpack--contact-form--input-height: 56px;
        --jetpack--contact-form--line-height: 32px;
        padding: 1.5rem;
    }

    #contact-form-358 .grunion-field-label {
        font-size: 16px;
    }

    /* Gutenberg-generated class — re-check if it stops matching after
       the block is re-saved in Elementor */
    .wp-container-core-group-is-layout-558d648c > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
        max-width: 100%;
    }
}

/* "שכחת סיסמה?" — put the question mark at the correct RTL end.
   The login form computes direction:ltr, and this link (unlike its
   sibling "אין חשבון?") has unicode-bidi:normal, so the LTR paragraph
   direction was governing its punctuation. */
.hp-form__action--user-password-request {
	direction: rtl;
	unicode-bidi: bidi-override;
}

/* ===== SPACELY HEADER FIX - START (updated 2026-08-20) =====
   Header height is independent of viewport width and the bar contents
   align with the page column. The logo file is now tightly cropped
   (883x272, attachment 6899), so no zoom compensation is needed and
   --sp-logo-h is the real on-screen logo height.
   Previous logo attachment was 2968 (1563x557, ~51% transparent padding).
   To revert: delete everything between START and END. */
:root{
  --sp-bar-h: 96px;      /* header height, desktop */
  --sp-logo-h: 52px;     /* logo height, desktop */
  --sp-page-w: 1204px;   /* page column width (.container) */
  --sp-wide-w: 1600px;   /* wider bar column used on large screens */
}
.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);
  height: var(--sp-bar-h) !important;
  min-height: var(--sp-bar-h) !important;
  align-items: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}
@media (min-width: 1204px){
  .header-navbar{
    padding-left: calc((100% - var(--sp-page-w)) / 2 + 32px) !important;
    padding-right: calc((100% - var(--sp-page-w)) / 2 + 32px) !important;
  }
}
/* Large screens only: the bar uses a wider column than the page text column
   so the logo has room. Below 1700px nothing changes - at that width the
   menu (733px) + CTA (156px) leave no room for a bigger logo. */
@media (min-width: 1700px){
  :root{ --sp-bar-h: 108px; --sp-logo-h: 76px; }
  .header-navbar{
    padding-left: calc((100% - var(--sp-wide-w)) / 2 + 32px) !important;
    padding-right: calc((100% - var(--sp-wide-w)) / 2 + 32px) !important;
  }
}
.header-logo img,
.header-logo img.custom-logo{
  height: auto !important;
  max-height: var(--sp-logo-h) !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  transform: none !important;
}
.header-logo{ justify-content: flex-start !important; }
.hp-menu--site-header .hp-menu__item--listing-submit,
.hp-menu__item--listing-submit{ margin-left: 0 !important; transform: none !important; }
body{ padding-top: var(--sp-bar-h) !important; }
body.admin-bar{ padding-top: calc(var(--sp-bar-h) + 32px) !important; }
@media screen and (max-width: 782px){
  body.admin-bar{ padding-top: calc(var(--sp-bar-h) + 46px) !important; }
}
@media (max-width: 768px){
  :root{ --sp-bar-h: 78px; --sp-logo-h: 46px; }
  .header-navbar{ padding-left: 12px !important; padding-right: 12px !important; }
  .header-navbar__start{ padding-left: 0 !important; padding-right: 0 !important; flex: 0 0 auto !important; }
  .header-navbar__actions{
    position: absolute !important;
    /* centred between the burger and the logo, so both gaps stay equal */
    left: calc(50vw + 20px - min(var(--sp-logo-h) * 3.246, 50vw - 80px) / 2) !important;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
  }
  .header-logo img,
  .header-logo img.custom-logo{ max-width: calc(50vw - 80px) !important; }
}
/* ===== SPACELY HEADER FIX - END ===== */