@charset "UTF-8";

/**
 * ==========================================================================
 * *										1. Variables
 * ==========================================================================
 */

:root {
  --body-bg: #fef5f3;
  --color-primary: #646a5c;
  --color-accent: #679063;
  --color-secondary: #fef5f3;
  --color-light: #fff;
  --font-main: Noto Sans Hebrew, Noto Sans;
  --border-radius--sm: 22px;
  --border-radius--md: 32px;
  --border-radius--lg: 55px;
  --border-radius--full: 250px;
}

.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-checkout-payment .place-order #place_order,
.ss-checkout__step-edit,
.ss-checkout__step-next {
  background-color: pink;
  width: 100%;
  height: 54px;
  border-radius: var(--border-radius--full);
  background-color: #7EA77A;
  border: 1px solid #7EA77A;
  color: var(--color-light);
  font-size: 24px;
  letter-spacing: 2.4px;
  cursor: pointer;
  margin-top: 36px;
  margin-bottom: 0;
  transition: all 0.3s ease 0s;
  font-weight: 400;
}

.woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce-checkout-payment .place-order #place_order:hover,
.ss-checkout__step-edit:hover,
.ss-checkout__step-next:hover {
  background-color: var(--color-primary);
}

.ss-checkout {
  padding-top: 80px;
}

.ss-checkout input[type=text],
.ss-checkout input[type=tel],
.ss-checkout input[type=email],
.ss-checkout input[type=date],
.ss-checkout input[type=password],
.ss-checkout select,
.ss-checkout textarea {
  height: 40px;
  border-radius: 999px;
  border: 1px solid #ecdcd3;
  background: #fffdfc;
  box-shadow: none;
  padding: 10px 18px;
  color: var(--color-accent);
  font-size: 18px;
}

.ss-checkout input[type=text]::-webkit-input-placeholder, .ss-checkout input[type=tel]::-webkit-input-placeholder, .ss-checkout input[type=email]::-webkit-input-placeholder, .ss-checkout input[type=date]::-webkit-input-placeholder, .ss-checkout input[type=password]::-webkit-input-placeholder, .ss-checkout select::-webkit-input-placeholder, .ss-checkout textarea::-webkit-input-placeholder {
  color: #D9B8B1;
}

.ss-checkout input[type=text]::-moz-placeholder, .ss-checkout input[type=tel]::-moz-placeholder, .ss-checkout input[type=email]::-moz-placeholder, .ss-checkout input[type=date]::-moz-placeholder, .ss-checkout input[type=password]::-moz-placeholder, .ss-checkout select::-moz-placeholder, .ss-checkout textarea::-moz-placeholder {
  color: #D9B8B1;
}

.ss-checkout input[type=text]::placeholder,
.ss-checkout input[type=tel]::placeholder,
.ss-checkout input[type=email]::placeholder,
.ss-checkout input[type=date]::placeholder,
.ss-checkout input[type=password]::placeholder,
.ss-checkout select::placeholder,
.ss-checkout textarea::placeholder {
  color: #D9B8B1;
}

.ss-checkout textarea {
  height: auto;
  min-height: 70px;
  border-radius: 20px;
  resize: none;
  field-sizing: content;
  padding-block: 10px;
}

.ss-checkout .add_gift_card_form h4,
.ss-checkout h3 {
  font-size: 18px;
  font-weight: 800;
  margin: 6px 0 0;
  width: 100%;
  color: var(--color-primary);
}

.ss-checkout .ss-checkout__step--1 label,
.ss-checkout .ss-checkout__step--2 label {
  margin-bottom: 2px;
}

.ss-checkout #shipping_method label {
  display: block !important;
}

.ss-checkout label[for=payment_method_zcredit_checkout_payment] {
  flex-wrap: wrap;
}

.ss-checkout label[for=payment_method_zcredit_checkout_payment] img {
  max-width: 280px;
  flex: 0 0 100%;
}

.ss-checkout label[for=payment_method_zcredit_checkout_payment]::after {
  top: 12px;
}

.ss-checkout .required {
  color: #d59494;
}

.ss-checkout .button,
.ss-checkout .btn {
  border-radius: 999px;
}

