/* ═══════════════════════════════════════════════════════════════
   SMLMM v4.0 OBSIDIAN — LuxeFaves Premium Menu System
   Multiple color themes + never-seen-before effects
═══════════════════════════════════════════════════════════════ */

:root {
    --smlmm-accent: #c8102e;
    --smlmm-panel-bg: #0a0a0a;
    --smlmm-col-bg: rgba(255,255,255,.04);
    --smlmm-col-bg-hover: rgba(255,255,255,.08);
    --smlmm-col-border: rgba(255,255,255,.06);
    --smlmm-col-border-hover: rgba(255,255,255,.14);
    --smlmm-text: rgba(255,255,255,.6);
    --smlmm-text-hover: #fff;
    --smlmm-title-color: #fff;
    --smlmm-panel-border: rgba(255,255,255,.07);
    --smlmm-spotlight-bg: rgba(255,255,255,.03);
    --smlmm-pill-bg: rgba(255,255,255,.06);
    --smlmm-pill-border: rgba(255,255,255,.1);
    --smlmm-stat-num-color: #c9a84c;
}

.smlmm-root { position:relative; z-index:100000; isolation:isolate; }
.smlmm-root>a {
    font-family:'DM Sans',system-ui,sans-serif!important;
    font-weight:800!important;display:inline-flex!important;align-items:center!important;gap:8px!important;
    padding:9px 18px 9px 14px!important;border-radius:6px!important;
    background:linear-gradient(135deg,var(--smlmm-accent),color-mix(in srgb,var(--smlmm-accent) 60%,#000))!important;
    color:#fff!important;box-shadow:0 4px 16px color-mix(in srgb,var(--smlmm-accent) 40%,transparent)!important;
    border:1px solid rgba(255,255,255,.12)!important;font-size:11.5px!important;
    letter-spacing:.07em!important;text-transform:uppercase!important;text-decoration:none!important;
    transition:all .2s!important;position:relative!important;overflow:hidden!important;cursor:pointer!important;
}
.smlmm-root>a::before {
    content:'';position:absolute;inset:0;
    background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);
    transform:translateX(-100%);transition:transform .5s;
}
.smlmm-root>a:hover::before { transform:translateX(100%); }
.smlmm-root>a::after {
    content:'◆ EXPLORE';display:inline-flex;align-items:center;
    padding:2px 8px;border-radius:3px;background:rgba(255,255,255,.18);
    font-size:8px;font-weight:900;letter-spacing:.14em;
}
.smlmm-root>a:hover { transform:translateY(-1px)!important;box-shadow:0 8px 24px color-mix(in srgb,var(--smlmm-accent) 50%,transparent)!important; }
.smlmm-root.smlmm-active>a { background:linear-gradient(135deg,color-mix(in srgb,var(--smlmm-accent) 80%,#000),#000)!important; }

.smlmm-panel {
    display:none;position:absolute;left:0;top:calc(100% + 14px);z-index:100001;
    min-width:1080px;max-width:1260px;
    background:var(--smlmm-panel-bg)!important;
    border:1px solid var(--smlmm-panel-border)!important;
    box-shadow:0 40px 100px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.03),inset 0 1px 0 rgba(255,255,255,.05)!important;
    border-radius:20px!important;padding:24px!important;pointer-events:auto;
}
.smlmm-panel * { pointer-events:auto; }
.smlmm-root:hover .smlmm-panel,
.smlmm-root:focus-within .smlmm-panel,
.smlmm-root.smlmm-active .smlmm-panel {
    display:block;animation:smlmmReveal .22s cubic-bezier(.16,1,.3,1) both;
}
@keyframes smlmmReveal { from{opacity:0;transform:translateY(-10px) scale(.97)} to{opacity:1;transform:translateY(0) scale(1)} }
.smlmm-open { display:block!important;position:static!important;min-width:auto!important;max-width:none!important;margin-top:12px!important;animation:none!important; }

.smlmm-live-strip {
    display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:6px;
    background:color-mix(in srgb,var(--smlmm-accent) 10%,transparent);
    border:1px solid color-mix(in srgb,var(--smlmm-accent) 25%,transparent);
    margin-bottom:18px;
}
.smlmm-live-dot { width:6px;height:6px;border-radius:50%;background:var(--smlmm-accent);animation:smlmmPulse 1.5s ease-in-out infinite;flex-shrink:0; }
@keyframes smlmmPulse { 0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)} }
.smlmm-live-text { font-family:'DM Mono',monospace;font-size:10px;font-weight:700;color:var(--smlmm-text);letter-spacing:.05em;text-transform:uppercase; }
.smlmm-live-num { color:var(--smlmm-accent);font-weight:900;font-size:12px;font-family:'DM Mono',monospace; }

.smlmm-top { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--smlmm-col-border)!important; }
.smlmm-top-left { display:flex;flex-direction:column;gap:5px; }
.smlmm-kicker { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:var(--smlmm-accent)!important;display:flex;align-items:center;gap:8px;font-family:'DM Mono',monospace!important; }
.smlmm-kicker::before { content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--smlmm-accent);animation:smlmmPulse 2s infinite; }
.smlmm-title { font-size:24px!important;line-height:1.05!important;font-weight:900!important;color:var(--smlmm-title-color)!important;letter-spacing:-.02em!important; }

