/**
 * AC POS — acpos-landing-fixes.css
 * ملف إصلاحات الصفحات العامة (الهبوط / الدخول / التسجيل / الأسعار).
 * يُحفظ باسم public/css/acpos-landing-fixes.css ويُربط **بعد** acpos-landing.css
 * في resources/views/landing/aora/layout.blade.php.
 *
 * مكتوب يدوياً — لا يُولَّد بـ gen-landing.py ولا يُكتب فوقه.
 * كل محدد يبدأ بـ«html » ويستعمل !important ليغلب الطبقة المولَّدة وأوراق aorabooks.
 * كل كتلة تحمل معرّف البند (L-xx) المطابق لـ SPEC-landing.md.
 *
 * اللوحة: #1F4E79 أساسي · #193F62 hover · #14344F active ·
 *         #EEF4FA / #DCE8F3 / #B7CFE6 فاتح · #4C7AA6 وسيط ·
 *         #FFFFFF / #F5F5F5 / #E5E5E5 أسطح · #171717 / #404040 / #525252 / #737373 نص.
 * الاستدارة: أزرار وحقول .375rem · بطاقات .75rem.
 */

/* ===========================================================================
   L-08 — مؤشّر تركيز مرئي لكل الصفحات العامة (P1، وصولية #5)
   aorabooks/style.css:3361 يلغي outline لكل الروابط؛ هنا نعيده بـ focus-visible.
   =========================================================================== */
html body.aora-landing-page a:focus-visible,
html body.aora-landing-page button:focus-visible,
html body.aora-landing-page summary:focus-visible,
html body.aora-landing-page input:focus-visible,
html body.aora-landing-page select:focus-visible,
html body.aora-landing-page textarea:focus-visible,
html body.aora-landing-page [tabindex]:focus-visible,
html body.aora-landing-page .aora-login-field__input:focus-visible,
html body.aora-landing-page .aora-register-form .form-control:focus-visible,
html body.aora-landing-page .aora-register-form .select2-selection:focus-visible,
html body.aora-landing-page .aora-contact-field :is(input, select, textarea):focus-visible {
    outline: 2px solid #1F4E79 !important;
    outline-offset: 2px !important;
}
/* على الأسطح الداكنة (التذييل، شريط الدعوة) الحلقة بيضاء */
html body.aora-landing-page .aora-footer a:focus-visible,
html body.aora-landing-page .aora-footer button:focus-visible {
    outline: 2px solid #FFFFFF !important;
    outline-offset: 2px !important;
}
/* الحقل المركَّز: الحدّ لون الهوية (الحلقة الشفافة مساعدة فقط) */
html body.aora-landing-page .aora-login-field__control:focus-within,
html body.aora-landing-page .aora-login-split-page .aora-login-card--split .aora-login-field__control:focus-within {
    border-color: #1F4E79 !important;
    box-shadow: 0 0 0 3px rgba(31, 78, 121, .22) !important;
}

/* ===========================================================================
   L-19 — إلغاء تباعد الحروف السالب على النص العربي (P2، RTL #5)
   العربية خط متصل؛ Safari/Firefox يطبّقان التباعد فتنكسر الوصلات.
   يغطي أيضاً L-22 («ACPOS» بلا فراغ في عنوان بطاقة التسجيل، ‑3.2px).
   =========================================================================== */
html[dir="rtl"] body.aora-landing-page,
html[dir="rtl"] body.aora-landing-page * {
    letter-spacing: 0 !important;
}

/* ===========================================================================
   L-34 — احترام prefers-reduced-motion (P2، وصولية #18)
   =========================================================================== */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    html body.aora-landing-page *,
    html body.aora-landing-page *::before,
    html body.aora-landing-page *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
    html body.aora-landing-page .wow {
        visibility: visible !important;
        animation: none !important;
    }
}

/* ===========================================================================
   L-44 — التجاوز الأفقي 15px في الصفحات الأربع (P3، تسويق #41)
   المصدر المقيس حياً: صف الترويسة `.pxl-header-content > .row` بهامش ‑15px
   (لا صفّ المحتوى — هامشه 0 أصلاً). إزالة الهامش مع حشو الأعمدة معاً
   تُبقي الترويسة كما هي بصرياً وتُنزل scrollWidth إلى عرض النافذة.
   =========================================================================== */
