/*
Theme Name: readymix
*/
.wpcf7-not-valid{
	border:1px solid red!important;
}
.wpcf7-not-valid-tip, .wpcf7-validation-errors{
	display:none!important;
}

.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block {
	width: 100%;
	max-width: 92.1875vw;
	padding: 0 1.30208vw;
	margin-left: auto;
	margin-right: auto;
}
.product-hero__version-item .product-hero__version-el:nth-child(1) p,
.product-hero__version-item .product-hero__version-el:nth-child(3) p,
.product-hero__version-item .product-hero__version-el:nth-child(4) p {
  direction: ltr;
  text-align: left;
}

.editor-styles-wrapper {
	.is-root-container {
		.acf-block-preview  {

		}
		& > section, & > div {
			direction: rtl;
			.acf-field[data-type="true_false"] {
				direction: ltr;
			}
		}
	}
}
/***** Contact Form (scoped) *****/
.form form {
  direction: rtl;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
}

/* עטיפת שדה כללית */
.form .input-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* תוויות */
.form .input-wrap label {
  display: inline-block;
  margin-bottom: .6rem;
  font-size: 1rem;
  color: #343434;
  line-height: 1.5;
  font-weight: 600;
}

/* קלטים וטקסט-אזור (מיישר לשפה העיצובית שלך) */
.form .input-wrap input,
.form .input-wrap textarea {
  width: 100%;
  border: 1px solid rgba(8,8,0,.1);
  background: #f4f5f6;
  padding: .5rem .8rem;
  border-radius: 1.6rem;
  box-sizing: border-box;
  font-size: .7rem;
  color: #6b6b66;
  line-height: 1.7;
  font-weight: 400;
  text-align: right;
}
.form .input-wrap textarea {
  resize: none;
  border-radius: .8rem;
  height: 9rem;
}

/* הדגשת שגיאה לשדות (למקרה ולידציה) */
.form .input-wrap:has(input.wpcf7-not-valid) input {
  border-color: red;
}
.form .input-wrap .wpcf7-not-valid-tip { display: none; }

/* === Acceptance (מדיניות פרטיות) === */
.form .input-wrap.privacy-wrap {
  display: flex;
  align-items: center;
  gap: .4rem;         /* רווח עקבי מול שדות אחרים */
}

/* נטרול before/after זרים על label שמגיעים מתבנית */
.form .input-wrap.privacy-wrap .wpcf7-acceptance label::before,
.form .input-wrap.privacy-wrap .wpcf7-acceptance label::after {
  content: none !important;
}

/* הופך את כל הטקסט ללחיץ כשיש use_label_element */
.form .input-wrap.privacy-wrap .wpcf7-acceptance,
.form .input-wrap.privacy-wrap .wpcf7-acceptance label {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .7rem;   /* תואם לשדות הקלט */
  color: #6b6b66;
  line-height: 1.7;
  cursor: pointer;
}
.form .input-wrap.privacy-wrap .wpcf7-acceptance a,
.form .input-wrap.privacy-wrap .wpcf7-acceptance label a {
  font-size: 0.7rem;
}

/* עיצוב הצ'קבוקס עצמו – קטן, נקי, ממורכז */
.form .input-wrap.privacy-wrap input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  margin: 0;  /* בלי רווחים עודפים בצדדים */
  border: 1px solid rgba(8,8,0,.1);
  background: #f4f5f6;
  border-radius: .2rem;
  position: relative;
  overflow: hidden; /* כדי שהטיק לא "יברח" מחוץ למסגרת */
  transition: box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
  padding: 0 !important;
}

/* מצב ריחוף ופוקוס – נגישות עם טבעת */
.form .input-wrap.privacy-wrap input[type="checkbox"]:hover {
  box-shadow: 0 0 0 .15rem rgba(246,120,15,.15);
}
.form .input-wrap.privacy-wrap input[type="checkbox"]:focus-visible {
  box-shadow: 0 0 0 .2rem rgba(35,121,209,.25);
  border-color: #2379d1;
}
.input-wrap:has(input.wpcf7-validates-as-required) label::after{
content: '*';
  color: #f6780f;
  display: inline-block;
  margin-right: 0.2rem;
  font-size: inherit;
}
/* מצב מסומן – רקע כתום + טיק ממורכז ב־CSS טהור */
.form .input-wrap.privacy-wrap input[type="checkbox"]:checked {
  background-color: #f6780f;
  border-color: #fff;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 36 36" aria-hidden="true" role="img" class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet"><path fill="%2331373D" d="M34.459 1.375a2.999 2.999 0 0 0-4.149.884L13.5 28.17l-8.198-7.58a2.999 2.999 0 1 0-4.073 4.405l10.764 9.952s.309.266.452.359a2.999 2.999 0 0 0 4.15-.884L35.343 5.524a2.999 2.999 0 0 0-.884-4.149z"/></svg>');
  background-size: 65% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.form .input-wrap.privacy-wrap input[type="checkbox"]::after {
  /*content: "";*/
  position: absolute;
  width: .4rem;            /* טיק קטן ונקי */
  height: .22rem;
  border-right: .12rem solid #343434;
  border-bottom: .12rem solid #343434;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%) rotate(45deg); /* מרכז גיאומטרית */
  opacity: 0;
}
.form .input-wrap.privacy-wrap input[type="checkbox"]:checked::after {
  opacity: 1;
}

/* קישור למדיניות – תואם לשפה (#f6780f + underline) */
.form .input-wrap.privacy-wrap a {
  color: #2379d1;
  text-decoration: underline;
  font-weight: 400;
}
.form .input-wrap.privacy-wrap a:hover {
  text-decoration: none;
}

/* הודעת CF7 כשלא מסומן (unaccepted) – RTL */
.form .wpcf7 form.unaccepted .wpcf7-response-output {
  direction: rtl;
  text-align: right;
}

/* כפתור שליחה חיצוני (אם אתה משתמש ב-.button-submit החיצוני) – התאמות קלות */
.form .button-submit {
  width: 100%;
  margin-top: 1.6rem;
  position: relative;
  border-radius: 1.6rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f6780f;
  background: #fff;
  cursor: pointer;
  transition: all .4s ease-in-out;
}
.form .button-submit:hover {
  background: rgba(255,255,255,0);
  border-color: rgba(255,255,255,0);
}

/* מובייל – הקטנה עדינה של הצ'קבוקס */
@media (max-width: 480px) {
  .form .input-wrap.privacy-wrap input[type="checkbox"] {
    width: .93rem;
    height: .93rem;
  }
  .form .input-wrap.privacy-wrap input[type="checkbox"]::after {
    width: .36rem;
    height: .2rem;
    border-right-width: .1rem;
    border-bottom-width: .1rem;
  }
}