.smlmm-trending-strip { display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:hidden;margin-top:6px; }
.smlmm-trending-label { font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--smlmm-text)!important;white-space:nowrap;font-family:'DM Mono',monospace!important;opacity:.6; }
.smlmm-trending-pills { display:flex;gap:5px;flex-wrap:nowrap;overflow:hidden; }
.smlmm-trending-pill { display:inline-flex;align-items:center;padding:4px 11px;border-radius:4px;background:var(--smlmm-pill-bg)!important;color:var(--smlmm-text)!important;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap;border:1px solid var(--smlmm-pill-border)!important;transition:all .15s; }
.smlmm-trending-pill:hover { background:var(--smlmm-accent)!important;color:#fff!important;border-color:var(--smlmm-accent)!important;transform:translateY(-1px); }

.smlmm-cta { display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 22px;border-radius:6px;background:var(--smlmm-accent)!important;color:#fff!important;text-decoration:none;font-family:'DM Sans',sans-serif!important;font-weight:800!important;font-size:11.5px!important;white-space:nowrap;flex-shrink:0;letter-spacing:.07em;text-transform:uppercase;transition:all .2s;position:relative;overflow:hidden;border:none!important;cursor:pointer; }
.smlmm-cta::before { content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translateX(-100%);transition:transform .45s; }
.smlmm-cta:hover::before { transform:translateX(100%); }
.smlmm-cta:hover { transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--smlmm-accent) 40%,transparent); }
.smlmm-cta::after { content:' →'; }
.smlmm-cta-secondary { background:var(--smlmm-pill-bg)!important;color:var(--smlmm-text)!important;border:1px solid var(--smlmm-col-border)!important; }
.smlmm-cta-secondary:hover { background:var(--smlmm-col-bg-hover)!important;color:var(--smlmm-text-hover)!important; }

.smlmm-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.smlmm-grid-compact { grid-template-columns:repeat(3,minmax(0,1fr)); }
.smlmm-grid-wide { grid-template-columns:repeat(5,minmax(0,1fr)); }

.smlmm-col { background:var(--smlmm-col-bg)!important;border:1px solid var(--smlmm-col-border)!important;border-radius:12px!important;padding:14px 12px 12px!important;transition:all .22s;position:relative;overflow:hidden; }
.smlmm-col::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--smlmm-accent),#c9a84c);transform:scaleX(0);transform-origin:left;transition:transform .3s ease; }
.smlmm-col:hover::before { transform:scaleX(1); }
.smlmm-col:hover { background:var(--smlmm-col-bg-hover)!important;border-color:var(--smlmm-col-border-hover)!important;transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.15); }
.smlmm-col-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:10px; }
.smlmm-col-title { font-family:'DM Sans',sans-serif!important;font-size:11.5px!important;font-weight:900!important;color:var(--smlmm-title-color)!important;letter-spacing:.05em!important;text-transform:uppercase!important;display:flex;align-items:center;gap:6px;text-decoration:none;transition:color .15s; }
.smlmm-col-title:hover { color:var(--smlmm-accent)!important; }
.smlmm-col-icon { font-size:15px;line-height:1; }
.smlmm-col-count { font-size:9px;font-weight:900;color:var(--smlmm-text)!important;background:var(--smlmm-pill-bg)!important;padding:2px 7px;border-radius:3px;font-family:'DM Mono',monospace!important;opacity:.7; }

.smlmm-links,.smlmm-panel .smlmm-links { list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:2px!important; }
.smlmm-links li,.smlmm-panel .smlmm-links li { margin:0!important;padding:0!important;display:block!important; }
.smlmm-links a,.smlmm-panel .smlmm-links a { display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;padding:7px 8px!important;border-radius:6px!important;text-decoration:none!important;color:var(--smlmm-text)!important;background:transparent!important;font-family:'DM Sans',sans-serif!important;font-size:12px!important;font-weight:600!important;min-height:32px!important;transition:all .12s!important;border:none!important;visibility:visible!important;opacity:1!important;position:static!important;white-space:normal!important;width:auto!important;height:auto!important; }
.smlmm-links a:hover,.smlmm-panel .smlmm-links a:hover { background:var(--smlmm-pill-bg)!important;color:var(--smlmm-text-hover)!important;transform:translateX(3px)!important; }
.smlmm-links a:hover .smlmm-link-arrow,.smlmm-panel .smlmm-links a:hover .smlmm-link-arrow { opacity:1!important;transform:translateX(0)!important; }
.smlmm-link-text { flex:1;line-height:1.3; }
.smlmm-link-arrow { font-size:11px;color:var(--smlmm-accent)!important;opacity:0;transform:translateX(-4px);transition:opacity .12s,transform .12s;flex-shrink:0; }

