/* ============================================================
   «تمّ الطلب» و«التفاصيل» (عرض الطلب) و«تتبّع الطلب» بشكل دهشة (ثيم 0.3.7، طلب أسامة 07/10).
   بطاقات بسيطة بدل جدول ووكمرس. قوالب: woocommerce/checkout/thankyou.php وmyaccount/view-order.php وorder/tracking.php، وقطعها في inc/order-track.php.
   بطاقة التتبّع (الخطوات والمندوب والكود) وورقة التتبّع وأزرار الطلب: في theme.css (مشتركة مع «طلباتي»).
   يتحمّل في هالصفحات الثلاثة برك، بعد theme.css (وبعد account.css في «التفاصيل»).
   ============================================================ */

/* العنوان الأصلي «تم استلام الطلب» (h1 متاع الصفحة): عندنا عنوان في الأعلى */
body.woocommerce-order-received .page-title { display: none; }
/* «التفاصيل» داخل «حسابي»: بطاقاتنا فيها حدودها، فما نحطّوش بطاقة داخل بطاقة */
body.woocommerce-view-order .woocommerce-MyAccount-content { padding: 0; border: 0; background: none; }

.dh-done { max-width: 560px; margin-inline: auto; padding-bottom: var(--space-5); }
.dh-done > * { min-width: 0; }

/* ---- فوق: روبوت يحتفل + «تمّ الطلب!» ---- */
.done-hero { padding: var(--space-4) 0 var(--space-3); text-align: center; }
.done-hero-art { position: relative; width: 150px; height: 150px; margin: 0 auto var(--space-2); }
.done-hero-art::before { content: ""; position: absolute; inset: 14px; border-radius: 50%; background: radial-gradient(circle at 50% 45%, rgba(var(--rouge-rgb), .18), rgba(var(--rouge-rgb), 0) 72%); }
.done-hero-art img { position: relative; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .2)); }
.done-check { position: absolute; inset-inline-end: 10px; inset-block-end: 12px; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--succes); color: #fff; box-shadow: 0 0 0 4px #fff, 0 6px 14px rgba(0, 0, 0, .18); }
.done-check svg { width: 20px; height: 20px; }
/* العنوان اللي فوق يتبدّل بمرحلة الطلب (data-phase على .dh-done: السيرفر يحطّو، وtrack.js يبدّلو كي الحالة تتبدّل): «تمّ الطلب!» ← «تمّ التوصيل!» ولا «تلغى الطلب» */
.done-hero-delivered, .done-hero-cancelled { display: none; }
.dh-done[data-phase="delivered"] .done-hero-open, .dh-done[data-phase="cancelled"] .done-hero-open { display: none; }
.dh-done[data-phase="delivered"] .done-hero-delivered, .dh-done[data-phase="cancelled"] .done-hero-cancelled { display: block; }
.done-hero-art.is-sorry::before { background: radial-gradient(circle at 50% 45%, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0) 72%); }
.done-title { margin: 0 0 6px; font-size: 27px; font-weight: var(--fw-bold); line-height: 1.3; }
.done-sub { margin: 0; font-size: 14.5px; line-height: 1.85; color: var(--texte-doux); }
.done-sub strong { color: var(--texte); font-weight: var(--fw-bold); }
.done-card .done-sub { margin-bottom: var(--space-3); }
.done-view-meta { margin: 0 0 var(--space-3); font-size: 13.5px; color: var(--texte-doux); }
.done-view-meta strong { color: var(--texte); font-weight: var(--fw-bold); }

/* ---- البطاقات ---- */
.done-card { position: relative; margin-bottom: var(--space-4); padding: var(--space-4); border: 1px solid var(--ligne); border-radius: var(--radius-lg); background: var(--blanc); box-shadow: 0 8px 22px -16px rgba(0, 0, 0, .25); }
.done-card-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-3); }
.done-card-head h2 { margin: 0; font-size: 16px; font-weight: var(--fw-bold); line-height: 1.4; }

/* «طلبك»: المنتجات والمجاميع وطريقة الدفع */
.done-items { margin: 0 0 var(--space-2); padding: 0; list-style: none; }
.done-items li { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px dashed var(--ligne); }
.done-items li:last-child { border-bottom: 0; }
.di-img { flex: none; width: 50px; height: 50px; overflow: hidden; border: 1px solid var(--ligne); border-radius: 10px; background: #fff; }
.di-img.is-empty { background: #f4f4f4; }
.di-img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.di-name { flex: 1; min-width: 0; font-size: 14px; font-weight: var(--fw-semibold); line-height: 1.5; overflow-wrap: anywhere; }
.di-name small { display: block; font-size: 12.5px; font-weight: var(--fw-regular); color: var(--texte-doux); }
.di-price { flex: none; font-size: 14px; font-weight: var(--fw-bold); direction: ltr; unicode-bidi: isolate; }
.done-pay { display: flex; align-items: center; gap: 10px; margin-top: var(--space-3); padding: 10px 12px; border-radius: var(--radius-md); background: var(--succes-bg); color: #166a3c; font-size: 13.5px; font-weight: var(--fw-semibold); }
.done-pay svg { flex: none; width: 22px; height: 22px; }

/* «عنوان التوصيل»: النصّ، وخريطة Kikote الصغيرة (نفس كودها، بحجم صغير)، ورابط خرائط جوجل */
.done-addr { margin: var(--space-2) 0 0; font-size: 14.5px; line-height: 1.9; }
.done-addr b { display: block; font-weight: var(--fw-bold); }
.done-map {
  position: relative;
  margin-top: var(--space-3);
  overflow: hidden;
  border: 1px solid var(--ligne);
  border-radius: var(--radius-md);
  /* لوحة خرائط خفيفة تحت: كان بلاطات جوجل ما تحمّلتش تبقى الخريطة مفهومة (العلامة في الوسط) */
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, .7) 0 3px, transparent 3px 26px), repeating-linear-gradient(-30deg, rgba(255, 255, 255, .55) 0 3px, transparent 3px 34px), #dfe5ea;
}
.done-map #lpac-map-container { margin: 0; padding: 0; border: 0; }
.done-map #lpac-map-container > h2 { display: none; } /* عنوان «الموقع» متاع Kikote */
.done-map .lpac-map { width: 100% !important; height: 170px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; } /* !important: Kikote تحط 400px بـ!important في الرأس */
.done-map .gm-style-iw-a { display: none; } /* نافذة العنوان متاع جوجل (تغطّي الخريطة الصغيرة): العنوان مكتوب فوق */
.done-map-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; color: var(--rouge-fonce); font-size: 13.5px; font-weight: var(--fw-semibold); text-decoration: none; }
.done-map-link svg { flex: none; width: 18px; height: 18px; }
@media (min-width: 700px) { .done-map .lpac-map { height: 220px !important; } }

/* أخبار الطلب (ملاحظات الإدارة للعميل) */
.done-notes { margin: 0; padding: 0; list-style: none; }
.done-notes li { padding: 10px 0; border-bottom: 1px dashed var(--ligne); font-size: 14px; line-height: 1.8; }
.done-notes li:last-child { border-bottom: 0; }
.done-notes time { display: block; font-size: 12px; color: var(--texte-doux); }
.done-notes p { margin: 0; }

/* الأزرار تحت */
.done-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: var(--space-5) 0 var(--space-6); }
.done-actions .btn { flex: 1 1 calc(50% - 5px); text-align: center; text-decoration: none; font-family: var(--font-main); }

/* «تتبّع الطلب» في القائمة: النتيجة تحت نموذج ووكمرس */
body.dehsha-tracking .dh-done { margin-top: var(--space-5); }