/* MileMark Directory v5.0 — Independent Color System
 * 
 * 20 standalone color schemes selectable in plugin settings.
 * No dependency on MileMark Theme — works with any WordPress theme.
 */

/* ================================================================
   DEFAULT SCHEME (Deep Blue) — applied when no scheme class present
   ================================================================ */
:root,.mm-dir-deep-blue {
    --mm-primary: #1a2744;
    --mm-primary-rgb: 26,39,68;
    --mm-accent: #1e40af;
    --mm-accent2: #2563eb;
    --mm-accent-light: #dbeafe;
    --mm-bg: #f8f9fb;
    --mm-white: #fff;
    --mm-white-rgb: 255,255,255;
    --mm-text: #1a1a2e;
    --mm-text-light: #4b5563;
    --mm-muted: #9ca3af;
    --mm-border: #e5e7eb;
    --mm-glow: rgba(59,130,246,.12);
    --mm-glow2: rgba(30,64,175,.06);
    --mm-grad: linear-gradient(135deg, #0f1e3d, #1e40af);
    --mm-radius: 8px;
    --mm-radius-lg: 14px;
    --mm-font-display: 'Merriweather', Georgia, serif;
    --mm-font-body: 'Inter', system-ui, sans-serif;
    --mm-highlight: #3b82f6;
    --mm-header-text: #fff;
    --mm-tex: url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
    --mm-shadow: 0 2px 8px rgba(26,39,68,.08);
    --mm-shadow-lg: 0 8px 30px rgba(26,39,68,.12);
    --mm-hero-gradient: linear-gradient(135deg, rgba(26,39,68,1) 0%, rgba(26,39,68,.85) 100%);
}

/* --- 2. Crimson & Navy --- */
.mm-dir-crimson-navy{--mm-primary:#1a1a2e;--mm-primary-rgb:26,26,46;--mm-accent:#b91c1c;--mm-accent2:#ef4444;--mm-accent-light:#fde8e8;--mm-bg:#fafafa;--mm-highlight:#dc2626;--mm-grad:linear-gradient(135deg,#1a1a2e,#b91c1c);--mm-font-display:'Libre Baskerville',Georgia,serif;--mm-font-body:'Source Sans 3',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.03'%3E%3Ccircle cx='3' cy='3' r='1'/%3E%3Ccircle cx='13' cy='13' r='1'/%3E%3C/g%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(26,26,46,1),rgba(26,26,46,.85));--mm-shadow:0 2px 8px rgba(26,26,46,.08);--mm-shadow-lg:0 8px 30px rgba(26,26,46,.12);--mm-glow:rgba(220,38,38,.12);--mm-glow2:rgba(185,28,28,.06)}

/* --- 3. Charcoal & Teal --- */
.mm-dir-charcoal-teal{--mm-primary:#1e293b;--mm-primary-rgb:30,41,59;--mm-accent:#0d9488;--mm-accent2:#2dd4bf;--mm-accent-light:#ccfbf1;--mm-bg:#f8fafc;--mm-highlight:#14b8a6;--mm-grad:linear-gradient(135deg,#1e293b,#0d9488);--mm-font-display:'Playfair Display',Georgia,serif;--mm-font-body:'DM Sans',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40L40 0' stroke='%23fff' stroke-opacity='.03' stroke-width='.5'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(30,41,59,1),rgba(30,41,59,.85));--mm-shadow:0 2px 8px rgba(30,41,59,.08);--mm-shadow-lg:0 8px 30px rgba(30,41,59,.12);--mm-glow:rgba(20,184,166,.12);--mm-glow2:rgba(13,148,136,.06)}

/* --- 4. Slate & Gold --- */
.mm-dir-slate-gold{--mm-primary:#1c1c28;--mm-primary-rgb:28,28,40;--mm-accent:#b8860b;--mm-accent2:#e6a817;--mm-accent-light:#fef3c7;--mm-bg:#fafaf8;--mm-highlight:#d4a44c;--mm-grad:linear-gradient(135deg,#1c1c28,#b8860b);--mm-font-display:'Cormorant Garamond',Georgia,serif;--mm-font-body:'Raleway',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.03'%3E%3Ccircle cx='5' cy='5' r='2'/%3E%3Ccircle cx='20' cy='20' r='1'/%3E%3C/g%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(28,28,40,1),rgba(28,28,40,.85));--mm-shadow:0 2px 8px rgba(28,28,40,.08);--mm-shadow-lg:0 8px 30px rgba(28,28,40,.12);--mm-glow:rgba(212,164,76,.15);--mm-glow2:rgba(184,134,11,.08)}

/* --- 5. Forest & Copper --- */
.mm-dir-forest-copper{--mm-primary:#1a2e1a;--mm-primary-rgb:26,46,26;--mm-accent:#2d6a2d;--mm-accent2:#48a148;--mm-accent-light:#d4edda;--mm-bg:#f5f8f2;--mm-highlight:#c87533;--mm-grad:linear-gradient(135deg,#1a2e1a,#c87533);--mm-font-display:'Lora',Georgia,serif;--mm-font-body:'Nunito Sans',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0v40M0 20h40' stroke='%23fff' stroke-opacity='.025' stroke-width='.4'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(26,46,26,1),rgba(26,46,26,.85));--mm-shadow:0 2px 8px rgba(26,46,26,.08);--mm-shadow-lg:0 8px 30px rgba(26,46,26,.12);--mm-glow:rgba(200,117,51,.12);--mm-glow2:rgba(45,106,45,.06);--mm-radius:10px;--mm-radius-lg:16px}

/* --- 6. Midnight Plum --- */
.mm-dir-midnight-plum{--mm-primary:#1e0a2e;--mm-primary-rgb:30,10,46;--mm-accent:#7c3aed;--mm-accent2:#a78bfa;--mm-accent-light:#ede9fe;--mm-bg:#f9f7fc;--mm-highlight:#a855f7;--mm-grad:linear-gradient(135deg,#1e0a2e,#7c3aed);--mm-font-display:'Crimson Pro',Georgia,serif;--mm-font-body:'Outfit',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0L24 12L12 24L0 12Z' fill='none' stroke='%23fff' stroke-opacity='.03' stroke-width='.4'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(30,10,46,1),rgba(30,10,46,.85));--mm-shadow:0 2px 8px rgba(30,10,46,.08);--mm-shadow-lg:0 8px 30px rgba(30,10,46,.12);--mm-glow:rgba(168,85,247,.12);--mm-glow2:rgba(124,58,237,.06);--mm-radius:10px;--mm-radius-lg:16px}

/* --- 7. Ocean Breeze --- */
.mm-dir-ocean-breeze{--mm-primary:#0a2e3d;--mm-primary-rgb:10,46,61;--mm-accent:#0891b2;--mm-accent2:#06b6d4;--mm-accent-light:#cffafe;--mm-bg:#f0f9ff;--mm-highlight:#22d3ee;--mm-grad:linear-gradient(135deg,#0a2e3d,#0891b2);--mm-font-display:'Josefin Slab',Georgia,serif;--mm-font-body:'Work Sans',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='100' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q25 0 50 10 T100 10' fill='none' stroke='%23fff' stroke-opacity='.04' stroke-width='.5'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(10,46,61,1),rgba(10,46,61,.85));--mm-shadow:0 2px 8px rgba(10,46,61,.08);--mm-shadow-lg:0 8px 30px rgba(10,46,61,.12);--mm-glow:rgba(34,211,238,.12);--mm-glow2:rgba(8,145,178,.06);--mm-radius:12px;--mm-radius-lg:18px}

/* --- 8. Obsidian (Dark) --- */
.mm-dir-obsidian{--mm-primary:#0a0a0a;--mm-primary-rgb:10,10,10;--mm-accent:#d97706;--mm-accent2:#fbbf24;--mm-accent-light:#451a03;--mm-bg:#121212;--mm-white:#1e1e1e;--mm-white-rgb:30,30,30;--mm-text:#e5e5e5;--mm-text-light:#a3a3a3;--mm-muted:#737373;--mm-border:#333;--mm-highlight:#f59e0b;--mm-grad:linear-gradient(135deg,#0a0a0a,#d97706);--mm-font-display:'Sora',system-ui,sans-serif;--mm-font-body:'Sora',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' fill='none' stroke='%23fff' stroke-opacity='.04' stroke-width='.3'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(10,10,10,1),rgba(10,10,10,.85));--mm-shadow:0 2px 8px rgba(0,0,0,.2);--mm-shadow-lg:0 8px 30px rgba(0,0,0,.3);--mm-glow:rgba(245,158,11,.1);--mm-glow2:rgba(217,119,6,.06);--mm-header-text:#e5e5e5}

/* --- 9. Warm Terracotta --- */
.mm-dir-terracotta{--mm-primary:#2c1810;--mm-primary-rgb:44,24,16;--mm-accent:#c2703c;--mm-accent2:#e8854a;--mm-accent-light:#fde8d0;--mm-bg:#fdf8f4;--mm-highlight:#f59e6b;--mm-grad:linear-gradient(135deg,#9a4a20,#e8854a);--mm-font-display:'Bitter',Georgia,serif;--mm-font-body:'Karla',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='20' fill='none' stroke='%23fff' stroke-opacity='.025'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(44,24,16,1),rgba(44,24,16,.85));--mm-shadow:0 2px 8px rgba(44,24,16,.08);--mm-shadow-lg:0 8px 30px rgba(44,24,16,.12);--mm-glow:rgba(245,158,107,.15);--mm-glow2:rgba(194,112,60,.08)}

/* --- 10. Arctic Steel --- */
.mm-dir-arctic-steel{--mm-primary:#1b2838;--mm-primary-rgb:27,40,56;--mm-accent:#3a7cc2;--mm-accent2:#5c9ee0;--mm-accent-light:#d6eaf8;--mm-bg:#edf2f7;--mm-white:#f7fafc;--mm-white-rgb:247,250,252;--mm-highlight:#64b5f6;--mm-grad:linear-gradient(135deg,#1b2838,#3a7cc2);--mm-font-display:'IBM Plex Serif',Georgia,serif;--mm-font-body:'IBM Plex Sans',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' fill='none' stroke='%23fff' stroke-opacity='.04' stroke-width='.3'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(27,40,56,1),rgba(27,40,56,.85));--mm-shadow:0 2px 8px rgba(27,40,56,.08);--mm-shadow-lg:0 8px 30px rgba(27,40,56,.12);--mm-glow:rgba(100,181,246,.12);--mm-glow2:rgba(58,124,194,.06)}

/* --- 11. Noir Ember (Dark) --- */
.mm-dir-noir-ember{--mm-primary:#0d0d0d;--mm-primary-rgb:13,13,13;--mm-accent:#ea580c;--mm-accent2:#fb923c;--mm-accent-light:#431407;--mm-bg:#141210;--mm-white:#1e1a18;--mm-white-rgb:30,26,24;--mm-text:#f0e0d0;--mm-text-light:#c8a888;--mm-muted:#8a7060;--mm-border:#3a3230;--mm-highlight:#f97316;--mm-grad:linear-gradient(135deg,#0d0d0d,#ea580c);--mm-font-display:'Spectral',Georgia,serif;--mm-font-body:'Rubik',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/g%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(13,13,13,1),rgba(13,13,13,.85));--mm-shadow:0 2px 8px rgba(0,0,0,.2);--mm-shadow-lg:0 8px 30px rgba(0,0,0,.3);--mm-glow:rgba(249,115,22,.1);--mm-glow2:rgba(234,88,12,.06);--mm-header-text:#f0e0d0}

/* --- 12. Sage & Ivory --- */
.mm-dir-sage-ivory{--mm-primary:#2a3a2a;--mm-primary-rgb:42,58,42;--mm-accent:#5a8052;--mm-accent2:#78a870;--mm-accent-light:#e0eedc;--mm-bg:#f5f5f0;--mm-white:#fdfdf8;--mm-white-rgb:253,253,248;--mm-highlight:#86a97e;--mm-grad:linear-gradient(135deg,#2a3a2a,#5a8052);--mm-font-display:'Cardo',Georgia,serif;--mm-font-body:'Poppins',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='15' fill='none' stroke='%23fff' stroke-opacity='.025' stroke-width='.4'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(42,58,42,1),rgba(42,58,42,.85));--mm-shadow:0 2px 8px rgba(42,58,42,.08);--mm-shadow-lg:0 8px 30px rgba(42,58,42,.12);--mm-glow:rgba(134,169,126,.12);--mm-glow2:rgba(90,128,82,.06);--mm-radius:10px;--mm-radius-lg:16px}

/* --- 13. Burgundy & Brass --- */
.mm-dir-burgundy-brass{--mm-primary:#2a0e1a;--mm-primary-rgb:42,14,26;--mm-accent:#7a2040;--mm-accent2:#a03058;--mm-accent-light:#fce4ec;--mm-bg:#faf6f4;--mm-highlight:#c9a84c;--mm-grad:linear-gradient(135deg,#2a0e1a,#c9a84c);--mm-font-display:'Bodoni Moda',Georgia,serif;--mm-font-body:'Jost',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L40 40M40 0L0 40' stroke='%23fff' stroke-opacity='.02' stroke-width='.4'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(42,14,26,1),rgba(42,14,26,.85));--mm-shadow:0 2px 8px rgba(42,14,26,.08);--mm-shadow-lg:0 8px 30px rgba(42,14,26,.12);--mm-glow:rgba(201,168,76,.15);--mm-glow2:rgba(122,32,64,.08)}

/* --- 14. Storm Cloud --- */
.mm-dir-storm-cloud{--mm-primary:#1a1e28;--mm-primary-rgb:26,30,40;--mm-accent:#4f46e5;--mm-accent2:#6366f1;--mm-accent-light:#e0e7ff;--mm-bg:#f0f0f5;--mm-white:#fafaff;--mm-white-rgb:250,250,255;--mm-highlight:#818cf8;--mm-grad:linear-gradient(135deg,#1a1e28,#4f46e5);--mm-font-display:'Fraunces',Georgia,serif;--mm-font-body:'Space Grotesk',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='8' fill='none' stroke='%23fff' stroke-opacity='.03' stroke-width='.3'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(26,30,40,1),rgba(26,30,40,.85));--mm-shadow:0 2px 8px rgba(26,30,40,.08);--mm-shadow-lg:0 8px 30px rgba(26,30,40,.12);--mm-glow:rgba(129,140,248,.12);--mm-glow2:rgba(79,70,229,.06);--mm-radius:10px;--mm-radius-lg:16px}

/* --- 15. Desert Sand --- */
.mm-dir-desert-sand{--mm-primary:#3a2a1a;--mm-primary-rgb:58,42,26;--mm-accent:#a07830;--mm-accent2:#c89840;--mm-accent-light:#fdf5e0;--mm-bg:#faf8f2;--mm-white:#fffefa;--mm-white-rgb:255,254,250;--mm-highlight:#e8c060;--mm-grad:linear-gradient(135deg,#3a2a1a,#a07830);--mm-font-display:'Vollkorn',Georgia,serif;--mm-font-body:'Cabin',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23fff' stroke-opacity='.03' stroke-width='.4'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(58,42,26,1),rgba(58,42,26,.85));--mm-shadow:0 2px 8px rgba(58,42,26,.08);--mm-shadow-lg:0 8px 30px rgba(58,42,26,.12);--mm-glow:rgba(232,192,96,.15);--mm-glow2:rgba(160,120,48,.08)}

/* --- 16. Cobalt Chrome --- */
.mm-dir-cobalt-chrome{--mm-primary:#0a1628;--mm-primary-rgb:10,22,40;--mm-accent:#2563eb;--mm-accent2:#3b82f6;--mm-accent-light:#dbeafe;--mm-bg:#f0f4fa;--mm-white:#f8faff;--mm-white-rgb:248,250,255;--mm-highlight:#60a5fa;--mm-grad:linear-gradient(135deg,#0a1628,#2563eb);--mm-font-display:'Noto Serif',Georgia,serif;--mm-font-body:'Noto Sans',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='.5' fill='%23fff' fill-opacity='.04'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(10,22,40,1),rgba(10,22,40,.85));--mm-shadow:0 2px 8px rgba(10,22,40,.08);--mm-shadow-lg:0 8px 30px rgba(10,22,40,.12);--mm-glow:rgba(96,165,250,.12);--mm-glow2:rgba(37,99,235,.06)}

/* --- 17. Twilight Violet (Dark) --- */
.mm-dir-twilight-violet{--mm-primary:#0e0818;--mm-primary-rgb:14,8,24;--mm-accent:#9333ea;--mm-accent2:#a855f7;--mm-accent-light:#3b0764;--mm-bg:#14101e;--mm-white:#1e1a28;--mm-white-rgb:30,26,40;--mm-text:#d8c8f0;--mm-text-light:#a898c0;--mm-muted:#786888;--mm-border:#3a3048;--mm-highlight:#c084fc;--mm-grad:linear-gradient(135deg,#0e0818,#9333ea);--mm-font-display:'Tenor Sans',system-ui,sans-serif;--mm-font-body:'Tenor Sans',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0L24 12L12 24L0 12Z' fill='none' stroke='%23fff' stroke-opacity='.025' stroke-width='.3'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(14,8,24,1),rgba(14,8,24,.85));--mm-shadow:0 2px 8px rgba(0,0,0,.2);--mm-shadow-lg:0 8px 30px rgba(0,0,0,.3);--mm-glow:rgba(192,132,252,.1);--mm-glow2:rgba(147,51,234,.06);--mm-header-text:#d8c8f0;--mm-radius:10px;--mm-radius-lg:16px}

/* --- 18. Rose Quartz --- */
.mm-dir-rose-quartz{--mm-primary:#2e1420;--mm-primary-rgb:46,20,32;--mm-accent:#db2777;--mm-accent2:#ec4899;--mm-accent-light:#fce7f3;--mm-bg:#fdf2f6;--mm-highlight:#f472b6;--mm-grad:linear-gradient(135deg,#2e1420,#db2777);--mm-font-display:'Cormorant',Georgia,serif;--mm-font-body:'Quicksand',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='12' fill='none' stroke='%23fff' stroke-opacity='.03' stroke-width='.3'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(46,20,32,1),rgba(46,20,32,.85));--mm-shadow:0 2px 8px rgba(46,20,32,.08);--mm-shadow-lg:0 8px 30px rgba(46,20,32,.12);--mm-glow:rgba(244,114,182,.12);--mm-glow2:rgba(219,39,119,.06);--mm-radius:12px;--mm-radius-lg:18px}

/* --- 19. Carbon & Lime --- */
.mm-dir-carbon-lime{--mm-primary:#101810;--mm-primary-rgb:16,24,16;--mm-accent:#65a30d;--mm-accent2:#84cc16;--mm-accent-light:#ecfccb;--mm-bg:#f4f8f0;--mm-white:#fafcf8;--mm-white-rgb:250,252,248;--mm-highlight:#84cc16;--mm-grad:linear-gradient(135deg,#101810,#65a30d);--mm-font-display:'Alegreya',Georgia,serif;--mm-font-body:'Figtree',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20L20 0' stroke='%23fff' stroke-opacity='.03' stroke-width='.3'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(16,24,16,1),rgba(16,24,16,.85));--mm-shadow:0 2px 8px rgba(16,24,16,.08);--mm-shadow-lg:0 8px 30px rgba(16,24,16,.12);--mm-glow:rgba(132,204,22,.12);--mm-glow2:rgba(101,163,13,.06)}

/* --- 20. Graphite Pearl --- */
.mm-dir-graphite-pearl{--mm-primary:#1a1a1a;--mm-primary-rgb:26,26,26;--mm-accent:#505050;--mm-accent2:#707070;--mm-accent-light:#e0e0e0;--mm-bg:#f2f2f0;--mm-white:#fafaf8;--mm-white-rgb:250,250,248;--mm-highlight:#a0a0a0;--mm-grad:linear-gradient(135deg,#1a1a1a,#505050);--mm-font-display:'EB Garamond',Georgia,serif;--mm-font-body:'Manrope',system-ui,sans-serif;--mm-tex:url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0v30M0 15h30' stroke='%23fff' stroke-opacity='.03' stroke-width='.2'/%3E%3C/svg%3E");--mm-hero-gradient:linear-gradient(135deg,rgba(26,26,26,1),rgba(26,26,26,.85));--mm-shadow:0 2px 8px rgba(26,26,26,.08);--mm-shadow-lg:0 8px 30px rgba(26,26,26,.12);--mm-glow:rgba(160,160,160,.1);--mm-glow2:rgba(80,80,80,.05)}

/* ================================================================
   RESET
   ================================================================ */
.mm-directory-wrapper *,.mm-single-wrapper *,.mm-directory-grid *,.mm-table-grid *{box-sizing:border-box}

/* ================================================================
   THEME CONTAINER BREAKOUT
   ================================================================ */
.post-type-archive-mm_listing #page,.post-type-archive-mm_listing .site,.tax-mm_category #page,.tax-mm_category .site,.single-mm_listing #page,.single-mm_listing .site{max-width:100%!important;padding-left:0!important;padding-right:0!important}
.post-type-archive-mm_listing #content,.post-type-archive-mm_listing .site-content,.tax-mm_category #content,.tax-mm_category .site-content,.single-mm_listing #content,.single-mm_listing .site-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}
.post-type-archive-mm_listing .grid-container,.post-type-archive-mm_listing .inside-article,.post-type-archive-mm_listing .content-area,.post-type-archive-mm_listing #primary,.tax-mm_category .grid-container,.tax-mm_category .inside-article,.tax-mm_category .content-area,.tax-mm_category #primary,.single-mm_listing .grid-container,.single-mm_listing .inside-article,.single-mm_listing .content-area,.single-mm_listing #primary{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important}
.post-type-archive-mm_listing .separate-containers .inside-article,.post-type-archive-mm_listing .separate-containers .site-main>article,.tax-mm_category .separate-containers .inside-article,.tax-mm_category .separate-containers .site-main>article,.single-mm_listing .separate-containers .inside-article,.single-mm_listing .separate-containers .site-main>article{padding:0!important;margin:0!important;border:none!important;box-shadow:none!important;background:transparent!important}
.post-type-archive-mm_listing #secondary,.post-type-archive-mm_listing .is-right-sidebar,.post-type-archive-mm_listing .is-left-sidebar,.post-type-archive-mm_listing .sidebar,.tax-mm_category #secondary,.tax-mm_category .is-right-sidebar,.tax-mm_category .is-left-sidebar,.single-mm_listing #secondary,.single-mm_listing .is-right-sidebar,.single-mm_listing .is-left-sidebar{display:none!important}
.post-type-archive-mm_listing .site-content .content-area,.tax-mm_category .site-content .content-area,.single-mm_listing .site-content .content-area{width:100%!important}
.post-type-archive-mm_listing .ast-container,.tax-mm_category .ast-container,.single-mm_listing .ast-container,.post-type-archive-mm_listing .content-container,.tax-mm_category .content-container,.single-mm_listing .content-container{max-width:100%!important;padding-left:0!important;padding-right:0!important}

/* ================================================================
   ARCHIVE WRAPPER
   ================================================================ */
.mm-directory-wrapper{max-width:1440px;margin:0 auto;padding:0 24px 60px;font-family:var(--mm-font-body);color:var(--mm-text)}
.mm-shortcode-wrap{max-width:1440px;margin:0 auto}

/* ================================================================
   DIRECTORY HERO HEADER
   ================================================================ */
.mm-directory-header{background:var(--mm-hero-gradient);margin:24px -24px 48px;padding:56px 40px 48px;text-align:center;position:relative;overflow:hidden;border-radius:var(--mm-radius-lg)}
.mm-directory-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--mm-tex);pointer-events:none}
.mm-directory-header::after{content:'';position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none}
.mm-directory-header h1{font-family:var(--mm-font-display);font-size:2.6em;font-weight:700;color:var(--mm-header-text);margin:0 0 12px;position:relative;letter-spacing:-.02em}
.mm-directory-header p{color:rgba(255,255,255,.7);font-size:1.15em;font-weight:300;margin:0;position:relative}
.mm-directory-header h1::after{content:'';display:block;width:60px;height:3px;background:var(--mm-accent);margin:16px auto 0;border-radius:2px}

/* ================================================================
   LAYOUT
   ================================================================ */
.mm-directory-content{display:flex;gap:48px;align-items:flex-start}

/* ================================================================
   SIDEBAR
   ================================================================ */
.mm-sidebar{width:220px;flex-shrink:0;position:sticky;top:32px;background:rgba(var(--mm-white-rgb),.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--mm-border);border-radius:var(--mm-radius-lg);padding:24px;box-shadow:var(--mm-shadow);transition:box-shadow .2s}
.mm-sidebar:hover{box-shadow:var(--mm-shadow-lg)}
.mm-sidebar h4{font-family:var(--mm-font-display);font-size:1.05em;font-weight:700;color:var(--mm-text);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--mm-accent)}
.mm-sidebar ul{list-style:none;padding:0;margin:0}
.mm-sidebar li{margin-bottom:0}
.mm-sidebar li a{display:block;padding:9px 12px;color:var(--mm-text);text-decoration:none;font-size:.92em;font-weight:500;border-radius:var(--mm-radius);transition:all .15s ease}
.mm-sidebar li a:hover{background:var(--mm-accent-light);color:var(--mm-text);text-decoration:none;padding-left:16px}

/* ================================================================
   LISTING CARDS
   ================================================================ */
.mm-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.mm-listings{flex:1;min-width:0}
.mm-listing-card{background:rgba(var(--mm-white-rgb),.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--mm-border);border-radius:var(--mm-radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.mm-listing-card::before{content:'';display:block;height:3px;background:var(--mm-grad);opacity:0;transition:opacity .25s}
.mm-listing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--mm-glow),0 4px 12px rgba(0,0,0,.06);border-color:var(--mm-accent-light)}
.mm-listing-card:hover::before{opacity:1}

.mm-card-image{display:block;overflow:hidden}
.mm-card-image img{width:100%;height:180px;object-fit:cover;transition:transform .3s ease}
.mm-listing-card:hover .mm-card-image img{transform:scale(1.03)}

.mm-placeholder-img{width:100%;height:180px;background:var(--mm-hero-gradient);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 20px;text-align:center}
.mm-placeholder-img::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--mm-tex);pointer-events:none}
.mm-placeholder-name{color:#fff;font-family:var(--mm-font-display);font-size:1.05em;font-weight:700;opacity:.9;line-height:1.3;position:relative;z-index:1}
.mm-placeholder-icon{font-size:28px;opacity:.3;color:#fff;line-height:1;position:relative;z-index:1}
.mm-placeholder-img.large{height:300px}
.mm-placeholder-img.large .mm-placeholder-name{font-size:1.6em}
.mm-placeholder-img.large .mm-placeholder-icon{font-size:40px}

.mm-card-content{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.mm-category{font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mm-accent);margin:0 0 6px}
.mm-listing-card h3{font-family:var(--mm-font-display);font-size:1.05em;font-weight:700;margin:0 0 8px;line-height:1.3}
.mm-listing-card h3 a{color:var(--mm-text);text-decoration:none;transition:color .15s ease}
.mm-listing-card h3 a:hover{color:var(--mm-accent)}
.mm-website{margin:0;padding-top:10px;border-top:1px solid var(--mm-border);margin-top:auto;font-size:.88em}
.mm-website a{color:var(--mm-text-light);text-decoration:none;font-weight:500;transition:color .15s ease}
.mm-website a::before{content:'→ '}
.mm-website a:hover{color:var(--mm-accent)}

/* ================================================================
   PAGINATION
   ================================================================ */
.mm-pagination{margin:48px 0 0;text-align:center}
.mm-pagination .nav-links{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.mm-pagination a,.mm-pagination span{padding:10px 16px;border:1px solid var(--mm-border);border-radius:var(--mm-radius);text-decoration:none;color:var(--mm-text);font-size:.9em;font-weight:500;transition:all .2s ease;font-family:var(--mm-font-body)}
.mm-pagination a:hover{background:var(--mm-accent-light);border-color:var(--mm-accent);color:var(--mm-text);box-shadow:0 2px 8px var(--mm-glow)}
.mm-pagination .current{background:var(--mm-grad);color:#fff;border-color:transparent}

/* ================================================================
   SINGLE LISTING
   ================================================================ */
.mm-single-wrapper{max-width:960px;margin:0 auto;padding:40px 24px 60px;font-family:var(--mm-font-body);color:var(--mm-text)}
.mm-single-header{margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.mm-single-header h1{font-family:var(--mm-font-display);font-size:2.1em;font-weight:700;color:var(--mm-text);margin:0}
.mm-back-link{color:var(--mm-text-light);text-decoration:none;font-size:.9em;font-weight:500;padding:8px 16px;border:1px solid var(--mm-border);border-radius:var(--mm-radius);transition:all .15s ease;white-space:nowrap}
.mm-back-link:hover{background:var(--mm-accent-light);border-color:var(--mm-accent);color:var(--mm-text);text-decoration:none}
.mm-single-content{display:flex;gap:40px;background:rgba(var(--mm-white-rgb),.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--mm-border);border-radius:var(--mm-radius-lg);padding:32px;box-shadow:var(--mm-shadow)}
.mm-single-image{width:280px;flex-shrink:0}
.mm-single-image img{width:100%;height:auto;border-radius:var(--mm-radius);border:1px solid var(--mm-border)}
.mm-listing-title{font-family:var(--mm-font-display);font-weight:700;font-size:1.05em;margin-top:16px;color:var(--mm-text)}
.mm-single-details{flex:1}
.mm-single-details h4{font-family:var(--mm-font-display);font-size:1em;font-weight:700;color:var(--mm-text);margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--mm-accent)}
.mm-description{line-height:1.75;color:var(--mm-text);margin-bottom:28px;font-size:.98em}
.mm-contact{list-style:none;padding:0;margin:0}
.mm-contact li{margin-bottom:10px}
.mm-contact a{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--mm-grad);color:#fff;text-decoration:none;border-radius:var(--mm-radius);font-weight:600;font-size:.92em;transition:all .2s ease}
.mm-contact a:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px var(--mm-glow);text-decoration:none}
.mm-contact a::before{content:'🌐';font-size:.9em}

/* ================================================================
   TABLE / COMPACT GRID
   ================================================================ */
.mm-table-grid{display:grid;gap:1px;background:var(--mm-border);border:1px solid var(--mm-border);border-radius:var(--mm-radius-lg);overflow:hidden;font-family:var(--mm-font-body)}
.mm-table-cell{background:rgba(var(--mm-white-rgb),.95);padding:14px 16px;display:flex;flex-direction:column;justify-content:center;min-height:68px;transition:background .15s ease}
.mm-table-cell:hover{background:var(--mm-accent-light)}
.mm-table-cell a.mm-cell-name{color:var(--mm-text);text-decoration:none;font-weight:600;font-size:.88em;line-height:1.3;transition:color .15s ease}
.mm-table-cell a.mm-cell-name:hover{color:var(--mm-accent);text-decoration:none}
.mm-table-cell .mm-cell-meta{font-size:.7em;color:var(--mm-accent);margin-top:4px;line-height:1.2;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.mm-table-cell .mm-cell-link{font-size:.72em;margin-top:5px}
.mm-table-cell .mm-cell-link a{color:var(--mm-text-light);text-decoration:none;transition:color .15s ease}
.mm-table-cell .mm-cell-link a:hover{color:var(--mm-accent)}

.entry-content .mm-directory-grid,.page-content .mm-directory-grid,.post-content .mm-directory-grid{margin:24px 0}
.entry-content .mm-listing-card,.page-content .mm-listing-card{border:1px solid var(--mm-border)}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:900px){.mm-directory-content{flex-direction:column}.mm-sidebar{width:100%;position:static}.mm-sidebar ul{display:flex;flex-wrap:wrap;gap:4px}.mm-sidebar li a{padding:6px 12px;background:var(--mm-accent-light);border-radius:20px;font-size:.85em}.mm-table-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:768px){.mm-directory-header{padding:40px 24px 36px}.mm-directory-header h1{font-size:1.8em}.mm-single-content{flex-direction:column;padding:24px}.mm-single-image{width:100%}.mm-single-header{flex-direction:column;align-items:flex-start}.mm-single-header h1{font-size:1.6em}.mm-directory-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}
@media(max-width:600px){.mm-directory-grid{grid-template-columns:1fr}.mm-table-grid{grid-template-columns:repeat(2,1fr)!important}.mm-directory-wrapper{padding:0 16px 40px}.mm-directory-header{margin:0 -16px 32px;padding:32px 20px 28px;border-radius:0}}