.ss-checkout__header,
.ss-checkout__login,
.ss-checkout__controls,
.ss-checkout__sidebar {
  display: none;
}

.ss-checkout__steps {
  display: flex;
  align-items: flex-start;
  gap: 22px;
}

.ss-checkout__step {
  flex: 0 0 calc(33.3% - 11px);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 7px 7px 22px rgba(217, 184, 177, 0.2431372549);
  border-radius: 40px;
  padding: 36px 36px 48px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  opacity: 0.5;
  pointer-events: none;
}

.ss-checkout__step.completed,
.ss-checkout__step.active {
  opacity: 1;
  pointer-events: all;
}

.ss-checkout__step.completed .ss-checkout__step-content > * {
  opacity: 0.5;
  pointer-events: none;
}

.ss-checkout__step.completed .ss-checkout__step-actions {
  pointer-events: all !important;
  opacity: 1 !important;
}

.ss-checkout__step.completed .ss-checkout__step-head::after {
  display: block;
}

.ss-checkout__step.completed .ss-checkout__step-next {
  display: none;
}

.ss-checkout__step.completed .ss-checkout__step-edit {
  display: inline-block;
}

.ss-checkout__step-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 26px;
}

.ss-checkout__step-head::after {
  content: "";
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  background: url("../img/icons/check-fill.png") center/cover no-repeat;
  border-radius: 50%;
  display: none;
}

.ss-checkout__step-title {
  font-size: 36px;
  line-height: 40px;
  flex: 1 1 auto;
}

.ss-checkout__step-icon {
  height: 48px !important;
  width: auto;
}

.ss-checkout__login-toggler {
  display: none;
}

.ss-checkout__step-content {
  display: flex;
  flex-direction: column;
}

.ss-checkout__step-actions {
  order: 1;
}

.ss-checkout__group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.ss-checkout__step-edit {
  display: none;
  background-color: var(--color-light);
  border: 1px solid var(--color-accent);
  color: var(--color-accent);
}

.ss-checkout__step-edit:hover {
  background-color: var(--color-accent);
  color: var(--color-light);
}

.ss-checkout__coupon-target,
.ss-checkout__order-review-target {
  width: 100%;
}

.ss-checkout__coupon-target .woocommerce-info {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #8b7f7a;
  font-size: 14px;
}

.ss-checkout__coupon-target .checkout_coupon {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
}

.ss-checkout__coupon-target .checkout_coupon p:first-child {
  display: none;
}

.ss-checkout__coupon-target .form-row {
  margin: 0;
}

.ss-checkout__coupon-target .form-row-first {
  width: calc(100% - 140px);
}

.ss-checkout__coupon-target .form-row-last {
  width: 128px;
}

.ss-checkout__helper,
.ss-checkout__payment-note {
  margin: 0;
  color: var(--color-accent);
  font-size: 20px;
  margin-top: 14px;
  margin-bottom: 20px;
}

.ss-checkout .payment_box {
  margin-bottom: 20px;
}

.ss-checkout .woocommerce-terms-and-conditions-wrapper {
  margin-top: 16px;
}

.ss-checkout .woocommerce-terms-and-conditions-checkbox-text {
  align-items: flex-start;
}

.ss-checkout .woocommerce-terms-and-conditions-checkbox-text abbr {
  text-decoration: none;
}

.ss-checkout .woocommerce-terms-and-conditions-checkbox-text a {
  text-decoration: underline;
}

.ss-checkout__payment-top,
.ss-checkout__payment-section {
  display: grid;
  gap: 18px;
  padding: 0;
}

.ss-checkout__payment-layout {
  width: 100%;
}

.ss-checkout__order-review-target .shop_table {
  margin: 0;
  border: 0;
  background: #FEF5F3;
  border-radius: 22px;
  overflow: hidden;
  width: 100%;
}

.ss-checkout__order-review-target thead {
  display: none;
}

.ss-checkout__order-review-target tr {
  display: flex;
  justify-content: space-between;
}

