/* ============================================================
   نماذج ووكمرس بشكل دهشة: الحقول، الأزرار، خانات الاختيار، وصندوق reCAPTCHA.
   ملف مشترك بين الدفع (checkout.css) و«حسابي» (account.css) وصفحة «تتبّع الطلب» (body.dehsha-tracking)، يتحمّل بعد theme.css وبعد css ووكمرس.
   CSS برك: ما نلمسوش القوالب، ولا أسماء الحقول (billing_* وlpac_*)، ولا سلوك ووكمرس.
   ============================================================ */

/* ---- الصفوف: ووكمرس يعوّمها (float) بعرض 47%؛ نحن نخلّيوها كتل عادية، والتخطيط في الشبكات متاع الصفحات ---- */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row {
  float: none;
  width: auto;
  margin: 0 0 var(--space-3);
  padding: 0;
}
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row::before,
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row::after { content: none; display: none; }

/* ---- العنوان فوق الخانة ---- */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row label {
  display: block;
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--texte);
}
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row label .required {
  color: var(--rouge);
  font-weight: var(--fw-bold);
  text-decoration: none;
  border: 0;
}
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row label .optional {
  color: var(--texte-doux);
  font-weight: var(--fw-regular);
}
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row .woocommerce-input-wrapper { display: block; }

