/*
Theme Name: مالي — مديرك المالي الشخصي
Author: سعود الشهري
Description: قالب شخصي متجاوب لتطبيق مالي، بالأحمر الغامق والذهبي.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mali-theme
*/
:root{--wine:#641824;--wine-dark:#3f101a;--wine-light:#8a2736;--gold:#c9a35b;--gold-light:#f5e8c9;--ink:#261d21;--muted:#776b6d;--paper:#faf7f5;--line:#e9dedc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Cairo",system-ui,-apple-system,"Segoe UI",sans-serif;direction:rtl}button,input,select,textarea{font:inherit}a{color:var(--wine);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.mali-site-header{max-width:980px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid var(--line)}.mali-brand{display:flex;align-items:center;gap:12px;color:var(--wine);font-size:21px;font-weight:800}.mali-brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:var(--wine);color:var(--gold);box-shadow:0 7px 18px #64182428;font-size:25px}.mali-brand small{display:block;font-size:11px;font-weight:500;color:var(--muted);line-height:1.3}.mali-header-date{text-align:left;font-size:12px;color:var(--muted)}.mali-header-date strong{display:block;color:var(--wine);font-size:13px}.mali-site-main{max-width:980px;margin:auto;min-height:calc(100vh - 90px)}.mali-intro{padding:20px 20px 0}.mali-intro h1{font-size:23px;color:var(--wine);margin:0}.mali-intro p{margin:4px 0;color:var(--muted)}.mali-site-footer{max-width:980px;margin:8px auto 25px;text-align:center;font-size:12px;color:var(--muted)}.mali-page-content{padding:25px 20px}.mali-page-content h1{color:var(--wine)}
/* Match the app UI to the theme. The navigation belongs to the plugin and is not duplicated by the theme. */
body #mali-app{max-width:none;margin:0 0 110px;background:transparent;border-radius:0;box-shadow:none;color:var(--ink);overflow:visible;font-family:inherit}body #mali-app .mali-head{display:none}body #mali-app .mali-main{padding:16px 20px 30px}body #mali-app .mali-hero{background:linear-gradient(130deg,var(--wine),var(--wine-dark));box-shadow:0 16px 32px #64182428;border:1px solid #ffffff21;border-radius:22px;padding:28px}body #mali-app .mali-hero strong{color:#fff}body #mali-app .mali-hero p{color:#f5e8e7}body #mali-app .mali-card{border:1px solid var(--line);border-radius:17px;box-shadow:0 4px 16px #4b10200a;background:#fff}body #mali-app .mali-card h2,body #mali-app .mali-card b{color:var(--wine)}body #mali-app .mali-card p,body #mali-app small{color:var(--muted)}body #mali-app input,body #mali-app select,body #mali-app textarea{border-color:#dacccb;background:#fffaf9;color:var(--ink)}body #mali-app button{background:var(--wine);color:#fff}body #mali-app button.secondary{background:var(--gold-light);color:var(--wine-dark)}body #mali-app .mali-track{background:#f2e9e5}body #mali-app .mali-track i{background:linear-gradient(90deg,var(--wine-light),var(--gold))!important}body #mali-app .mali-line{border-bottom-color:#f0e7e3}body #mali-app .mali-nav{position:fixed;top:auto;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,940px);height:76px;display:flex;align-items:center;overflow:visible;background:#fff;border:1px solid #f0e2de;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -8px 32px #3e14201a;z-index:999}body #mali-app .mali-nav button{flex:1;min-width:0;height:72px;padding:11px 2px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-radius:0;background:transparent;color:#8a767a;font-size:11px;line-height:1.2}body #mali-app .mali-nav button.active{color:var(--wine);font-weight:800;border:0}body #mali-app .mali-nav-icon{font-family:system-ui,sans-serif;font-size:22px;font-weight:600;line-height:1}body #mali-app .mali-add-tab{position:relative;flex:1.15;padding-top:1px;color:var(--wine);z-index:1}body #mali-app .mali-money-bubble{width:66px;height:66px;margin-top:-32px;background:linear-gradient(150deg,var(--wine),var(--wine-light));border:5px solid white;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 16px #65162655,0 0 0 2px #f3e2dd;animation:mali-breathe 2.8s ease-in-out infinite}body #mali-app .mali-money-bubble img{width:45px;height:45px;object-fit:contain}body #mali-app .mali-add-tab .mali-nav-label{color:var(--wine);font-weight:800;margin-top:-2px}body #mali-app .mali-account{display:flex;align-items:center;gap:15px;flex-wrap:wrap}body #mali-app .mali-account h2{width:100%}body #mali-app .mali-link{color:var(--wine);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold)}.mali-toast{background:var(--wine)!important;bottom:92px!important}@keyframes mali-breathe{0%,100%{transform:translateY(0);box-shadow:0 6px 16px #65162655,0 0 0 2px #f3e2dd}50%{transform:translateY(-5px);box-shadow:0 13px 22px #65162666,0 0 0 5px #e9c69055}}
/* Login */
.mali-login-wrap{min-height:calc(100vh - 110px);padding:36px 16px;display:flex;align-items:center;justify-content:center}.mali-login-card{width:min(100%,440px);background:#fff;border:1px solid var(--line);border-radius:26px;padding:33px;box-shadow:0 20px 45px #4b10201a}.mali-login-icon{width:78px;height:78px;background:var(--wine);border-radius:22px;display:grid;place-items:center;margin:0 auto 14px;color:var(--gold);font-size:40px}.mali-login-card h1{text-align:center;color:var(--wine);margin:0 0 3px;font-size:29px}.mali-login-card .tag{text-align:center;color:var(--muted);margin:0 0 28px}.mali-login-card label{display:block;margin:15px 0 6px;font-weight:700}.mali-login-card input{width:100%;height:50px;border:1px solid #dbcac9;border-radius:12px;padding:12px;background:#fffaf9;color:var(--ink)}.mali-login-card button{display:block;width:100%;padding:13px;border:0;border-radius:13px;margin-top:23px;background:var(--wine);color:#fff;font-weight:800;cursor:pointer}.mali-login-error{padding:11px;background:#fff0ed;border:1px solid #e6b5ae;border-radius:10px;color:#8b222f}.mali-login-card .privacy{text-align:center;color:var(--muted);font-size:12px;margin:17px 0 0}
@media(max-width:600px){.mali-site-header{padding:12px 14px}.mali-intro{padding:18px 15px 0}.mali-intro h1{font-size:20px}body #mali-app .mali-main{padding:13px 14px 30px}body #mali-app .mali-nav{width:100%;height:74px;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}body #mali-app .mali-nav button{font-size:10px}body #mali-app .mali-money-bubble{width:62px;height:62px}body #mali-app .mali-line{flex-wrap:wrap}body #mali-app .mali-line button{padding:7px 10px}body #mali-app{padding-bottom:env(safe-area-inset-bottom)}.mali-site-footer{padding-bottom:90px}.mali-header-date{font-size:10px}}
@media(prefers-reduced-motion:reduce){body #mali-app .mali-money-bubble{animation:none}html{scroll-behavior:auto}}
body.mali-keyboard-open #mali-app .mali-nav{display:none}
/* v1.0.1: one stable grid, with the iPhone safe area outside the buttons. */
body #mali-app .mali-nav{left:0;right:0;transform:none;top:auto;bottom:0;width:100%;max-width:940px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;height:auto;min-height:72px;padding:0 8px env(safe-area-inset-bottom,0px);z-index:10000}
body #mali-app .mali-nav button{height:72px;min-height:72px;min-width:0;flex:none;position:relative;gap:5px;padding:10px 2px 5px;touch-action:manipulation}
body #mali-app .mali-nav .mali-add-tab{flex:none;justify-content:flex-end;padding-top:0;padding-bottom:9px}
body #mali-app .mali-money-bubble{position:absolute;top:-21px;left:50%;width:62px;height:62px;margin:0;transform:translateX(-50%);animation:mali-button-pulse 2.8s ease-in-out infinite}
body #mali-app .mali-money-bubble img{width:43px;height:43px;pointer-events:none}
body #mali-app .mali-add-tab .mali-nav-label{margin:0;padding-top:44px;font-size:10px;line-height:1.3}
body #mali-app .mali-main{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
body.mali-keyboard-open #mali-app .mali-nav{display:grid;visibility:hidden;pointer-events:none}
@keyframes mali-button-pulse{0%,100%{box-shadow:0 6px 16px #65162644,0 0 0 0 #c9a35b22}50%{box-shadow:0 8px 20px #65162655,0 0 0 5px #c9a35b22}}
@media(prefers-reduced-motion:reduce){body #mali-app .mali-money-bubble{animation:none}}