.smlmm-badge { font-style:normal;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:2px 7px;border-radius:3px;flex-shrink:0;font-family:'DM Mono',monospace!important; }
.smlmm-badge-hot { background:rgba(220,38,38,.15)!important;color:#f87171!important;border:1px solid rgba(220,38,38,.3)!important; }
.smlmm-badge-new { background:rgba(22,163,74,.15)!important;color:#4ade80!important;border:1px solid rgba(22,163,74,.3)!important; }
.smlmm-badge-popular { background:rgba(37,99,235,.15)!important;color:#60a5fa!important;border:1px solid rgba(37,99,235,.3)!important; }
.smlmm-badge-trending { background:rgba(201,168,76,.15)!important;color:#c9a84c!important;border:1px solid rgba(201,168,76,.3)!important; }
.smlmm-badge-sale { background:var(--smlmm-accent)!important;color:#fff!important;border:none!important; }

.smlmm-spotlight { border:1px solid var(--smlmm-col-border)!important;border-radius:16px!important;padding:20px 18px!important;background:var(--smlmm-spotlight-bg)!important;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden; }
.smlmm-spotlight::after { content:'◆';position:absolute;bottom:-20px;right:-5px;font-size:120px;color:color-mix(in srgb,var(--smlmm-accent) 6%,transparent);line-height:1;pointer-events:none;user-select:none; }
.smlmm-spotlight-badge { display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:3px;background:var(--smlmm-accent)!important;color:#fff!important;font-family:'DM Mono',monospace!important;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;width:fit-content; }
.smlmm-spotlight-badge::before { content:'◆';font-size:7px; }
.smlmm-spotlight h3 { margin:0;font-size:20px!important;line-height:1.15!important;color:var(--smlmm-title-color)!important;font-weight:900!important; }
.smlmm-spotlight p { margin:0;color:var(--smlmm-text)!important;line-height:1.6;font-size:12px;font-family:'DM Sans',sans-serif!important; }
.smlmm-spotlight-stat { display:flex;align-items:center;gap:10px;background:var(--smlmm-pill-bg)!important;border:1px solid var(--smlmm-col-border)!important;border-radius:8px;padding:10px 14px; }
.smlmm-spotlight-stat-num { font-size:22px!important;font-weight:900!important;color:var(--smlmm-stat-num-color)!important;line-height:1; }
.smlmm-spotlight-stat-label { font-size:11px;color:var(--smlmm-text)!important;font-weight:600;line-height:1.3;font-family:'DM Sans',sans-serif!important; }

.smlmm-featured-links { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px; }
.smlmm-featured-links a { display:flex;align-items:center;gap:8px;text-decoration:none;font-family:'DM Sans',sans-serif!important;font-weight:700;font-size:12px;color:var(--smlmm-text)!important;padding:5px 8px;border-radius:6px;transition:all .12s; }
.smlmm-featured-links a::before { content:'→';color:var(--smlmm-accent);font-size:11px; }
.smlmm-featured-links a:hover { color:var(--smlmm-text-hover)!important;background:var(--smlmm-pill-bg)!important;transform:translateX(3px); }

/* COLOR PRESETS */
.smlmm-preset-gold { --smlmm-accent:#c9a84c;--smlmm-stat-num-color:#c9a84c; }
.smlmm-preset-midnight { --smlmm-accent:#3b82f6;--smlmm-panel-bg:#080c18;--smlmm-stat-num-color:#93c5fd; }
.smlmm-preset-emerald { --smlmm-accent:#10b981;--smlmm-stat-num-color:#6ee7b7; }
.smlmm-preset-deals { --smlmm-accent:#FF9900;--smlmm-stat-num-color:#FF9900; }
.smlmm-preset-editorial { --smlmm-accent:#7c3aed;--smlmm-stat-num-color:#a78bfa; }
.smlmm-preset-arctic { --smlmm-accent:#0f172a;--smlmm-panel-bg:#fff;--smlmm-col-bg:#f8fafc;--smlmm-col-bg-hover:#fff;--smlmm-col-border:#e2e8f0;--smlmm-col-border-hover:#0f172a;--smlmm-text:#475569;--smlmm-text-hover:#0f172a;--smlmm-title-color:#0f172a;--smlmm-panel-border:#e2e8f0;--smlmm-spotlight-bg:linear-gradient(160deg,#f0f9ff,#f8fafc);--smlmm-pill-bg:#f1f5f9;--smlmm-pill-border:#e2e8f0;--smlmm-stat-num-color:#0f172a; }
.smlmm-preset-crimson { --smlmm-accent:#c8102e;--smlmm-panel-bg:#fff;--smlmm-col-bg:#fff5f5;--smlmm-col-bg-hover:#fff;--smlmm-col-border:#fecaca;--smlmm-col-border-hover:#c8102e;--smlmm-text:#374151;--smlmm-text-hover:#111827;--smlmm-title-color:#111827;--smlmm-panel-border:#fecaca;--smlmm-spotlight-bg:linear-gradient(160deg,#fff5f5,#fff);--smlmm-pill-bg:#fef2f2;--smlmm-pill-border:#fecaca;--smlmm-stat-num-color:#c8102e; }

.smlmm-links li,.smlmm-links a,.smlmm-cta,.smlmm-featured-links a { position:relative!important;z-index:2!important;pointer-events:auto!important;cursor:pointer!important; }
.smlmm-col,.smlmm-spotlight { position:relative!important;z-index:1!important; }

/* Category Archive */
.smlmm-archive-wrap{max-width:1280px;margin:0 auto;padding:28px 16px 48px}
.smlmm-archive-kicker{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--smlmm-accent);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}
.smlmm-archive-head h1{margin:0 0 8px;font-size:34px;line-height:1.05}
.smlmm-archive-desc{max-width:760px;color:#6b7280;line-height:1.7}
.smlmm-archive-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:14px 0 20px}
.smlmm-category-grid{display:grid;gap:18px}
.smlmm-category-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s}
.smlmm-category-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.09)}
.smlmm-category-card-thumb{aspect-ratio:4/3;background:#f3f4f6;display:block}
.smlmm-category-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.smlmm-category-card-body{padding:16px 16px 18px}
.smlmm-category-meta{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--smlmm-accent);margin-bottom:8px}
.smlmm-category-card h2{margin:0 0 8px;font-size:20px;line-height:1.2}
.smlmm-category-card h2 a{text-decoration:none;color:#111827}
.smlmm-category-card p{margin:0;color:#6b7280;line-height:1.65}
.smlmm-category-card-cta{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-weight:800;text-decoration:none;color:var(--smlmm-accent)}
.smlmm-category-list{display:flex;flex-direction:column;gap:16px}
.smlmm-category-list .smlmm-category-card{flex-direction:row;align-items:stretch}
.smlmm-category-list .smlmm-category-card-thumb{width:280px;min-width:280px;aspect-ratio:auto}
.smlmm-category-list .smlmm-category-card-body{flex:1}
.smlmm-pagination{margin-top:26px}
.smlmm-pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap}
.smlmm-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1px solid #d1d5db;text-decoration:none;color:#111827;background:#fff;transition:background .12s,color .12s}
.smlmm-pagination .page-numbers:hover{background:#f3f4f6}
.smlmm-pagination .page-numbers.current{background:var(--smlmm-accent);color:#fff;border-color:var(--smlmm-accent)}
.smlmm-subcats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.smlmm-subcats a{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f3f4f6;color:#111827;text-decoration:none;font-size:13px;font-weight:700;transition:all .12s}
.smlmm-subcats a:hover{background:var(--smlmm-accent);color:#fff}

/* Admin */
.smlmm-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:12px;margin:12px 0 18px}
.smlmm-stat{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px;text-align:center}
.smlmm-stat strong{display:block;font-size:24px;line-height:1.1}
.smlmm-stat span{display:block;color:#6b7280;margin-top:6px}
.smlmm-pill{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700}
.smlmm-pill.good,.smlmm-pill.ok{background:#dcfce7;color:#166534}
.smlmm-pill.warn{background:#fef3c7;color:#92400e}

@media(max-width:1140px){.smlmm-panel{min-width:900px}}
@media(max-width:960px){
    .smlmm-panel{position:static!important;display:block;min-width:auto!important;max-width:none!important;margin-top:12px;animation:none;border-radius:14px}
    .smlmm-grid,.smlmm-grid-compact,.smlmm-grid-wide{grid-template-columns:1fr 1fr}
    .smlmm-root:hover .smlmm-panel,.smlmm-root:focus-within .smlmm-panel{display:block}
    .smlmm-trending-strip,.smlmm-live-strip{display:none}
}
@media(max-width:600px){.smlmm-grid,.smlmm-grid-compact,.smlmm-grid-wide{grid-template-columns:1fr}}