/**
 * أنماط صفحة "تتبع طلبي" — تَهادُوا.
 *
 * نظام الواجهة المشترك لصفحتي تتبع الطلب:
 * - الواجهة المخصّصة (تُبنى من PHP/JS) بكلاسات .tahado-tracking*
 * - نموذج ووكومرس الافتراضي تحت محدد النطاق .tahado-tracking-page
 *   حتى لا تتسرب الأنماط إلى بقية الصفحات.
 *
 * قواعد ملزمة (AGENT.md): خصائص CSS منطقية فقط (RTL أولاً)،
 * وحدات rem للمقاسات وpx للحدود والظلال، ولا ألوان خام خارج
 * رموز --tahado-* واللونين الدلاليين (نجاح/خطأ) المعرفين أدناه.
 *
 * @package Tahado
 * @since   1.1.0
 */

/* =============================================================
 * 1) المتغيرات المحلية — الحالات الدلالية
 * اللونان الوحيدان خارج الهوية البصرية، بوصفهما استثناءً دلالياً
 * موثقاً (نجاح التسليم / فشل الطلب) وليسا إضافة للهوية.
 * مكونات RGB مشتقة منهما للاستخدام بشفافية في الخلفيات والهالات.
 * ============================================================= */
.tahado-tracking,
.tahado-tracking-page {
    --tahado-status-success: #2E7D32;        /* تم التسليم — أبيض عليه 5.1:1 */
    --tahado-status-error: #B3261E;          /* ملغي/فاشل — أبيض عليه 6.5:1 */
    --tahado-status-success-rgb: 46 125 50;
    --tahado-status-error-rgb: 179 38 30;
    --tahado-shadow-soft: 0 10px 30px rgb(var(--tahado-ink-rgb) / 0.07);
}

/* =============================================================
 * 2) الحاوية والترويسة
 * ============================================================= */

/* توحيد نموذج الصندوق داخل مكوّنات هذه الصفحات فقط — نفس نمط بقية ملفات المشروع
   (نحصره بجذور المكوّنات لا بالنطاق كله، لأن .tahado-tracking-page قد يوضع على body) */
.tahado-tracking,
.tahado-tracking *,
.tahado-tracking-page .woocommerce-form-track_order,
.tahado-tracking-page .woocommerce-form-track-order,
.tahado-tracking-page .woocommerce-form-track_order *,
.tahado-tracking-page .woocommerce-form-track-order *,
.tahado-tracking-page .woocommerce-order-overview,
.tahado-tracking-page .woocommerce-order-overview *,
.tahado-tracking-page .woocommerce-order-details,
.tahado-tracking-page .woocommerce-order-details * {
    box-sizing: border-box;
}

.tahado-tracking {
    max-width: 680px;
    margin-inline: auto;
    margin-block: 2.5rem 3.5rem;
    padding-inline: 1rem;
    display: grid;
    gap: 1.5rem;
}

.tahado-tracking__hero {
    background: linear-gradient(180deg, var(--tahado-surface-3), var(--tahado-bg));
    border: 1px solid var(--tahado-line);
    border-radius: var(--tahado-radius-xl);
    padding: 2.5rem 1.5rem 2rem;
    text-align: center;
    display: grid;
    justify-items: center;
    gap: 0.375rem;
}

/* دائرة أيقونة الصندوق — 72px */
.tahado-tracking__hero-icon {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: var(--tahado-purple);
    color: var(--tahado-on-dark);
    display: grid;
    place-items: center;
    box-shadow: 0 8px 20px rgb(var(--tahado-purple-rgb) / 0.25);
    margin-block-end: 0.375rem;
}

.tahado-tracking__hero-icon svg {
    width: 2rem;
    height: 2rem;
}

.tahado-tracking__hero h1,
.tahado-tracking__hero h2 {
    font-family: var(--tahado-font-heading);
    font-size: 1.875rem;      /* 30px */
    font-weight: 700;
    line-height: 1.3;
    color: var(--tahado-text);
    margin: 0;
}

