/* ═══════════════════════════════════════════════════════════
   SUFFAYA — Drawer mobile additions (Light mode)
   Extrait de layouts/main.php — Centralisé ici
   ═══════════════════════════════════════════════════════════ */

/* ── Drawer Pro additions ──────────────────────── */
/* Light mode full support */
[data-theme="light"] .mobile-nav{background:linear-gradient(180deg,#ffffff 0%,#f8f9fc 100%);border-right-color:rgba(108,99,255,.15);box-shadow:4px 0 40px rgba(0,0,0,.15)}
[data-theme="light"] .drawer-header{background:rgba(108,99,255,.04);border-bottom-color:rgba(108,99,255,.12)}
[data-theme="light"] .drawer-logo-text{color:#1e1b4b}
[data-theme="light"] .drawer-close{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:#6b7280}
[data-theme="light"] .drawer-close:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2);color:#dc2626}
[data-theme="light"] .drawer-search{background:rgba(0,0,0,.03);border-bottom-color:rgba(0,0,0,.07)}
[data-theme="light"] .drawer-search .search-input{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.1)!important;color:#111827}
[data-theme="light"] .drawer-search .search-input::placeholder{color:#9ca3af}
[data-theme="light"] .drawer-user-card{background:linear-gradient(135deg,rgba(108,99,255,.08),rgba(108,99,255,.04));border-color:rgba(108,99,255,.2)}
[data-theme="light"] .drawer-user-name{color:#1e1b4b}
[data-theme="light"] .drawer-user-role{color:#6b7280}
[data-theme="light"] .drawer-btn-register{border-color:#e5e7eb;color:#374151}
[data-theme="light"] .drawer-section-title{color:rgba(108,99,255,.7)}
[data-theme="light"] .drawer-section-title::after{background:linear-gradient(90deg,rgba(108,99,255,.25),transparent)}
[data-theme="light"] .mn-link{color:#4b5563}
[data-theme="light"] .mn-link:hover,[data-theme="light"] .mn-link.active{background:rgba(108,99,255,.07);color:#1e1b4b;border-left-color:#6C63FF}
[data-theme="light"] .mn-link svg{opacity:.6}
[data-theme="light"] .mn-link:hover svg,[data-theme="light"] .mn-link.active svg{opacity:1}
[data-theme="light"] .mn-link.danger{color:#dc2626}
[data-theme="light"] .mn-link.danger:hover{background:rgba(239,68,68,.06);border-left-color:#dc2626}
[data-theme="light"] .drawer-divider{background:linear-gradient(90deg,transparent,rgba(108,99,255,.18),transparent)}
[data-theme="light"] .drawer-footer{background:rgba(0,0,0,.03);border-top-color:rgba(108,99,255,.12);color:#9ca3af}
[data-theme="light"] .mn-badge-new{background:rgba(239,68,68,.1);color:#dc2626;border-color:rgba(239,68,68,.2)}
[data-theme="light"] .mn-badge-hot{background:rgba(245,158,11,.1);color:#b45309;border-color:rgba(245,158,11,.2)}
[data-theme="light"] .mn-badge-promo{background:rgba(34,197,94,.1);color:#15803d;border-color:rgba(34,197,94,.2)}
[data-theme="light"] .mn-quick-chips a{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1);color:#4b5563}
[data-theme="light"] .mn-quick-chips a:hover{background:rgba(108,99,255,.08);color:#4f46e5;border-color:rgba(108,99,255,.3)}
[data-theme="light"] .drawer-overlay{background:rgba(0,0,0,.5)}

/* Badges inline */
.mn-badge-new,.mn-badge-hot,.mn-badge-promo{
    font-size:.55rem;font-weight:800;padding:2px 7px;border-radius:99px;
    margin-left:auto;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em;border:1px solid;
}
.mn-badge-new{background:rgba(239,68,68,.15);color:#fca5a5;border-color:rgba(239,68,68,.3)}
.mn-badge-hot{background:rgba(245,158,11,.15);color:#fcd34d;border-color:rgba(245,158,11,.3)}
.mn-badge-promo{background:rgba(34,197,94,.15);color:#86efac;border-color:rgba(34,197,94,.3)}

/* Quick action chips */
.mn-quick-chips{display:flex;gap:7px;flex-wrap:wrap;padding:10px 16px 6px}
.mn-quick-chips a{
    display:inline-flex;align-items:center;gap:5px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
    border-radius:99px;padding:5px 12px;font-size:.72rem;font-weight:600;
    color:rgba(200,200,230,.75);text-decoration:none;
    transition:all .2s;white-space:nowrap;
}
.mn-quick-chips a:hover{background:rgba(108,99,255,.14);border-color:rgba(108,99,255,.35);color:#c4b5fd}
.mn-quick-chips a img,.mn-quick-chips a svg{width:11px;height:11px;opacity:.8}

/* Sublink indent */
.mn-link-sub{padding-left:46px;font-size:.8rem;opacity:.85}

/* Category icon tint */
.mn-link-cat svg{transition:color .18s}
.mn-link:hover .mn-link-cat svg,.mn-link.active .mn-link-cat svg{color:#6C63FF}

/* Footer social */
.drawer-footer-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.drawer-footer-socials{display:flex;gap:6px}
.drawer-footer-socials a{
    width:26px;height:26px;border-radius:7px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
    display:flex;align-items:center;justify-content:center;
    color:rgba(160,160,192,.6);text-decoration:none;font-size:.65rem;
    transition:all .2s;
}
.drawer-footer-socials a:hover{background:rgba(108,99,255,.15);border-color:rgba(108,99,255,.3);color:#c4b5fd}
[data-theme="light"] .drawer-footer-socials a{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1);color:#6b7280}
[data-theme="light"] .drawer-footer-socials a:hover{background:rgba(108,99,255,.08);color:#4f46e5}