/* Theme Name: مالي Theme URI: https://optic4.com Author: Saud Description: قالب ووردبريس متكامل بتصميم تطبيق "مالي" لإدارة المصروفات الشخصية — يعمل مع إضافة مالي (mali-finance) لإدارة البيانات والإشعارات. Version: 1.0.0 Requires at least: 5.8 Requires PHP: 7.4 License: GPL v2 or later Text Domain: mali-theme */ /* ============================================================ هذا الملف مطلوب من ووردبريس ليتعرف على القالب فقط (المحتوى الفعلي لتصميم "مالي" يُحمَّل من إضافة mali-finance عبر functions.php، لتفادي تكرار نفس الأكواد في مكانين). الاستثناء الوحيد هنا: قواعد صارمة تضمن بقاء الشريط السفلي ثابتًا (position: fixed) بغض النظر عن أي عنصر أب في شجرة الصفحة قد يكسر السياق (مثل transform أو filter أو contain على /). ============================================================ */ html, body { height: 100%; overflow-x: hidden; position: relative; transform: none !important; filter: none !important; contain: none !important; } body.mali-app-body { margin: 0; min-height: 100dvh; } .bottom-nav { position: fixed !important; inset-inline: 0 !important; bottom: 0 !important; z-index: 999 !important; } /* ============================================================ شاشة تسجيل الدخول / إنشاء حساب — إضافات القالب فقط ============================================================ */ .auth-tabs { display: flex; gap: 6px; background: var(--line-light); padding: 4px; border-radius: var(--radius-md); margin-bottom: 20px; } .auth-tab { flex: 1; padding: 10px 12px; border: none; border-radius: var(--radius); background: transparent; color: var(--ink-secondary); font-family: inherit; font-size: 13px; font-weight: 800; cursor: pointer; transition: all var(--transition-fast); } .auth-tab.active { background: var(--surface); color: var(--primary); box-shadow: var(--shadow-sm); } .auth-form .field label { text-align: right; display: block; } .auth-form .field input { text-align: right; } /* .brand-name is normally scoped under .brand-text in the header; make it work standalone too, since the auth screens use it outside that wrapper. */ .auth-card .brand-name { font-size: 24px; font-weight: 900; letter-spacing: -0.5px; line-height: 1.2; }