.ss-checkout__order-review-target th,
.ss-checkout__order-review-target td {
  padding: 12px 24px;
  min-height: 50px;
  border-bottom: 2px solid #fff;
  text-align: right;
  font-size: 24px;
  font-weight: 400;
  flex: 1 1 auto;
  color: var(--color-accent);
}

.ss-checkout__order-review-target th:last-child,
.ss-checkout__order-review-target td:last-child {
  text-align: left;
  font-size: 20px;
  padding-left: 30px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.ss-checkout__order-review-target tfoot tr:last-child * {
  border: none;
  font-weight: 700;
}

.ss-checkout__delivery-date {
  width: 100%;
}

.ss-checkout__delivery-date .form-row::before,
.ss-checkout__delivery-date .form-row::after {
  display: none !important;
}

.ss-checkout .wc_payment_method label::after {
  top: 16px !important;
}

.woocommerce-billing-fields,
.woocommerce-shipping-fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.woocommerce-billing-fields::before,
.woocommerce-billing-fields::after,
.woocommerce-shipping-fields::before,
.woocommerce-shipping-fields::after {
  display: none !important;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-shipping-fields__field-wrapper .form-row {
  width: 100%;
  margin: 0;
}

.woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce-billing-fields__field-wrapper .ss-field-half,
.woocommerce-shipping-fields__field-wrapper .form-row-first,
.woocommerce-shipping-fields__field-wrapper .form-row-last,
.woocommerce-shipping-fields__field-wrapper .ss-field-half {
  width: calc(50% - 7px);
}

.woocommerce-checkout-payment .place-order {
  margin: 0;
}

.woocommerce-checkout-payment .place-order > .button,
.woocommerce-checkout-payment .place-order > .alt,
.woocommerce-checkout-payment .place-order > .ss-checkout__step-backlink {
  margin-top: 12px;
}

wc-order-attribution-inputs {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

.select2-container {
  width: 100% !important;
}

.select2-selection {
  box-shadow: none !important;
  color: var(--color-accent) !important;
  border-radius: 50px !important;
  height: 40px !important;
  border-color: #EDDDD9 !important;
  font-size: 18px;
}

.select2-selection__arrow {
  left: 20px !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.3 !important;
  width: 16px !important;
  position: relative;
}

.select2-selection__arrow::after {
  content: "";
  position: absolute;
  top: 6px !important;
  inset: 0;
  rotate: 180deg;
  background: url("../img/icons/angle-up.svg") center/contain no-repeat;
}

.select2-selection__arrow b {
  display: none;
}

.select2-selection__rendered {
  height: 40px !important;
  padding-right: 20px !important;
  padding-top: 10px !important;
  color: var(--color-accent) !important;
  line-height: 1 !important;
}

.select2-dropdown {
  border: 1px solid #EDDDD9 !important;
  box-shadow: 7px 7px 22px rgba(217, 184, 177, 0.2431372549);
  border-radius: 16px !important;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}

.select2-results {
  padding: 6px;
}

.select2-results__options {
  padding: 6px;
  max-height: 300px !important;
}

.select2-results__options::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}

.select2-results__options::-webkit-scrollbar-track {
  background-color: var(--color-light);
  border-radius: 5px;
  border: none;
  box-shadow: none;
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #D9B8B1;
  border-radius: 10px;
  border: none;
  box-shadow: none;
}

.select2-results__option {
  padding: 10px 24px !important;
  border-radius: 12px;
}

.select2-results__option--highlighted {
  background-color: var(--color-secondary) !important;
  color: var(--color-primary) !important;
}

.select2-results__option[data-selected=true] {
  background-color: var(--color-accent) !important;
  color: #fff !important;
}

.select2-search__field {
  margin-top: 16px;
  height: 36px !important;
  border: 1px solid #EDDDD9 !important;
  padding-inline: 20px;
  font-size: 16px;
}

#wc_gc_cart_redeem_form {
  display: flex;
  border: 1px solid #D9B8B1;
  border-radius: 50px;
  height: 52px;
  background-color: #fff;
  overflow: hidden;
  margin: 14px 0 26px;
}

#wc_gc_cart_redeem_form input,
#wc_gc_cart_redeem_form button {
  font-size: 18px;
  padding-inline: 22px;
  height: 100%;
  width: auto !important;
}