.tahado-tracking__hero p {
    color: var(--tahado-mute);
    font-size: 1rem;
    margin: 0;
}

/* =============================================================
 * 3) بطاقة البحث والحقول والزر
 * الزر الأساسي بنفسجي (الهوية الأساسية) — لا ذهبي.
 * ============================================================= */
.tahado-tracking__form {
    background: var(--tahado-surface);
    border: 1px solid var(--tahado-line);
    border-radius: var(--tahado-radius-xl);
    padding: 1.75rem 1.5rem;
    box-shadow: var(--tahado-shadow-soft);
}

.tahado-tracking__form label {
    display: block;
    font-weight: 700;
    color: var(--tahado-text);
    margin-block-end: 0.5rem;
}

/* صف البحث: الحقل والزر في سطر واحد على سطح المكتب (تتكدد على الموبايل — قسم 9) */
.tahado-tracking__row {
    display: flex;
    align-items: stretch;
    gap: 0.75rem;
}

.tahado-tracking__row input {
    flex: 1 1 auto;
    min-width: 0;
    height: 3rem;             /* 48px */
    padding-inline: 1rem;
    font: inherit;
    color: var(--tahado-text);
    background: var(--tahado-surface);
    border: 1px solid var(--tahado-line);
    border-radius: var(--tahado-radius-md);
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.tahado-tracking__btn {
    height: 3rem;
    padding-inline: 2rem;
    border: 0;
    border-radius: var(--tahado-radius-pill);
    background: var(--tahado-purple);
    color: var(--tahado-on-dark);      /* أبيض على بنفسجي 6.45:1 */
    font-family: var(--tahado-font-body);
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.tahado-tracking__btn:hover {
    background: var(--tahado-purple-deep);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgb(var(--tahado-purple-rgb) / 0.25);
}

.tahado-tracking__btn:active {
    transform: translateY(0);
    box-shadow: none;
}

.tahado-tracking__btn:disabled {
    cursor: progress;
    opacity: 0.75;
}

/* أثناء البحث: أيقونة SVG داخل الزر تدور كمؤشر تحميل */
.tahado-tracking__btn:disabled svg {
    animation: tahado-tracking-spin 800ms linear infinite;
}

@keyframes tahado-tracking-spin {
    to {
        transform: rotate(360deg);
    }
}

.tahado-tracking__hint {
    margin-block: 0.75rem 0;
    font-size: 0.8125rem;
    color: var(--tahado-mute);
}

/* =============================================================
 * 4) شريط مراحل الطلب (Stepper) — 3 مراحل
 * Flexbox فقط: في RTL تبدأ المرحلة 1 من اليمين طبيعياً بلا كود اتجاهي.
 * النقطة = ::after (بترتيب order أول عمود)، والخط الواصل = ::before
 * ينتمي للخطوة التالية ويمتد نحو السابقة بخصائص منطقية.
 * ============================================================= */
.tahado-tracking-steps {
    display: flex;
    align-items: flex-start;
    margin-block: 1.25rem;
}

.tahado-tracking-steps__step {
    position: relative;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
}

/* الخط الواصل بين النقاط — الحالة الافتراضية: متبقٍ */
.tahado-tracking-steps__step + .tahado-tracking-steps__step::before {
    content: "";
    position: absolute;
    inset-inline-end: 50%;    /* من مركز هذه الخطوة نحو مركز السابقة */
    top: 7px;                 /* مركز النقطة (نقطة 16px، خط 2px) */
    width: 100%;
    height: 2px;
    background: var(--tahado-line);
}

/* نقطة المرحلة — المتبقية: عاجي بحد رمادي */
.tahado-tracking-steps__step::after {
    content: "";
    order: -1;                /* النقطة أعلى العمود قبل التسمية */
    position: relative;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--tahado-surface-2);
    border: 2px solid var(--tahado-line);
}

/* المرحلة المنجزة: نقطة بنفسجية ممتلئة */
.tahado-tracking-steps__step--done::after {
    background: var(--tahado-purple);
    border-color: var(--tahado-purple);
}

/* علامة الصح فوق النقطة المنجزة (SVG من JS بلون currentColor) */
.tahado-tracking-steps__step--done svg {
    position: absolute;
    top: 3px;                 /* مركز النقطة 8px ناقص نصف الأيقونة 5px */
    inset-inline: 0;
    margin-inline: auto;
    width: 0.625rem;
    height: 0.625rem;
    z-index: 2;
    color: var(--tahado-on-dark);
}

/* المرحلة الحالية: حلقة بنفسجية بوهج خفيف */
.tahado-tracking-steps__step--current::after {
    background: var(--tahado-surface);
    border-color: var(--tahado-purple);
    box-shadow: 0 0 0 4px rgb(var(--tahado-purple-rgb) / 0.15);
}

/* الخط المنجز: ما يسبق مرحلة منجزة، أو ما يصل مرحلة منجزة بالحالية */
.tahado-tracking-steps__step--done + .tahado-tracking-steps__step::before,
.tahado-tracking-steps__step--done::before {
    background: var(--tahado-purple);
}

.tahado-tracking-steps__label {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--tahado-mute);
}