html body.aora-landing-page #pxl-header-elementor .pxl-header-content > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
html body.aora-landing-page #pxl-header-elementor .pxl-header-content > .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* وفي الدخول/التسجيل/الأسعار مصدر التجاوز صفّ المحتوى نفسه (‑15px)،
   فيُصفَّر هامشه مع حشو عموده معاً (‑15 + 15 = 0 ⇒ المحتوى لا يتزحزح). */
html body.aora-landing-page #pxl-main > .elementor-container > .row.pxl-content-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
html body.aora-landing-page #pxl-content-area.pxl-content-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ===========================================================================
   الهبوط — القسم الأول (Hero)
   =========================================================================== */

/* L-01 — أيقونة هيئة الزكاة الخضراء #0f766e (P1، تسويق #1، قرار هـ)
   شبكة أمان: التعديل الأساسي في hero.blade.php (fill="#1F4E79")؛
   هذه القاعدة تجعل النتيجة نفسها حتى لو لم يُطبَّق تعديل الترميز. */
html .cqz-hero__zatca-mark svg circle { fill: #1F4E79 !important; }
html .cqz-hero__zatca-mark svg path   { fill: #FFFFFF !important; }

/* L-31 — تسلسل بصري مزدحم: عنوانان بوزن 800 وستة طبقات قبل الإجراء
   (P2، تسويق #2 + RTL #14) */
html .cqz-hero__title  { line-height: 1.35 !important; margin-bottom: 12px !important; }
html .cqz-hero__sub    { font-weight: 400 !important; line-height: 1.8 !important; color: #404040 !important; }
html .cqz-hero__kicker { font-size: 20px !important; font-weight: 600 !important; color: #525252 !important; }
html .cqz-hero__desc   { font-size: 16px !important; line-height: 1.9 !important; color: #404040 !important; }
@media (max-width: 767px) {
    /* الصورة بعد النص والإجراء بدل order:-1 (كانت تدفع زر البدء إلى y≈1186) */
    html .cqz-hero__visual { order: 1 !important; }
}

/* L-37 — خط الزينة تحت العنوان وشرطة «متوافق» (P3، تسويق #3) */
html .cqz-hero__title-accent {
    text-decoration: none !important;
    color: #1F4E79 !important;
}
html .cqz-mark--green::after { display: none !important; }
html .cqz-mark--green { color: #1F4E79 !important; }

/* L-38 — أزرار الهيرو: استدارة 12px + ظل + لون #14344F بدل لون الهوية
   (P3، تسويق #4) */
html .cqz-hero__cta {
    background: #1F4E79 !important;
    background-image: none !important;
    border-radius: .375rem !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
}
html .cqz-hero__cta:hover,
html .cqz-hero__cta:focus { background: #193F62 !important; }
html .cqz-hero__btn {
    border-radius: .375rem !important;
    border: 1px solid #DCE8F3 !important;
    background: #EEF4FA !important;
    color: #1F4E79 !important;
    height: 48px !important;
    box-shadow: none !important;
}
html .cqz-hero__btn:hover { background: #DCE8F3 !important; color: #14344F !important; }

/* L-42 — التعليق أسفل زر البدء: #64748B بحجم 12px = 3.69:1 (P3، وصولية #21) */
html .cqz-hero__cta-wrap small,
html .cqz-hero__cta-wrap p {
    color: #525252 !important;
    font-size: 13px !important;
}

/* L-38 (تكملة) — بطاقة الثقة في الهيرو: نفس استدارة البطاقات بلا ظل */
html .cqz-hero__zatca {
    border-radius: .75rem !important;
    box-shadow: none !important;
}

/* ===========================================================================
   الهبوط — الترويسة والقائمة المنسدلة
   =========================================================================== */

/* L-18 — زر «ابدأ الآن» في ترويسة الجوال 57×33px بخط 11px (P2، تسويق #6) */
@media (max-width: 1200px) {
    html .aora-mobile-header-bar__actions .btn-user__sign-up {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 44px !important;
        padding: 0 16px !important;
        font-size: 13px !important;
        border-radius: .375rem !important;
        background: #1F4E79 !important;
        background-image: none !important;
        color: #FFFFFF !important;
        box-shadow: none !important;
    }
    html .aora-drawer-toggle,
    html .aora-mobile-header-bar__menu {
        min-width: 44px !important;
        min-height: 44px !important;
    }
}

/* L-39 — زر «اللغة» في الدرج ممتلئ مثل الإجراء الأساسي (P3، تسويق #7) */
html .aora-drawer-lang__toggle {
    background: #FFFFFF !important;
    background-image: none !important;
    color: #171717 !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: .375rem !important;
    box-shadow: none !important;
}
html .aora-drawer-lang__toggle-value { color: #525252 !important; }
html .aora-drawer-auth__sign-up {
    background: #1F4E79 !important;
    background-image: none !important;
    border-radius: .375rem !important;
    box-shadow: none !important;
}
html .aora-drawer-auth__sign-in {
    border-radius: .375rem !important;
    box-shadow: none !important;
}

/* ===========================================================================
   الهبوط — أقسام «أدِر عملك»
   =========================================================================== */

/* L-07 — عنصر «Image» العائم وشبكة النقاط: بقايا قالب AoraBooks
   (P1 على الجوال / P2 على المكتب، تسويق #8) */
html .elementor-2 .elementor-element-b9bb4f2,
html .elementor-2 .elementor-element-ee05dfb { display: none !important; }
@media (max-width: 767px) {
    /* صورة الجوال المعلّقة تُرسم خارج الشاشة (x=412 على عرض 390) */
    html .elementor-2 .elementor-element-420fa24 { display: none !important; }
}

/* L-30 — عنوان «AC POS أدِر عملك» بتدرج لوني نصي (P2، تسويق #9)
   الهوية تمنع التدرجات؛ النص نفسه مرسوم بـbackground-clip:text. */
html .elementor-2 .elementor-element-0f960f7 .pxl-heading__highlight,
html .elementor-2 .elementor-element-0f960f7 .pxl-heading__highlight-text,
html .elementor-2 .elementor-element-61bb8da .pxl-heading__highlight,
html .elementor-2 .elementor-element-fcfc620 .pxl-heading__highlight {
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #1F4E79 !important;
    color: #1F4E79 !important;
}

/* L-45 — حدود موحّدة لصور الأقسام (P3، تسويق #10 — الجزء القابل للتنفيذ بـCSS)
   محصورة بصور المحتوى (.jpg/.jpeg) حتى لا تلمس PNG الزخرفية الشفافة. */
html #pxl-main .elementor-widget-image img[src$=".jpg"],
html #pxl-main .elementor-widget-image img[src$=".jpeg"] {
    border: 1px solid #E5E5E5 !important;
    border-radius: .75rem !important;
}

/* ===========================================================================
   الهبوط — آراء العملاء
   =========================================================================== */

/* L-02 — عنوان «قصص نجاح» مخفي واستُبدل بمستطيل متدرج (P1، تسويق #11)
   سبب العطل: الطبقة المولَّدة تكتب `background: linear-gradient(...) !important`
   بالخاصية المختصرة فتُعيد background-clip إلى border-box، فيبقى النص شفافاً
   (-webkit-text-fill-color: transparent) فوق صندوق متدرج.
   إصلاح جذر السبب مقترح في gen-landing-changes.md (الفقرة 1). */
html .cqz-testimonials__title-highlight {
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #1F4E79 !important;
    color: #1F4E79 !important;
    display: inline !important;
}

/* L-32 — الأفاتار نفسه (مربع AC) لثلاثة عملاء مختلفين (P2، تسويق #12)
   يُستبدل برمز شخص محايد بلون الهوية بلا أي طلب صورة. */
html .cqz-testimonial-card__avatar { display: none !important; }
html .cqz-testimonial-card__avatar-wrap {
    background: #EEF4FA !important;
    background-image: none !important;
    border: 1px solid #DCE8F3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
}
html .cqz-testimonial-card__avatar-wrap::before {
    content: "";
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F4E79' stroke-width='1.8'><circle cx='12' cy='8' r='4'/><path d='M4 21a8 8 0 0 1 16 0'/></svg>") center/contain no-repeat;
}

/* L-36 — النجوم كهرمانية #f5a623 (خارج اللوحة) والبطاقة بظل واستدارة 20px
   (P2، تسويق #13) */
html .cqz-testimonial-card__stars { color: #B45309 !important; }
html .cqz-testimonial-card {
    border-radius: .75rem !important;
    border: 1px solid #E5E5E5 !important;
    box-shadow: none !important;
}
html .cqz-testimonials__swiper .swiper-slide-active .cqz-testimonial-card {
    border-color: #B7CFE6 !important;
    box-shadow: none !important;
}
html .cqz-testimonial-card__quote {
    background: #EEF4FA !important;
    background-image: none !important;
    color: #1F4E79 !important;
}
html .cqz-testimonials__orb--1,
html .cqz-testimonials__orb--2 { display: none !important; }
html .cqz-testimonials__badge {
    background: #EEF4FA !important;
    background-image: none !important;
    color: #1F4E79 !important;
    border: 1px solid #DCE8F3 !important;
    border-radius: .375rem !important;
}

/* ===========================================================================
   الهبوط — الأسئلة الشائعة
   =========================================================================== */

/* L-33 — زر «استكشف المزيد» يشير إلى القسم نفسه (#faqs) فلا يفعل شيئاً
   (P2، تسويق #14) — إخفاؤه؛ توجيهه إلى صفحة التواصل يحتاج تعديل قالب. */
html .elementor-2 .elementor-element-0adc99f { display: none !important; }

/* ===========================================================================
   الهبوط — قسم التطبيق (كان أسود) — قرار (أ) و(ب)
   =========================================================================== */

/* L-10 — صندوق أسود #000000 باستدارة 20px وسط هوية فاتحة، وتوهّج أزرق مموّه
   (P2، تسويق #16، قرار أ) */
html .elementor-2 .elementor-element.elementor-element-448ca66 {
    background-color: #EEF4FA !important;
    background-image: none !important;
    border: 1px solid #DCE8F3 !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}
html .elementor-2 .elementor-element-448ca66 .pxl-light,
html .elementor-2 .elementor-element-448ca66 .pxl-light-blob { display: none !important; }
html .elementor-2 .elementor-element-cf1abd7 .pxl-heading__title { color: #171717 !important; }
html .elementor-2 .elementor-element-6cf75fc p,
html .elementor-2 .elementor-element-6cf75fc .pxl-text-editor { color: #404040 !important; }
html .elementor-2 .elementor-element-448ca66 .pxl-heading__sub {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: #1F4E79 !important;
    border: 1px solid #DCE8F3 !important;
    border-radius: .375rem !important;
    box-shadow: none !important;
}
html .elementor-2 .elementor-element-448ca66 .pxl-heading__sub svg path { fill: #1F4E79 !important; }

/* L-11 — أزرار App Store / Google Play / POS Windows / POS Android تعِد
   بتطبيقات غير موجودة (كلها تذهب إلى صفحة التسجيل) — قرار (ب): تُخفى.
   (P2، تسويق #17) — يزيل أيضاً 19 عنصراً بخط Rubik غير الهوية. */
html .elementor-2 .elementor-element-5793890,
html .elementor-2 .elementor-element-f6ff07a,
html .elementor-2 .elementor-element-aaec9c6,
html .elementor-2 .elementor-element-cf9cb00,
html .elementor-2 .elementor-element-41781b0 { display: none !important; }

/* L-12 — فراغ 270px بين قسم التطبيق والتذييل (P2، تسويق #18) */
html body.home .elementor-2 .elementor-element.elementor-element-60c4d64 { margin-bottom: 0 !important; }
html body.home #pxl-main { padding-bottom: 64px !important; }

/* احتياط: أي زر باقٍ بخط Rubik في الهبوط يعود لخط الهوية (RTL #4) */
html body.aora-landing-page .pxl-button .btn,
html body.aora-landing-page .elementor-button {
    font-family: 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif !important;
}

/* ===========================================================================
   التذييل (مشترك بين الصفحات الأربع)
   =========================================================================== */

/* L-13 — شريط الدعوة متدرج وجسم التذييل أسود مزرق #181d27 خارج اللوحة
   (P2، تسويق #21) — ألوان اللوحة بلا تدرج. */
html .aora-footer__cta {
    background: #1F4E79 !important;
    background-image: none !important;
}
html .aora-footer__cta::before,
html .aora-footer__cta::after { display: none !important; }
html .aora-footer__body { background: #193F62 !important; background-image: none !important; }
html .aora-footer__bar  { background: #14344F !important; background-image: none !important; }
html .aora-footer__cta-btn {
    background: #FFFFFF !important;
    background-image: none !important;
    color: #1F4E79 !important;
    border-radius: .375rem !important;
    box-shadow: none !important;
}
html .aora-footer__cta-btn:hover { background: #EEF4FA !important; color: #14344F !important; }
html .aora-footer__link-btn {
    border-radius: .375rem !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
}

/* L-03 — زر «الأسعار» في التذييل: كحلي #193F62 على خلفية داكنة ≈ 1.3:1 (P1، تسويق #20)
   سبب العطل: التحويل الآلي حوّل الأخضر إلى كحلي دون اعتبار السطح الداكن.
   إصلاح جذر السبب مقترح في gen-landing-changes.md (الفقرة 2). */
html .aora-footer__link-btn--outline {
    color: #FFFFFF !important;
    background: transparent !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, .35) !important;
}
html .aora-footer__link-btn--outline:hover,
html .aora-footer__link-btn--outline:focus {
    background: rgba(255, 255, 255, .12) !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, .55) !important;
}

/* L-04 — شعار التذييل مفرّغ (filter: brightness(0) invert(1)) فيصير مربعاً أبيض
   (P1، تسويق #19، قرار د) — الإصلاح الأساسي في الترميز: acpos-logo.svg ← acpos-logo-white.svg.
   القاعدة مشروطة بالمصدر الجديد عمداً: إن لم يُطبَّق تعديل الترميز يبقى السلوك
   الحالي بلا تدهور (رفع الفلتر عن الشعار الداكن يجعله كحلياً على كحلي). */
html .aora-footer__logo img[src*="acpos-logo-white"] { filter: none !important; }

/* L-14 — رقم الهاتف معكوس «9058 592 53 966+» (P2، تسويق #22 + RTL)
   + رفع تباين رقم واتساب بعد تفتيح خلفية التذييل. */
html .aora-footer__contact a[href^="tel:"],
html .aora-footer__contact a[href^="mailto:"],
html .aora-footer__wa {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: inline-block !important;
}
html .aora-footer__wa { color: #DCE8F3 !important; }
html .aora-footer__brand-desc,
html .aora-footer__copy { color: #DCE8F3 !important; }

/* ===========================================================================
   صفحة الدخول
   =========================================================================== */

/* L-20 — تسلسل الجوال: نصف الشاشة التسويقي أولاً والنموذج بعد 686px
   (P2، تسويق #23) */
@media (max-width: 991px) {
    html .aora-login-split__showcase { order: 2 !important; }
    html .aora-login-split__form-side { order: 1 !important; }
}
@media (max-width: 767px) {
    html .aora-login-split__showcase { display: none !important; }
}

/* L-21 — الحاوية والبطاقة والحقول والزر بلغة بصرية مختلفة عن الواجهة الداخلية:
   استدارة 24/20/12px، تدرج + ظل، وصبغة نعناعية/بنفسجية باهتة في الحاوية
   (P2، تسويق #24 + #42) */
html .aora-login-split__container {
    background: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}
html .aora-login-card--split,
html .aora-login-card {
    background: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}
html .aora-login-field__control {
    border-radius: .375rem !important;
    box-shadow: none !important;
}
html .aora-login-submit {
    background: #1F4E79 !important;
    background-image: none !important;
    border-radius: .375rem !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
}
html .aora-login-submit:hover { background: #193F62 !important; box-shadow: none !important; }
html .aora-login-submit:active { background: #14344F !important; }
html .aora-login-split__preview {
    border-radius: .75rem !important;
    border: 1px solid #E5E5E5 !important;
    box-shadow: none !important;
}
html .aora-login-split__badge {
    background: #EEF4FA !important;
    background-image: none !important;
    color: #14344F !important;
    border: 1px solid #DCE8F3 !important;
    border-radius: .375rem !important;
}
html .aora-login-feature-pill__icon {
    background: #EEF4FA !important;
    color: #1F4E79 !important;
}

/* L-35 — نص العنصر النائب #98A2B3 = 2.58:1 (P2، وصولية #12) */
html .aora-login-field__input::placeholder,
html .aora-register-form .form-control::placeholder {
    color: #737373 !important;
    opacity: 1 !important;
}

/* L-41 — «تذكرني» 16px وزر إظهار كلمة المرور 40px (P3، وصولية #23) */
html .aora-login-remember { min-height: 44px !important; }
html .aora-login-remember input {
    width: 20px !important;
    height: 20px !important;
    accent-color: #1F4E79 !important;
}
html .aora-login-password-toggle {
    width: 44px !important;
    height: 44px !important;
    border-radius: .375rem !important;
}

/* L-40 — فراغ وخط فاصل تحت «أسعار الباقات» من حاوية فارغة (P3، تسويق #26)
   الحاوية ليست :empty (تحوي مسافات بيضاء فقط) — القياس الحي: children=0،
   لذلك المحدد بـ:has بدل :empty. المتصفحات القديمة تتجاهل القاعدة بلا ضرر. */
html .aora-login-module-links:not(:has(a, button, input)) { display: none !important; }
html .aora-login-extra-link { margin-bottom: 0 !important; }

/* L-46 — حقول لاتينية تبقى LTR داخل تخطيط عربي (P3، RTL #15، الجزء العام فقط) */
html body.aora-landing-page input[type="email"],
html body.aora-landing-page input[type="tel"],
html body.aora-landing-page input[type="url"],
html body.aora-landing-page .aora-login-field__input:not([type="password"]) {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: right !important;
}

/* ===========================================================================
   صفحة التسجيل
   =========================================================================== */

/* L-23 — مجموعة «البيانات الضريبية» بصبغة كهرمانية كاملة وشارة «اختياري»
   (P2، تسويق #28) — وحدها خارج اللوحة في الصفحة. */
html .aora-field-group--tax {
    background: #F5F5F5 !important;
    background-image: none !important;
    border-color: #E5E5E5 !important;
}
html .aora-optional-badge {
    background: #EEF4FA !important;
    background-image: none !important;
    color: #1F4E79 !important;
    border-radius: .375rem !important;
}
/* مجموعة «موقع النشاط»: تدرج أزرق باهت خارج اللوحة */
html .aora-field-group,
html .aora-field-group--location,
html .aora-field-group--locale {
    background: #F5F5F5 !important;
    background-image: none !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: .75rem !important;
}
html .aora-field-group__title { color: #404040 !important; }

/* L-24 — زر «تسجيل» في أقصى اليسار بعيداً عن الحقول، بتدرج وظل (P2، تسويق #29) */
html .aora-register-submit-bar { justify-content: flex-start !important; }
html .aora-register-btn--primary,
html .aora-register-form .aora-register-btn--submit {
    background: #1F4E79 !important;
    background-image: none !important;
    border-radius: .375rem !important;
    box-shadow: none !important;
    min-width: 260px !important;
    color: #FFFFFF !important;
}
html .aora-register-btn--primary:hover { background: #193F62 !important; box-shadow: none !important; }
@media (max-width: 767px) {
    html .aora-register-btn--primary { width: 100% !important; min-width: 0 !important; }
}

/* L-25 — البطاقة بظل ثقيل واستدارة 20px، والحقول 12px (P3، تسويق #33) */
html .aora-register-card {
    border-radius: .75rem !important;
    border: 1px solid #E5E5E5 !important;
    box-shadow: none !important;
}
html .aora-register-form .input-group,
html .aora-register-form .form-control,
html .aora-register-form .select2-container--default .select2-selection--single {
    border-radius: .375rem !important;
    box-shadow: none !important;
}
html .aora-register-progress__bar {
    background: #1F4E79 !important;
    background-image: none !important;
}
html .aora-register-stepper__item.is-current .aora-register-stepper__badge {
    background: #1F4E79 !important;
    border-color: #1F4E79 !important;
    box-shadow: none !important;
}

/* ===========================================================================
   صفحة الأسعار
   =========================================================================== */

/* L-06 — مرشحات دورة الفوترة معكوسة التأكيد: النشط فاتح وغير النشط كحلي ممتلئ
   (P1، تسويق #35) */
html .aora-pricing-filters__btn {
    background: #FFFFFF !important;
    background-image: none !important;
    color: #404040 !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: .375rem !important;
    box-shadow: none !important;
}
html .aora-pricing-filters__btn:hover {
    background: #EEF4FA !important;
    color: #1F4E79 !important;
    border-color: #DCE8F3 !important;
}
html .aora-pricing-filters__btn.is-active,
html .aora-pricing-filters__btn[aria-selected="true"] {
    background: #1F4E79 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #1F4E79 !important;
}

/* L-28 — شريط العنوان بتدرج نعناعي→بنفسجي باهت (P2، تسويق #36) */
html .aora-legal-page__hero {
    background: #F5F5F5 !important;
    background-image: none !important;
    border-bottom: 1px solid #E5E5E5 !important;
}

/* L-29 — البطاقات والشارة والزر: استدارة 18px، تدرج وظل (P2، تسويق #37)
   وتمييز الباقة المميّزة بالحدّ لا بالظل؛ الزر الثانوي مفرّغ. */
html .aora-pricing-card {
    border-radius: .75rem !important;
    border: 1px solid #E5E5E5 !important;
    box-shadow: none !important;
}
html .aora-pricing-card:hover { border-color: #B7CFE6 !important; box-shadow: none !important; }
html .aora-pricing-card.is-popular {
    border: 2px solid #1F4E79 !important;
    box-shadow: none !important;
}
html .aora-pricing-card__badge {
    background: #1F4E79 !important;
    background-image: none !important;
    border-radius: .375rem !important;
    color: #FFFFFF !important;
}
html .aora-pricing-card__cta {
    background: #1F4E79 !important;
    background-image: none !important;
    border: 1px solid #1F4E79 !important;
    border-radius: .375rem !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
}
html .aora-pricing-card__cta:hover { background: #193F62 !important; border-color: #193F62 !important; box-shadow: none !important; }
html .aora-pricing-card:not(.is-popular) .aora-pricing-card__cta {
    background: #FFFFFF !important;
    background-image: none !important;
    color: #1F4E79 !important;
    border: 1px solid #1F4E79 !important;
}
html .aora-pricing-card:not(.is-popular) .aora-pricing-card__cta:hover {
    background: #EEF4FA !important;
    color: #14344F !important;
    border-color: #1F4E79 !important;
}

/* L-43 — ملاحظة «تحتاج مساعدة…» مخفية حتى يطلق wow.js التحريك (P3، تسويق #38) */
html .aora-pricing-footer-note.wow,
html .aora-pricing-grid.wow,
html .aora-pricing-filters.wow {
    visibility: visible !important;
    animation: none !important;
}
html .aora-pricing-footer-note { color: #525252 !important; }

/* ===========================================================================
   ملاحظة على البند «تسويق #42» (كل تدرجات الطبقة المولَّدة):
   كل تدرج ظاهر فعلاً في الصفحات الأربع مُعالَج أعلاه بالاسم
   (L-13 التذييل، L-21 الدخول، L-24/L-25 التسجيل، L-29 الأسعار،
    L-02/L-30 العناوين، L-38 الهيرو). لم تُضَف قواعد احتياطية عمياء:
   المحددات التي لا تظهر في هذه الصفحات (.aora-btn-green، .aora-word-clip،
   .aora-highlight-gradient، .aora-login-demo__btn--olive) مصدرها
   public/css/landing.css وهو **غير مربوط** في layout.blade.php،
   وقواعد صفحة التواصل (.aora-contact-*) خارج نطاق هذه الحزمة.
   =========================================================================== */