#wc_gc_cart_redeem_form input {
  background-color: transparent;
  border: none;
  flex: 1 1 auto;
}

#wc_gc_cart_redeem_form button {
  background-color: #D9B8B1;
  color: #FEF5F3;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  cursor: pointer;
  min-width: 100px;
}

#wc_gc_cart_redeem_form button:hover {
  background-color: var(--color-accent);
  color: var(--color-light);
}

#shipping_method input[name="shipping_method[0]"][type=hidden] + label::before,
#shipping_method input[name="shipping_method[0]"][type=hidden] + label::after {
  display: none;
}

.ss-checkout__step-backlink--payment {
  display: none;
}

#ss-checkout .create-account {
  margin-top: 12px;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
  width: calc(50% - 6px) !important;
}

.ywcdd_carrier_content {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

body .woocommerce-input-wrapper label.radio {
  margin-top: 6px;
  margin-right: 0;
}

.form-row-slot {
  display: none;
}

.form-row-slot:has(.select2) {
  display: block;
}

.form-row:has(#ywcdd_datepicker) {
  display: none;
}

.form-row:has(#ywcdd_datepicker).is-show {
  display: block;
}

.woocommerce-form-login-toggle {
  margin-top: 24px;
  font-size: 18px;
}

.woocommerce-form-login-toggle a {
  text-decoration: underline;
}

#ss-checkout .wc-social-login {
  align-items: center;
  justify-content: center;
  width: 100%;
  display: flex;
  color: #398EFF;
  background-color: #fff;
  border-radius: var(--border-radius--full);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  gap: 0;
  padding: 0 24px;
  font-weight: 500;
  font-size: 21px;
  margin-top: 16px;
  max-width: 320px;
  height: 40px;
}

#ss-checkout .wc-social-login .button-social-login {
  background: inherit;
  border: 0;
  font-weight: 500;
  font-size: 21px;
  color: #398EFF;
  box-shadow: none;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: center;
  width: 100%;
  height: 40px !important;
}

.before-checkout > .wc-social-login,
.before-checkout > .woocommerce-form-login-toggle,
.before-checkout .woocommerce-form-login {
  display: none;
}

.woocommerce-form-login {
  padding-top: 18px;
}

.woocommerce-form-login > p {
  margin-bottom: 12px;
}

.woocommerce-form-login > p:first-child {
  font-size: 18px;
}

.woocommerce-form-login #altEmail_container {
  margin-bottom: 12px;
}

.woocommerce-form-login .woocommerce-form-login__rememberme {
  margin-top: 12px;
  margin-bottom: 12px;
}

.woocommerce-form-login .woocommerce-form-login__submit {
  height: 40px !important;
  margin-top: 12px !important;
  max-width: 320px;
}

.woocommerce-form-login .lost_password {
  margin-bottom: 0;
  text-decoration: underline;
}

.woocommerce-form-login .show-password-input::before {
  height: 24px !important;
  width: 24px !important;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.06251 12.3481C1.97916 12.1236 1.97916 11.8766 2.06251 11.6521C2.87421 9.68397 4.25202 8.00116 6.02128 6.81701C7.79053 5.63287 9.87155 5.00073 12.0005 5.00073C14.1295 5.00073 16.2105 5.63287 17.9797 6.81701C19.749 8.00116 21.1268 9.68397 21.9385 11.6521C22.0218 11.8766 22.0218 12.1236 21.9385 12.3481C21.1268 14.3163 19.749 15.9991 17.9797 17.1832C16.2105 18.3674 14.1295 18.9995 12.0005 18.9995C9.87155 18.9995 7.79053 18.3674 6.02128 17.1832C4.25202 15.9991 2.87421 14.3163 2.06251 12.3481Z" stroke="%23483A3D" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="%23483A3D" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
  position: absolute;
  top: 21px;
  left: 0px;
}

