/* עיצוב דף התשלום — זהה לדף הישן (style_rtl.css), עם התאמת נתיבי גופנים לתוסף.
   הבלוק היחיד שהשתנה מהותית: אזור הכרטיס הוחלף ב-iframe (#stp-iframe-wrap). */

@font-face {
  font-family: 'Almoni Regular AAA';
  src: url('fonts/almoni-regular-aaa.otf') format('opentype');
  font-weight: normal; font-style: normal;
}
@font-face {
  font-family: 'Almoni Bold AAA';
  src: url('fonts/almoni-bold-aaa.otf') format('opentype');
  font-weight: normal; font-style: normal;
}
@font-face {
  font-family: 'Almoni Tzar Demibold AAA';
  src: url('fonts/almoni-tzar-demibold-aaa.otf') format('opentype');
  font-weight: normal; font-style: normal;
}

/* גבולות הדף — נטרול רוחב התבנית כדי לשחזר את הדף העצמאי הישן */
body.stp-payment-page { margin: 0; }
.stp-payment-page .site, .stp-payment-page #content,
.stp-payment-page .content-area, .stp-payment-page .entry-content { max-width: none; padding: 0; margin: 0; }

/* דף תשלום נקי — בלי האדר/פוטר/פירורי לחם של התבנית (כמו הדף העצמאי הישן) */
body.stp-payment-page #header,
body.stp-payment-page #footer,
body.stp-payment-page .absolute-footer,
body.stp-payment-page .footer-widgets,
body.stp-payment-page .woocommerce-breadcrumb,
body.stp-payment-page nav.breadcrumbs,
body.stp-payment-page .page-title,
body.stp-payment-page .mfp-bg { display: none !important; }
body.stp-payment-page #main,
body.stp-payment-page #content { padding-top: 20px !important; }
/* סיכום ההזמנה הדיפולטי של ווקומרס (מוצג ע"י התבנית) — מוסתר, כי "פרטי העסקה" שלנו מכסה */
body.stp-payment-page .woocommerce-order-overview,
body.stp-payment-page ul.order_details,
body.stp-payment-page .entry-content > .woocommerce > ul.order_details { display: none !important; }

.stp-payment-page * { box-sizing: border-box; }
.stp-payment-page,
.stp-payment-page h1, .stp-payment-page h2, .stp-payment-page h3,
.stp-payment-page h4, .stp-payment-page h5, .stp-payment-page h6,
.stp-payment-page a, .stp-payment-page input, .stp-payment-page select,
.stp-payment-page option, .stp-payment-page pre {
  font-family: 'Almoni Regular AAA', sans-serif;
}
.stp-payment-page strong { font-family: 'Almoni Bold AAA', sans-serif; }

.stp-payment-page hr { margin: 20px 0 60px 0; }

#header_flex {
  display: flex; flex-direction: column; align-items: center; gap: 40px;
}
#header_img { width: 508.63px; max-width: 80%; padding-top: 20px; }
#header_secondary_img { width: 752.19px; max-width: 80%; padding-top: 20px; }

.credit-card { max-width: 1506px; margin: 60px auto 0; position: relative; }

h4.title {
  margin: 40px 0; color: #000; font-size: 50px; text-align: center;
  text-decoration: underline; text-decoration-color: #ffda17;
}
h5.title {
  display: block; font-size: 45px; text-decoration: none; margin: 40px 0 0 0; text-align: right;
}
.credit-card.stp-lang-en h5.title { text-align: left; }

#sell_details_flex {
  display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 40px;
}
#sell_details_table {
  max-width: 1009px; width: 100%; text-align: center; padding: 0; margin-top: 15px; direction: rtl;
}
#sell_details_table th { width: 20%; font-size: 40px; text-align: right; }
#sell_details_table th:first-child, #sell_details_table th:last-child { width: 40%; }
#sell_details_table td { width: 33%; font-size: 30px; text-align: right; }

/* ===== אזור ה-iframe — במקום שדות הכרטיס הישנים ===== */
#stp-iframe-wrap {
  width: 1503px; max-width: 100%; margin: 20px auto 0; display: flex; justify-content: center;
}
#stp-iframe-wrap iframe {
  width: 100%; max-width: 600px; min-height: 720px; border: 0;
}

.checkbox_container {
  display: flex; flex-direction: row-reverse; font-size: 25px; margin-bottom: 40px; justify-content: end;
}
.stp-payment-page input[type="checkbox"] { scale: 2.5; margin: 0 30px; }

.form-body.footer { margin: 30px 0; padding-bottom: 30px; }
.form-element {
  display: flex; flex-direction: row-reverse; flex-wrap: wrap; gap: 25px;
  width: 1503px; max-width: 100%; justify-content: end; align-items: center;
}

/* ===== טופס פרטי לקוח (כמו הדף הישן) ===== */
.form-body-client-info {
  display: flex; flex-direction: row-reverse; flex-wrap: wrap; gap: 25px;
  width: 1503px; max-width: 100%; margin: 0 auto; justify-content: end; align-items: center;
}
.form-body-client-info .input-text {
  width: calc(33% - 25px); font-size: 25px; padding: 10px; margin-bottom: 10px;
  border: 1px solid #9D9D9D; background: #fff; text-align: right; border-radius: 0;
  height: 48px; direction: rtl;
}
.form-body-client-info .input-left { float: left; }
.form-body-client-info #stp_notes { width: calc(66% - 25px); max-width: 100%; height: 146px; }
/* אנגלית LTR */
.credit-card.stp-lang-en .form-body-client-info { flex-direction: row; justify-content: start; }
.credit-card.stp-lang-en .form-body-client-info .input-text { text-align: left; direction: ltr; }

/* Modal — תנאי שימוש */
.modal {
  display: none; position: fixed; z-index: 1000; padding-top: 100px; left: 0; top: 0;
  width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4);
}
.modal-content {
  background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888;
  width: 100%; max-width: 840px; text-align: right; font-size: 25px; position: relative;
}
.close {
  color: #aaa; font-weight: bold; position: absolute; left: 10px; top: 10px; font-size: 25px;
}
.close:hover, .close:focus { color: #000; cursor: pointer; }
#termsBtn { cursor: pointer; text-decoration: underline; }

/* אוברליי הצלחה/כשלון (למקרה חזרה עם סטטוס) */
.full_container {
  opacity: 0.95; width: 100%; text-align: center; padding: 40px 0;
}
.full_container h4 { text-align: center; }

/* ===== גרסה אנגלית (LTR) — מקביל ל-style_ltr.css הישן ===== */
.credit-card.stp-lang-en { direction: ltr; }
.credit-card.stp-lang-en #sell_details_table th,
.credit-card.stp-lang-en #sell_details_table td { text-align: left; }
.credit-card.stp-lang-en h5.title { justify-content: start; flex-direction: row; }
.credit-card.stp-lang-en .form-element { justify-content: start; }
.credit-card.stp-lang-en #header_secondary_img { width: 900px; }