/* ---- الخانات: نفس شكل .input متاع design-system (48px، حدّ 1.5، حلقة حمراء كي نكتبو فيها).
   16px باش آيفون ما يكبّرش الصفحة كي تحلّ الخانة ---- */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row input.input-text,
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row select,
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row .select2-container .select2-selection--single {
  display: block;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 var(--space-4);
  border: 1.5px solid var(--ligne);
  border-radius: var(--radius-md);
  background-color: var(--blanc);
  box-shadow: none;
  color: var(--texte);
  font-family: var(--font-main);
  font-size: 16px;
  line-height: 1.4;
  transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row textarea {
  display: block;
  width: 100%;
  min-height: 96px;
  margin: 0;
  padding: 12px var(--space-4);
  border: 1.5px solid var(--ligne);
  border-radius: var(--radius-md);
  background: var(--blanc);
  box-shadow: none;
  color: var(--texte);
  font-family: var(--font-main);
  font-size: 16px;
  line-height: 1.6;
  resize: vertical;
  transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row input.input-text::placeholder,
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row textarea::placeholder { color: var(--texte-doux); opacity: .8; }
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row input.input-text:focus,
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row select:focus,
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row textarea:focus {
  outline: none;
  border-color: var(--rouge);
  box-shadow: 0 0 0 3px rgba(var(--rouge-rgb), .15);
}
/* الهاتف والبريد وكلمة المرور تتكتب من اليسار لليمين، وتبقى مصفوفة على اليمين مع بقية الخانات */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row input[type="tel"],
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row input[type="email"],
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row input[type="password"] { direction: ltr; text-align: right; }

/* القائمة المنسدلة: سهم صغير على اليسار (نفس «رتّب المنتجات»)، بلا سهم المتصفّح */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row select {
  appearance: none;
  -webkit-appearance: none;
  padding-inline-end: 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 14px center;
  background-size: 14px;
}
/* بلد وحيد (تونس): ما فماش شنو يتختار، يبان كخانة مقروءة برك */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row select.country_to_state--single {
  background-color: #f7f7f7;
  background-image: none;
  padding-inline-end: var(--space-4);
  color: var(--texte-doux);
  pointer-events: none;
}
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__rendered { line-height: 45px; padding: 0 var(--space-4); color: var(--texte); }
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__arrow { height: 45px; }

/* خانة فيها غلط */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row.woocommerce-invalid input.input-text,
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row.woocommerce-invalid select,
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row.woocommerce-invalid textarea { border-color: var(--erreur); }
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row.woocommerce-invalid label { color: var(--erreur); }
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row.woocommerce-invalid input.input-text:focus { box-shadow: 0 0 0 3px rgba(var(--erreur-rgb), .15); }

/* نصّ مساعد تحت الخانة */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row span[id$="_description"] { display: block; margin-top: 6px; }
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form .form-row span[id$="_description"] em { font-size: 12.5px; font-style: normal; line-height: 1.6; color: var(--texte-doux); }

/* ---- خانة الاختيار (تذكرني، الشحن لعنوان آخر، الشروط): مربّع دهشة بدل مربّع المتصفّح ---- */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin: 0;
  border: 1.5px solid #cfcfcf;
  border-radius: 6px;
  background: var(--blanc) center / 14px no-repeat;
  cursor: pointer;
  transition: background-color var(--dur-fast), border-color var(--dur-fast);
}
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce input[type="checkbox"]:checked {
  border-color: var(--rouge);
  background-color: var(--rouge);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
}
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce input[type="checkbox"]:focus-visible { outline: 3px solid var(--rouge); outline-offset: 2px; }
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form label.woocommerce-form__label-for-checkbox { /* نفس خصوصية قاعدة العنوان فوق، وتجي بعدها */
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 0;
  font-size: 14px;
  font-weight: var(--fw-medium);
  line-height: 1.5;
  cursor: pointer;
}

/* ---- زرّ الإرسال: نفس الزرّ الأحمر متاع الثيم، بحجم مريح للّمس ---- */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form button.button {
  min-height: 48px;
  padding: 0 var(--space-5);
  font-size: 15px;
  line-height: 1.2;
  cursor: pointer;
}

/* ---- روابط داخل النماذج ---- */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce form a:not(.button) { color: var(--rouge-fonce); text-underline-offset: 3px; }

/* ---- صندوق reCAPTCHA ----
   الإضافة تحطّ على كل صندوق style مباشر: scale(0.9) مع الأصل (0 0) أي فوق على اليسار. والصفحة من اليمين لليسار فالصندوق يتزحزح لليسار
   ويطلع من الإطار. نلغيو التصغير، ونصغّروه برك كي الشاشة ضيّقة، من اليمين (الأصل: right top). */
:is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce .g-recaptcha {
  max-width: 100%;
  margin: var(--space-3) 0;
  transform: none !important;
  -webkit-transform: none !important;
}
@media (max-width: 380px) {
  :is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce .g-recaptcha {
    transform: scale(.9) !important;
    -webkit-transform: scale(.9) !important;
    transform-origin: right top !important;
    -webkit-transform-origin: right top !important;
    margin-bottom: 0;
  }
}
@media (max-width: 340px) {
  :is(body.woocommerce-checkout, body.woocommerce-account, body.dehsha-tracking) .woocommerce .g-recaptcha {
    transform: scale(.78) !important;
    -webkit-transform: scale(.78) !important;
  }
}

/* ---- صفحة «تتبّع الطلب» (القائمة الجانبية): نموذج ووكمرس [woocommerce_order_tracking] بنفس شكل الحقول ---- */
body.dehsha-tracking .woocommerce form.track_order {
  padding: var(--space-4);
  border: 1px solid var(--ligne);
  border-radius: var(--radius-lg);
  background: var(--blanc);
}
body.dehsha-tracking .woocommerce form.track_order > p:first-of-type { margin: 0 0 var(--space-4); font-size: 14px; line-height: 1.8; color: var(--texte-doux); }
body.dehsha-tracking .woocommerce form.track_order .clear { display: none; }
body.dehsha-tracking .woocommerce form.track_order button.button[name="track"] { display: block; width: 100%; height: 50px; margin: var(--space-2) 0 0; font-size: 16px; font-weight: var(--fw-bold); }
body.dehsha-tracking .woocommerce .order-info { margin: 0 0 var(--space-4); padding: var(--space-4); border-radius: var(--radius-md); background: var(--succes-bg); font-size: 14px; line-height: 1.8; }
body.dehsha-tracking .woocommerce .order-info mark { background: none; color: var(--texte); font-weight: var(--fw-bold); }