. 🔴 ورقة توافق ووكومرس من Astra (woocommerce.min-rtl.css) تكسر أصناف المكتبة بخصوصية أعلى: .woocommerce input[type="text"] (0,2,1) > .ds-input (0,1,0) ⇒ حدّ داكن وزاوية 0 .woocommerce-js form .form-row label (0,3,1) > .ds-label (0,1,0) ⇒ وزن 700 وقياس 0.9rem .woocommerce select (0,2,1) > .ds-select (0,1,0) ⇒ زاوية 3px وارتفاع 35px هذه الورقة تُحمَّل بمقبض ووكومرس لا بمقبض يبدأ بـastra، فلا يلتقطها aneya_ds_dequeue_astra(). نعيد قيم المكتبة برفع الخصوصية إلى (0,3,2) — بلا !important، والقيم كما في tokens/aneya-ds تماماً. */ body.aneya-account .ac-form input.ds-input, body.aneya-account .ac-form select.ds-select, body.aneya-account .ac-form textarea.ds-textarea { width: 100%; font-family: var(--font); font-size: 15px; color: var(--ink); background: var(--surface-card); border: 1px solid var(--line); border-radius: var(--r-control); height: auto; min-height: 46px; box-shadow: none; outline: none; } /* الحشوة: المكتبة تضبطها للحقول النصّية أصلاً (Astra لا يمسّها)، والقائمة وحدها تحتاج استعادتها */ body.aneya-account .ac-form select.ds-select { padding: var(--s3); } body.aneya-account .ac-form input.ds-input:focus, body.aneya-account .ac-form select.ds-select:focus, body.aneya-account .ac-form textarea.ds-textarea:focus { border-color: var(--focus); box-shadow: 0 0 0 3px var(--plum-50); } body.aneya-account .ac-form label.ds-label { display: block; font-size: 13px; font-weight: 400; line-height: 1.4; color: var(--ink-secondary); margin: 0 0 var(--s2); } body.aneya-account .ac-form .ds-input.ac-locked { background: var(--surface-canvas); color: var(--ink-hint); } /* «(اختياري)» من ووكومرس و«*» للمطلوب — نبرتهما هادئة كبقيّة المكتبة */ body.aneya-account .ac-form label .optional { color: var(--ink-hint); font-weight: 400; } body.aneya-account .ac-form label .required { color: var(--ink-hint); font-weight: 400; text-decoration: none; border: 0; } /* النماذج — حقول ووكومرس تحمل أصناف المكتبة، فنحتاج تحييد غلاف
فقط */ .ac-form .form-row, .ac-form p.ds-field { padding: 0; margin: 0 0 var(--s4); width: 100%; float: none; display: block; } .ac-form .woocommerce-input-wrapper { display: block; width: 100%; } .ac-form .required { color: var(--danger); text-decoration: none; border: 0; } .ac-form .optional { color: var(--ink-hint); } .ac-form .ds-opt { color: var(--ink-hint); font-size: 12px; } .ac-form .a-btn { width: 100%; } .ac-form abbr[title] { text-decoration: none; } .ac-locked { background: var(--surface-canvas); color: var(--ink-hint); direction: ltr; text-align: right; } .ac-hint { display: block; font-size: 12px; line-height: 1.7; color: var(--ink-hint); margin-top: var(--s2); } .ac-hint a { color: var(--plum-600); } /* واتساب + خروج */ .ac-wa { background: var(--ok); color: #fff; display: block; text-align: center; } .ac-logout { display: block; text-align: center; font-size: 13px; color: var(--ink-secondary); min-height: 44px; line-height: 44px; margin-top: var(--s4); } .ac-logout:hover { color: var(--danger); } .ac-pager { display: flex; align-items: center; justify-content: center; gap: var(--s4); margin-top: var(--s4); } .ac-pager-n { font-size: 13px; color: var(--ink-hint); font-variant-numeric: tabular-nums; } .ac-empty .a-btn { max-width: 240px; } /* كتلة قصاصة 35 (الواتساب) — نلبسها شكل المكتبة بلا تعديل القصاصة نفسها. 🔴 قواعد القصاصة تحمل !important (زوايا 15px/50px وحدّ خوخيّ خارج اللوحة)، فلا تكفي الخصوصية وحدها. هذا تجاوز عرضٍ فقط: النصّ والرقم والرسالة تبقى من القصاصة، هي المصدر الوحيد. */ .ac-hooked .aneya-support-section { background: var(--ok-bg) !important; border: 1px solid var(--ok-line) !important; border-radius: var(--r-card) !important; padding: var(--s4) !important; margin: 0 0 var(--s3) !important; text-align: start !important; box-shadow: none !important; } .ac-hooked .aneya-support-section h4 { font-size: 15px !important; font-weight: 500 !important; margin: 0 0 var(--s1) !important; color: var(--ink) !important; } .ac-hooked .aneya-support-section p { font-size: 13px !important; line-height: 1.7 !important; color: var(--ink-secondary) !important; margin: 0 0 var(--s3) !important; } .ac-hooked .aneya-whatsapp-btn { display: block !important; text-align: center !important; background: var(--ok) !important; color: #fff !important; border-radius: var(--r-control) !important; padding: var(--s3) !important; font-size: 15px !important; font-weight: 400 !important; box-shadow: none !important; } .ac-hooked .aneya-whatsapp-btn::before { display: none !important; } /* شاشة الدخول — القشرة لنا والنموذج لـDigits؛ نُحاذي متغيّراته فقط */ .ac-login { max-width: 420px; margin-inline: auto; padding-top: var(--s4); } .ac-login .ac-h1 { text-align: center; } .ac-login .ac-lede { text-align: center; } /* 🔴 Digits يعيد إعلان --dprimary على حاوياته نفسها، فالوراثة من .ac-digits تخسر — نستهدفها مباشرة (0,2,0). */ .ac-digits .digits-main_style, .ac-digits .digits-tp_style, .ac-digits .digits-form_page, .ac-digits .digits-form_container, .ac-digits .digits_ui { --dprimary: var(--plum-600); --daccent: var(--plum-600); --dbutton: var(--plum-600); --dtitle: var(--ink); } .ac-digits .digits-form_page, .ac-digits .digits-form_container { box-shadow: none; border: 0; background: transparent; } /* حقول Digits تُعاد لشكل حقول المكتبة بنفس التوكنز. 🔴 قاعدة Digits نفسها: .digits2_box .digits-form_input input[type="text"] = (0,3,1) — حدّ شفّاف وخلفيّة --dfield_bg. محاولة (0,2,1) خسرت؛ نحتاج (0,4,1). (الهاتف وحده كان يبدو صحيحاً لأنه ملوّن بحالة التركيز.) */ .ac-digits .digits2_box .digits-form_input input[type="text"], .ac-digits .digits2_box .digits-form_input input[type="tel"], .ac-digits .digits2_box .digits-form_input input.mobile_field { border: 1px solid var(--line); border-radius: var(--r-control); background: var(--surface-card); color: var(--ink); } .ac-digits .digits2_box .digits-form_input input[type="text"]:focus, .ac-digits .digits2_box .digits-form_input input[type="tel"]:focus, .ac-digits .digits2_box .digits-form_input input.mobile_field:focus { border-color: var(--focus); box-shadow: 0 0 0 3px var(--plum-50); } /* شريط التبديل بين «إنشاء حساب» و«تسجيل الدخول»: Digits يطبعه 20px/700 — نخفّفه لنبرة رابط */ .ac-digits .dig_login_signup_bar { font-size: 14px; font-weight: 400; line-height: 1.8; margin-top: var(--s6); color: var(--ink-secondary); } .ac-digits .digits-form_toggle_login_register { font-size: 14px; font-weight: 500; color: var(--plum-600); } /* عنوانا Digits (الدخول والتسجيل) مكرّران مع عنوان الصفحة — نخفيهما؛ مفاتيح التبديل نفسها تُسمّي كل لوحة. */ .ac-digits .digits-form_login > .digits-form_heading, .ac-digits .digits-form_register > .digits-form_heading { display: none; } /* مفتاح التبديل بين «إنشاء حساب» و«تسجيل الدخول» — يجب أن يكون ظاهراً وواضحاً */ .ac-digits .digits-form_toggle_login_register { color: var(--plum-600); } /* صفّ الدخول بحساب آخر: الحاوية الخارجيّة تتوسّط، لكن ابنها يملأ العرض والصفّ الحقيقي داخله يبقى justify-content:normal — فالأيقونة تلتصق بحافّة البداية (اليمين في RTL). نتوسّط الصفّ الحقيقي. */ .ac-digits .digits-social-logins-box { justify-content: center; } .ac-digits .digits-social-logins { justify-content: center; width: 100%; } .ac-note { font-size: 12px; line-height: 1.7; color: var(--ink-hint); text-align: center; margin-top: var(--s4); } /* الشريط السفلي الثابت (موبايل، 63px) */ @media (max-width: 767px) { body.aneya-account .aneya-shell { padding-bottom: 64px; } } @media (min-width: 768px) { .ac { padding: var(--s6) var(--s6) var(--s12); } .ac-h1 { font-size: 26px; } .ac-tiles { grid-template-columns: repeat(4, 1fr); } }