.tahado-tracking-steps__step--done .tahado-tracking-steps__label {
    color: var(--tahado-text);
}

.tahado-tracking-steps__step--current .tahado-tracking-steps__label {
    color: var(--tahado-purple-deep);
}

/* =============================================================
 * 5) بطاقات النتائج والشارات
 * ظهور تدريجي: fade + انزياح 8px صعوداً، 250ms، وتدرج 40ms بين البطاقات.
 * ألوان الشارات حسب جدول الحالات (الذهبي بنص كحلي دائماً — لا أبيض).
 * ============================================================= */
.tahado-tracking__results {
    display: grid;
    gap: 1rem;
}

.tahado-tracking__results:empty {
    display: none;
}

@keyframes tahado-tracking-enter {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tahado-tracking-card {
    background: var(--tahado-surface);
    border: 1px solid var(--tahado-line);
    border-radius: var(--tahado-radius);
    padding: 1.25rem 1.5rem;
    box-shadow: var(--tahado-shadow-soft);
    animation: tahado-tracking-enter 250ms ease-out both;
}

.tahado-tracking-card:nth-child(2) {
    animation-delay: 40ms;
}

.tahado-tracking-card:nth-child(3) {
    animation-delay: 80ms;
}

.tahado-tracking-card:nth-child(4) {
    animation-delay: 120ms;
}

.tahado-tracking-card:nth-child(5) {
    animation-delay: 160ms;
}

.tahado-tracking-card:nth-child(n+6) {
    animation-delay: 200ms;
}

.tahado-tracking-card header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.tahado-tracking-card__no {
    font-family: var(--tahado-font-heading);
    font-size: 1.125rem;
    color: var(--tahado-purple-deep);     /* 10.9:1 على الأبيض */
    margin: 0;
}

/* الشارة — الحالة الافتراضية (بدون تعديل حالة) */
.tahado-tracking-card__status {
    margin-inline-start: auto;
    background: var(--tahado-bg);
    border: 1px solid var(--tahado-line);
    color: var(--tahado-text);
    border-radius: var(--tahado-radius-pill);
    padding: 0.25rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 700;
    white-space: nowrap;
}

/* قيد المراجعة/معلّق: ذهبي + نص كحلي (7.97:1) — الأبيض على الذهبي ممنوع */
.tahado-tracking-card__status--hold {
    background: var(--tahado-gold);
    border-color: var(--tahado-gold);
    color: var(--tahado-text);
}

/* جاري التجهيز: بنفسجي + أبيض (6.45:1) */
.tahado-tracking-card__status--active {
    background: var(--tahado-purple);
    border-color: var(--tahado-purple);
    color: var(--tahado-on-dark);
}

/* تم التسليم: أخضر دلالي + أبيض (5.1:1) */
.tahado-tracking-card__status--done {
    background: var(--tahado-status-success);
    border-color: var(--tahado-status-success);
    color: var(--tahado-on-dark);
}

/* ملغي/فاشل/مسترد: أحمر دلالي + أبيض (6.5:1) */
.tahado-tracking-card__status--bad {
    background: var(--tahado-status-error);
    border-color: var(--tahado-status-error);
    color: var(--tahado-on-dark);
}

.tahado-tracking-card__date {
    color: var(--tahado-mute);
    font-size: 0.875rem;
    margin-block: 0.75rem 0.25rem;
}

.tahado-tracking-card__items {
    list-style: none;
    padding: 0;
    margin-block: 0.5rem 0.75rem;
    display: grid;
    gap: 0.375rem;
    font-size: 0.9375rem;
    color: var(--tahado-text);
}

/* نقطة زخرفية بديلة عن التعداد الافتراضي — بخصائص منطقية */
.tahado-tracking-card__items li {
    position: relative;
    padding-inline-start: 1rem;
}

.tahado-tracking-card__items li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0.6em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--tahado-purple-light);
}