.woocommerce-form-login .show-password-input.display-password::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 12.3481C1.97916 12.1236 1.97916 11.8766 2.06251 11.6521C2.87421 9.68397 4.25202 8.00116 6.02128 6.81701C7.79053 5.63287 9.87155 5.00073 12.0005 5.00073C14.1295 5.00073 16.2105 5.63287 17.9797 6.81701C19.749 8.00116 21.1268 9.68397 21.9385 11.6521C22.0218 11.8766 22.0218 12.1236 21.9385 12.3481C21.1268 14.3163 19.749 15.9991 17.9797 17.1832C16.2105 18.3674 14.1295 18.9995 12.0005 18.9995C9.87155 18.9995 7.79053 18.3674 6.02128 17.1832C4.25202 15.9991 2.87421 14.3163 2.06251 12.3481Z" stroke="%23483A3D" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="%23483A3D" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 5L4 19" stroke="%23483A3D" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

/**
 * =========================================================================================
 * --																 validation .is-error
 * =========================================================================================
 */

p.form-row:has(.is-error) {
  display: flex;
  flex-direction: column;
}

p.form-row:has(.is-error) label {
  color: #FF6A56;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

p.form-row:has(.is-error) label::after {
  content: "(שדה חובה)";
  font-size: 12px;
}

input.is-error,
textarea.is-error {
  border: 1px solid #FF6A56 !important;
}

input.is-error::-webkit-input-placeholder, textarea.is-error::-webkit-input-placeholder {
  color: #FF6A56 !important;
}

input.is-error::-moz-placeholder, textarea.is-error::-moz-placeholder {
  color: #FF6A56 !important;
}

input.is-error::placeholder,
textarea.is-error::placeholder {
  color: #FF6A56 !important;
}

.select2-selection:has(.is-error) {
  border: 1px solid #FF6A56 !important;
  color: #FF6A56 !important;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='$color-error' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

.select2-selection:has(.is-error) .select2-selection__rendered {
  color: #FF6A56 !important;
}

#select2-shipping_state-container.is-error,
#select2-shipping_city-container.is-error {
  color: #FF6A56 !important;
}

.blockUI {
  z-index: 95 !important;
}

.update_totals_on_change th {
  display: none !important;
}

@media (max-width: 1250px) {
  .ss-checkout__steps {
    flex-direction: column;
    align-items: center;
  }

  .ss-checkout__step {
    width: 100%;
    flex: 1 1 auto;
    max-width: 640px;
    padding: 32px 20px 42px;
  }
}

@media (max-width: 1200px) {
  .woocommerce-form-login .woocommerce-form-login__submit,
  .woocommerce-checkout-payment .place-order #place_order,
  .ss-checkout__step-edit,
  .ss-checkout__step-next {
    font-size: 18px;
    height: 50px;
  }

  .ss-checkout__step-title {
    font-size: 30px;
  }

  .ss-checkout__step-icon {
    height: 40px !important;
  }

  .ss-checkout__order-review-target th,
  .ss-checkout__order-review-target td {
    font-size: 22px;
  }
}

@media (max-width: 998px) {
  .ss-checkout__step-head::after {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
  }
}

@media (max-width: 768px) {
  .woocommerce-form-login .woocommerce-form-login__submit,
  .woocommerce-checkout-payment .place-order #place_order,
  .ss-checkout__step-edit,
  .ss-checkout__step-next {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .ss-checkout {
    padding-top: 52px;
  }

  .ss-checkout__coupon-target .form-row-first {
    width: 100%;
  }

  .ss-checkout__coupon-target .form-row-last {
    width: 100%;
  }

  .woocommerce-billing-fields__field-wrapper .form-row-first,
  .woocommerce-billing-fields__field-wrapper .form-row-last,
  .woocommerce-billing-fields__field-wrapper .ss-field-half,
  .woocommerce-shipping-fields__field-wrapper .form-row-first,
  .woocommerce-shipping-fields__field-wrapper .form-row-last,
  .woocommerce-shipping-fields__field-wrapper .ss-field-half {
    width: 100%;
  }
}

@media (max-width: 576px) {
  #wc_gc_cart_redeem_form input,
  #wc_gc_cart_redeem_form button {
    font-size: 15px;
    padding-inline: 12px;
  }

  #ss-checkout .wc-social-login {
    max-width: none;
  }
}