.tahado-tracking-card__total {
    font-weight: 800;
    font-size: 1rem;
    color: var(--tahado-text);
    margin: 0;
    padding-block-start: 0.75rem;
    border-block-start: 1px dashed var(--tahado-line);
}

/* =============================================================
 * 6) حالات الخطأ والفراغ
 * الخطأ: بطاقة بخلفية حمراء شفافة خفيفة وحد أحمر فاتح + زر واتساب.
 * الفراغ: بطاقة عاجية بحد متقطع + أيقونة بحث + زر واتساب.
 * ============================================================= */
.tahado-tracking__error {
    background: rgb(var(--tahado-status-error-rgb) / 0.06);
    border: 1px solid rgb(var(--tahado-status-error-rgb) / 0.25);
    border-radius: var(--tahado-radius);
    padding: 1.75rem 1.5rem;
    display: grid;
    justify-items: center;
    gap: 0.5rem;
    text-align: center;
}

/* الصندوق يُخفى من PHP عبر سمة hidden — هذه القاعدة تضمن كبت الخلفية والحدود
   لأن قاعدة العرض أعلاه تغلب display:none الافتراضي لسمة hidden */
.tahado-tracking__error[hidden] {
    display: none;
}

.tahado-tracking__state {
    background: var(--tahado-bg);
    border: 1px solid var(--tahado-line);
    border-radius: var(--tahado-radius);
    padding: 2.5rem 1.5rem;
    display: grid;
    justify-items: center;
    gap: 0.5rem;
    text-align: center;
}

/* حالة الفراغ: لا طلبات بهذا الرقم */
.tahado-tracking__state--empty {
    border-style: dashed;
}

.tahado-tracking__state svg {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--tahado-mute);
}

.tahado-tracking__state p {
    color: var(--tahado-mute);
    margin: 0;
}

/* =============================================================
 * 7) قسم المساعدة وعناصر الثقة
 * بطاقة عاجية ناعمة + زر واتساب ملكي (أبيض عليه 7.58:1) + 3 عناصر ثقة.
 * ============================================================= */
.tahado-tracking__help {
    background: var(--tahado-surface-3);
    border: 1px solid var(--tahado-line);
    border-radius: var(--tahado-radius-xl);
    padding: 2rem 1.5rem;
    text-align: center;
    display: grid;
    justify-items: center;
    gap: 0.75rem;
}

.tahado-tracking__help h2 {
    font-family: var(--tahado-font-heading);
    font-size: 1.5rem;
    color: var(--tahado-text);
    margin: 0;
}

.tahado-tracking__help p {
    color: var(--tahado-mute);
    margin: 0;
}

/* زر واتساب المشترك (المساعدة + حالتي الخطأ والفراغ) */
.tahado-tracking__wa {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--tahado-royal);
    color: var(--tahado-on-dark);
    border-radius: var(--tahado-radius-pill);
    padding: 0.75rem 1.75rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.tahado-tracking__wa svg {
    width: 1.25rem;
    height: 1.25rem;
}

.tahado-tracking__wa:hover {
    background: var(--tahado-royal-deep);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgb(var(--tahado-royal-rgb) / 0.25);
}

.tahado-tracking__wa:active {
    transform: translateY(0);
    box-shadow: none;
}

/* عناصر الثقة: دفع عند الاستلام، توصيل لكل المحافظات، دعم سريع */
.tahado-tracking__trust {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 2rem;
    margin: 0.75rem 0 0;
    padding: 1.25rem 0 0;
    border-block-start: 1px solid var(--tahado-line);
    width: 100%;
}

.tahado-tracking__trust li {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--tahado-text);
}

.tahado-tracking__trust svg {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--tahado-purple);
    flex-shrink: 0;
}

/* =============================================================
 * 8) نطاق صفحة ووكومرس الافتراضي — .tahado-tracking-page
 * كل قواعد هذا القسم تحت محدد النطاق حتى لا تتسرب لصفحات أخرى.
 * ============================================================= */

/* نموذج التتبع الافتراضي: بطاقة بيضاء بنفس الظل، حقلان بعمودين على سطح المكتب */
.tahado-tracking-page .woocommerce-form-track_order,
.tahado-tracking-page .woocommerce-form-track-order {
    background: var(--tahado-surface);
    border: 1px solid var(--tahado-line);
    border-radius: var(--tahado-radius-xl);
    box-shadow: var(--tahado-shadow-soft);
    max-width: 680px;
    margin-inline: auto;
    padding: 2rem 1.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.tahado-tracking-page .woocommerce-form-track_order .form-row,
.tahado-tracking-page .woocommerce-form-track-order .form-row {
    float: none;
    width: auto;
    flex: 1 1 14rem;
    margin: 0;
    padding: 0;
}

/* صف الإرسال يمتد بعرض البطاقة كاملة */
.tahado-tracking-page .woocommerce-form-track_order .form-row:not(.form-row-first):not(.form-row-last),
.tahado-tracking-page .woocommerce-form-track-order .form-row:not(.form-row-first):not(.form-row-last) {
    flex-basis: 100%;
}

.tahado-tracking-page .woocommerce-form-track_order label,
.tahado-tracking-page .woocommerce-form-track-order label {
    display: block;
    font-weight: 700;
    color: var(--tahado-text);
    margin-block-end: 0.5rem;
}

/* النجمة الإلزامية: لون دلالي والنجمة نفسها نص (اللون ليس المؤشر الوحيد) */
.tahado-tracking-page .woocommerce-form-track_order .required,
.tahado-tracking-page .woocommerce-form-track-order .required {
    color: var(--tahado-status-error);
    text-decoration: none;
    border: 0;
}

/* حقول النموذج الافتراضي (تغطية صفتي input-text و text معاً) */
.tahado-tracking-page .woocommerce-form-track_order input.input-text,
.tahado-tracking-page .woocommerce-form-track-order input.input-text,
.tahado-tracking-page .woocommerce-form-track_order input.text,
.tahado-tracking-page .woocommerce-form-track-order input.text {
    display: block;
    width: 100%;
    height: 3rem;
    padding-inline: 1rem;
    font: inherit;
    color: var(--tahado-text);
    background: var(--tahado-surface);
    border: 1px solid var(--tahado-line);
    border-radius: var(--tahado-radius-md);
    box-shadow: none;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

/* زر النموذج الافتراضي: بنفس لغة الزر الأساسي (بنفسجي كابسولي) */
.tahado-tracking-page .woocommerce-form-track_order button[name="track"],
.tahado-tracking-page .woocommerce-form-track-order button[name="track"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 3rem;
    padding-inline: 2rem;
    border: 0;
    border-radius: var(--tahado-radius-pill);
    background: var(--tahado-purple);
    color: var(--tahado-on-dark);
    font-family: var(--tahado-font-body);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.tahado-tracking-page .woocommerce-form-track_order button[name="track"]:hover,
.tahado-tracking-page .woocommerce-form-track-order button[name="track"]:hover {
    background: var(--tahado-purple-deep);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgb(var(--tahado-purple-rgb) / 0.25);
}

.tahado-tracking-page .woocommerce-form-track_order button[name="track"]:active,
.tahado-tracking-page .woocommerce-form-track-order button[name="track"]:active {
    transform: translateY(0);
    box-shadow: none;
}

/* نتائج النموذج الافتراضي: القائمة تتحول إلى بطاقة بصفوف */
.tahado-tracking-page .woocommerce-order-overview {
    background: var(--tahado-surface);
    border: 1px solid var(--tahado-line);
    border-radius: var(--tahado-radius);
    box-shadow: var(--tahado-shadow-soft);
    max-width: 680px;
    margin-inline: auto;
    margin-block: 1.5rem;
    padding: 0.25rem 1.25rem;
    list-style: none;
}

.tahado-tracking-page .woocommerce-order-overview li {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-block: 0.75rem;
    border-block-end: 1px dashed var(--tahado-line);
    font-size: 0.9375rem;
    color: var(--tahado-mute);
}

.tahado-tracking-page .woocommerce-order-overview li:last-child {
    border-block-end: 0;
}

.tahado-tracking-page .woocommerce-order-overview li strong {
    color: var(--tahado-text);
}

.tahado-tracking-page .woocommerce-order-overview a,
.tahado-tracking-page .woocommerce-order-details a {
    color: var(--tahado-purple);
    text-decoration: none;
}

.tahado-tracking-page .woocommerce-order-overview a:hover,
.tahado-tracking-page .woocommerce-order-details a:hover {
    color: var(--tahado-purple-deep);
    text-decoration: underline;
}

/* جدول تفاصيل الطلب: بطاقة بيضاء بصفوف مرتبة */
.tahado-tracking-page .woocommerce-order-details {
    background: var(--tahado-surface);
    border: 1px solid var(--tahado-line);
    border-radius: var(--tahado-radius-xl);
    box-shadow: var(--tahado-shadow-soft);
    max-width: 680px;
    margin-inline: auto;
    margin-block: 1.5rem;
    padding: 1.75rem 1.5rem;
}

.tahado-tracking-page .woocommerce-order-details h2 {
    font-family: var(--tahado-font-heading);
    font-size: 1.375rem;
    color: var(--tahado-text);
    margin-block: 0 1rem;
}

.tahado-tracking-page .woocommerce-order-details table.shop_table {
    width: 100%;
    border-collapse: collapse;
    border: 0;
    font-size: 0.9375rem;
    background: transparent;
}

.tahado-tracking-page .woocommerce-order-details table.shop_table th,
.tahado-tracking-page .woocommerce-order-details table.shop_table td {
    border: 0;
    border-block-end: 1px solid var(--tahado-line);
    padding: 0.75rem 0.5rem;
    text-align: start;
    color: var(--tahado-text);
    background: transparent;
}

.tahado-tracking-page .woocommerce-order-details table.shop_table thead th {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--tahado-mute);
}

.tahado-tracking-page .woocommerce-order-details table.shop_table tfoot th,
.tahado-tracking-page .woocommerce-order-details table.shop_table tfoot td {
    font-weight: 700;
}

.tahado-tracking-page .woocommerce-order-details p {
    color: var(--tahado-mute);
}

/* =============================================================
 * 9) شاشات صغيرة — تكديس الحقل والزر وتسميات stepper مضغوطة
 * ============================================================= */
@media (max-width: 640px) {

    .tahado-tracking__row {
        flex-direction: column;
        gap: 0.75rem;
    }

    .tahado-tracking__btn {
        width: 100%;
    }

    .tahado-tracking__form {
        padding: 1.25rem 1rem;
    }

    .tahado-tracking__hero {
        padding: 2rem 1rem 1.5rem;
    }

    .tahado-tracking__hero-icon {
        width: 3.5rem;
        height: 3.5rem;
    }

    .tahado-tracking__hero h1,
    .tahado-tracking__hero h2 {
        font-size: 1.5rem;
    }

    /* stepper يبقى أفقياً بتسميات مضغوطة */
    .tahado-tracking-steps__label {
        font-size: 0.75rem;
    }

    .tahado-tracking-steps__step {
        gap: 0.375rem;
    }

    .tahado-tracking-card {
        padding: 1rem 1.25rem;
    }

    .tahado-tracking__help {
        padding: 1.5rem 1rem;
    }

    .tahado-tracking-page .woocommerce-form-track_order,
    .tahado-tracking-page .woocommerce-form-track-order {
        padding: 1.25rem 1rem;
    }

    /* عمود واحد للنموذج الافتراضي */
    .tahado-tracking-page .woocommerce-form-track_order .form-row,
    .tahado-tracking-page .woocommerce-form-track-order .form-row {
        flex-basis: 100%;
    }

    .tahado-tracking-page .woocommerce-order-details {
        padding: 1.25rem 1rem;
    }
}

/* =============================================================
 * 10) تقليل الحركة — إلغاء الحركات والانتقالات (WCAG 2.3.3)
 * ============================================================= */
@media (prefers-reduced-motion: reduce) {

    .tahado-tracking-card,
    .tahado-tracking__state,
    .tahado-tracking__error {
        animation: none;
    }

    .tahado-tracking__row input,
    .tahado-tracking-page .woocommerce-form-track_order input.input-text,
    .tahado-tracking-page .woocommerce-form-track-order input.input-text,
    .tahado-tracking-page .woocommerce-form-track_order input.text,
    .tahado-tracking-page .woocommerce-form-track-order input.text,
    .tahado-tracking__btn,
    .tahado-tracking__wa,
    .tahado-tracking-page .woocommerce-form-track_order button[name="track"],
    .tahado-tracking-page .woocommerce-form-track-order button[name="track"] {
        transition: none;
    }

    .tahado-tracking__btn:hover,
    .tahado-tracking__wa:hover,
    .tahado-tracking-page .woocommerce-form-track_order button[name="track"]:hover,
    .tahado-tracking-page .woocommerce-form-track-order button[name="track"]:hover {
        transform: none;
        box-shadow: none;
    }

    .tahado-tracking__btn:disabled svg {
        animation: none;
    }
}

/* =============================================================
 * 11) لوحة التركيز الظاهرة — WCAG 2.4.7
 * لكل عنصر تفاعلي مؤشر تركيز صريح عبر :focus-visible.
 * ============================================================= */

/* الحقول: بديل الـ outline هو حد بنفسجي + هالة 4px واضحة تماماً */
.tahado-tracking__row input:focus-visible,
.tahado-tracking-page .woocommerce-form-track_order input.input-text:focus-visible,
.tahado-tracking-page .woocommerce-form-track-order input.input-text:focus-visible,
.tahado-tracking-page .woocommerce-form-track_order input.text:focus-visible,
.tahado-tracking-page .woocommerce-form-track-order input.text:focus-visible {
    outline: none;
    border-color: var(--tahado-purple);
    box-shadow: 0 0 0 4px rgb(var(--tahado-purple-rgb) / 0.15);
}

/* الأزرار وروابط واتساب وروابط النتائج: إطار بنفسجي صريح */
.tahado-tracking__btn:focus-visible,
.tahado-tracking__wa:focus-visible,
.tahado-tracking-page .woocommerce-form-track_order button:focus-visible,
.tahado-tracking-page .woocommerce-form-track-order button:focus-visible,
.tahado-tracking-page .woocommerce-order-overview a:focus-visible,
.tahado-tracking-page .woocommerce-order-details a:focus-visible {
    outline: 3px solid var(--tahado-purple);
    outline-offset: 2px;
}