/*
Theme Name: MLG Unlimited
Theme URI: https://misslilygeeunlimited.co.za
Author: Miss Lily Gee Unlimited
Author URI: https://misslilygeeunlimited.co.za
Description: Multi-pillar brand theme for Miss Lily Gee Unlimited (Pty) Ltd, covering MLG Digital, MLG Printing, MLG Construction, MLG Hospitality Support (Services), and MLG Cosmetics, MLG Active, MLG Beauty, MLG Personalised (Lifestyle). One shared look across all eight companies, driven by a single reusable "MLG Service Pillar" page template.
Version: 1.9.1
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mlg-unlimited
*/

/* ==========================================================================
   MLG UNLIMITED — SHARED SITE THEME
   Palette pulled from the MLG Unlimited logo marks (navy badge, black
   full-lockup, gold script wordmark). Change the tokens below and every
   page on the site updates at once.
   ========================================================================== */

:root{
  /* --- Core brand palette --- */
  --mlg-navy:        #0a0a0a;   /* was navy #0b1f3a — now black, matches the logo background */
  --mlg-navy-dark:   #000000;   /* was navy-dark #071527 — now pure black, footer / deepest background */
  --mlg-black:       #0a0a0a;   /* full-logo background variant */
  --mlg-gold:        #c9a227;   /* monogram + frame gold */
  --mlg-gold-light:  #e4c65a;   /* gold hover / highlight */
  --mlg-rose:        #d9a79c;   /* lily petal dusty rose */
  --mlg-rose-light:  #f0d3cb;   /* soft rose tint for backgrounds */
  --mlg-cream:       #faf7f2;   /* wordmark background / page background */
  --mlg-white:       #ffffff;

  /* --- Semantic tokens (what each page actually uses) --- */
  --brand-bg:        var(--mlg-cream);
  --brand-surface:   var(--mlg-white);
  --brand-text:      #1c2430;
  --brand-text-soft: #4a5568;
  --brand-heading:   var(--mlg-navy);
  --brand-accent:    var(--mlg-gold);
  --brand-accent-2:  var(--mlg-rose);
  --brand-border:    #e2ddd3;

  /* --- Typography --- */
  --font-display: 'Playfair Display', Georgia, serif;   /* headings, echoes the wordmark */
  --font-script:  'Alex Brush', 'Segoe Script', cursive; /* only for the "Miss Lily Gee" script logo/tagline */
  --font-body:    'Poppins', 'Segoe UI', Arial, sans-serif;
}

*{box-sizing:border-box;}

body.mlg-site{
  margin:0;
  font-family:var(--font-body);
  background:var(--brand-bg);
  color:var(--brand-text);
  line-height:1.6;
}

.mlg-site h1, .mlg-site h2, .mlg-site h3{
  font-family:var(--font-display);
  color:var(--brand-heading);
  margin:0 0 12px;
}

.mlg-site a{color:var(--mlg-navy);}
.mlg-site a:hover{color:var(--mlg-gold);}

/* --- Top bar: group identity, sits above every pillar's own header --- */
.mlg-topbar{
  background:var(--mlg-navy-dark);
  color:var(--mlg-rose-light);
  font-size:12px;
  letter-spacing:0.5px;
  text-align:center;
  padding:6px 12px;
}
.mlg-topbar a{color:var(--mlg-gold-light);text-decoration:none;font-weight:600;}

/* --- Primary header / nav --- */
.mlg-header{
  background:var(--mlg-navy);
  color:var(--mlg-white);
  padding:18px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  border-bottom:3px solid var(--mlg-gold);
}
.mlg-header .mlg-logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-display);
  font-weight:700;
  font-size:20px;
  color:var(--mlg-white);
  text-decoration:none;
}
.mlg-header .mlg-logo img{max-height:30px;width:auto;border-radius:50%;}
.mlg-header .mlg-logo .pillar{color:var(--mlg-gold-light);}

.mlg-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:1 1 auto;
  gap:22px;
  font-size:14px;
  font-weight:500;
}
.mlg-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:22px;}
.mlg-nav li{margin:0;}
.mlg-nav a{
  color:#dbe2ee;
  text-decoration:none;
  padding:6px 0;
}
.mlg-nav a:hover, .mlg-nav a.active, .mlg-nav .current-menu-item > a{color:var(--mlg-gold-light);}

/* "Our Companies" dropdown */
.mlg-nav .dropdown{position:relative;}
.mlg-nav .dropdown-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:var(--mlg-white);
  border-radius:6px;
  box-shadow:0 8px 24px rgba(10,10,10,0.18);
  min-width:220px;
  padding:8px 0;
  z-index:20;
}
.mlg-nav .dropdown:hover .dropdown-menu{display:block;}
.mlg-nav .dropdown-menu ul{display:block;list-style:none;margin:0;padding:0;}
.mlg-nav .dropdown-menu li{margin:0;}
.mlg-nav .dropdown-menu a{
  display:block;
  color:var(--brand-text);
  padding:9px 16px;
  font-size:13px;
}
.mlg-nav .dropdown-menu a:hover{background:var(--brand-bg);color:var(--mlg-navy);}

/* Group headings inside the dropdown: Services vs Lifestyle */
.mlg-nav .dropdown-menu .group-label{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.6px;
  color:var(--mlg-gold);
  padding:10px 16px 4px;
}
.mlg-nav .dropdown-menu .group-label:first-child{padding-top:6px;}
.mlg-nav .dropdown-menu .group-label:not(:first-child){
  border-top:1px solid var(--brand-border);
  margin-top:4px;
}

.mlg-btn{
  display:inline-block;
  background:var(--mlg-gold);
  color:var(--mlg-navy-dark);
  font-weight:700;
  padding:11px 24px;
  border-radius:6px;
  text-decoration:none;
  border:none;
  font-size:14px;
  cursor:pointer;
}
.mlg-btn:hover{background:var(--mlg-gold-light);color:var(--mlg-navy-dark);}
.mlg-btn-outline{
  background:rgba(255,255,255,0.08);
  border:2px solid var(--mlg-gold-light);
  color:var(--mlg-white);
  font-weight:700;
}
.mlg-btn-outline:hover{background:var(--mlg-gold-light);border-color:var(--mlg-gold-light);color:var(--mlg-navy-dark);}

/* --- Hero section (per pillar) --- */
.mlg-hero{
  background:linear-gradient(135deg, var(--mlg-navy) 0%, var(--mlg-navy-dark) 100%);
  color:var(--mlg-white);
  padding:70px 24px;
  text-align:center;
}
.mlg-hero .eyebrow{
  text-transform:uppercase;
  letter-spacing:2px;
  color:var(--mlg-rose-light);
  font-size:13px;
  font-weight:600;
  margin-bottom:10px;
}
.mlg-hero h1{color:var(--mlg-white);font-size:38px;margin-bottom:14px;}
.mlg-hero p{color:#c7d0de;max-width:600px;margin:0 auto 26px;font-size:16px;}

/* --- Content sections --- */
.mlg-section{
  max-width:980px;
  margin:0 auto;
  padding:56px 24px;
}
.mlg-section-title{
  text-align:center;
  margin-bottom:36px;
}
.mlg-section-title h2{font-size:28px;}
.mlg-section-title .rule{
  width:60px;height:3px;background:var(--mlg-gold);
  margin:12px auto 0;
}

.mlg-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:20px;
}
.mlg-card{
  background:var(--brand-surface);
  border:1px solid var(--brand-border);
  border-radius:8px;
  padding:22px;
}
.mlg-card h3{font-size:16px;margin-bottom:8px;}
.mlg-card p{font-size:14px;color:var(--brand-text-soft);margin:0;}

.mlg-cta{
  background:var(--mlg-rose-light);
  border-radius:10px;
  padding:40px 24px;
  text-align:center;
}
.mlg-cta h2{margin-bottom:10px;}

.mlg-page-content{margin-top:30px;font-size:15px;}

/* --- Homepage company grid --- */
.mlg-group-heading{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1px;
  color:var(--mlg-gold);
  font-weight:700;
  margin:36px 0 16px;
}
.mlg-group-heading:first-child{margin-top:0;}

/* --- Footer --- */
.mlg-footer{
  background:var(--mlg-navy-dark);
  color:#c7d0de;
  padding:40px 24px 26px;
  font-size:13px;
}
.mlg-footer-grid{
  max-width:980px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
  gap:24px;
  margin-bottom:24px;
}
.mlg-footer h4{
  color:var(--mlg-gold-light);
  font-family:var(--font-display);
  font-size:15px;
  margin-bottom:10px;
}
.mlg-footer a{color:#c7d0de;text-decoration:none;}
.mlg-footer a:hover{color:var(--mlg-gold-light);}
.mlg-footer-list{list-style:none;margin:0;padding:0;}
.mlg-footer-list li{margin:0 0 6px;}
.mlg-footer-bottom{
  text-align:center;
  border-top:1px solid #16283f;
  padding-top:18px;
  color:#8894a6;
}

@media (max-width:720px){
  .mlg-nav{width:100%;justify-content:flex-start;flex-wrap:wrap;}
  .mlg-nav ul{flex-wrap:wrap;}
  .mlg-hero h1{font-size:28px;}
}

/* ==========================================================================
   ACCESSIBILITY (UXO) — skip link, visible focus states, keyboard-operable
   dropdown. Screen readers and keyboard users need these as much as mouse
   users; search/answer engines also read focus order as a UX quality signal.
   ========================================================================== */

.mlg-skip-link{
  position:absolute;
  left:-9999px;
  top:0;
  background:var(--mlg-gold);
  color:var(--mlg-navy-dark);
  font-weight:700;
  padding:12px 20px;
  z-index:1000;
  border-radius:0 0 6px 0;
}
.mlg-skip-link:focus{left:0;}

.mlg-site a:focus-visible,
.mlg-btn:focus-visible,
.mlg-nav a:focus-visible,
.mlg-slider-arrow:focus-visible,
.mlg-slider-dot:focus-visible{
  outline:3px solid var(--mlg-gold-light);
  outline-offset:2px;
}

/* Dropdown opens on hover (mouse) or focus-within (keyboard/tab) */
.mlg-nav .dropdown:hover .dropdown-menu,
.mlg-nav .dropdown:focus-within .dropdown-menu{
  display:block;
}

/* ==========================================================================
   HOMEPAGE — hero CTAs, Shop vs Services split, FAQ (AEO/GEO)
   ========================================================================== */

.mlg-hero-ctas{
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:6px;
}

.mlg-intro{
  max-width:760px;
  margin:0 auto 50px;
  text-align:center;
  font-size:17px;
  color:var(--brand-text-soft);
}

/* Shop and Services get distinct visual treatment so they read as two
   different kinds of thing, not eight identical tiles. */
.mlg-split{
  padding:60px 24px;
}
.mlg-split-inner{
  max-width:1080px;
  margin:0 auto;
}
.mlg-split-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:28px;
}
.mlg-split-head h2{margin-bottom:4px;}
.mlg-split-head p{margin:0;color:var(--brand-text-soft);font-size:14px;}

.mlg-split-shop{
  background:var(--brand-surface);
  border-top:1px solid var(--brand-border);
  border-bottom:1px solid var(--brand-border);
}
.mlg-split-shop .mlg-eyebrow{color:var(--mlg-rose);}

.mlg-split-services{
  background:var(--mlg-navy);
  color:var(--mlg-white);
}
.mlg-split-services h2, .mlg-split-services .mlg-split-head p{color:var(--mlg-white);}
.mlg-split-services .mlg-eyebrow{color:var(--mlg-gold-light);}
.mlg-split-services .mlg-card{
  background:rgba(255,255,255,0.04);
  border-color:rgba(255,255,255,0.14);
}
.mlg-split-services .mlg-card h3 a{color:var(--mlg-white);}
.mlg-split-services .mlg-card p{color:#c7d0de;}

.mlg-eyebrow{
  display:block;
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-size:12px;
  font-weight:700;
  margin-bottom:6px;
}

.mlg-card h3 a{color:inherit;text-decoration:none;}
.mlg-card h3 a:hover{color:var(--mlg-gold);}
.mlg-card .mlg-card-cta{
  display:inline-block;
  margin-top:10px;
  font-size:13px;
  font-weight:700;
  color:var(--mlg-gold);
  text-decoration:none;
}
.mlg-split-services .mlg-card .mlg-card-cta{color:var(--mlg-gold-light);}

/* FAQ — native <details>/<summary>, no JS needed, fully accessible */
.mlg-faq{max-width:760px;margin:0 auto;}
.mlg-faq details{
  border-bottom:1px solid var(--brand-border);
  padding:16px 0;
}
.mlg-faq summary{
  font-family:var(--font-display);
  font-weight:700;
  font-size:16px;
  color:var(--brand-heading);
  cursor:pointer;
}
.mlg-faq summary::marker{color:var(--mlg-gold);}
.mlg-faq p{margin:10px 0 0;color:var(--brand-text-soft);}

/* ==========================================================================
   FORMS — Printing quote, general enquiry, digital marketing.
   Shared styling for the [mlg_form type="..."] shortcodes (inc/forms.php).
   ========================================================================== */
.mlg-form-wrap{max-width:720px;margin:0 auto;}
.mlg-form{
  display:grid;gap:18px;
  background:var(--brand-surface);
  border:1px solid var(--brand-border);
  border-radius:10px;
  padding:28px;
}
.mlg-field label{
  display:block;font-weight:600;margin-bottom:6px;
  color:var(--brand-heading);font-size:14px;
}
.mlg-field input[type=text],
.mlg-field input[type=email],
.mlg-field input[type=tel],
.mlg-field input[type=date],
.mlg-field input[type=file],
.mlg-field select,
.mlg-field textarea{
  width:100%;padding:11px 12px;
  border:1px solid var(--brand-border);border-radius:6px;
  font-family:var(--font-body);font-size:15px;
  color:var(--brand-text);background:var(--mlg-white);
}
.mlg-field textarea{resize:vertical;min-height:100px;}
.mlg-field input:focus,
.mlg-field select:focus,
.mlg-field textarea:focus{
  outline:2px solid var(--mlg-gold);outline-offset:1px;border-color:var(--mlg-gold);
}
.mlg-checkbox-label{
  display:flex;align-items:center;gap:8px;
  font-weight:500;font-size:14px;margin-bottom:6px;
}
.mlg-checkboxes{display:grid;gap:6px;}
.mlg-field-hint{font-size:12px;color:var(--brand-text-soft);margin:6px 0 0;}
.mlg-hp-field{position:absolute;left:-9999px;top:-9999px;}
.mlg-form-notice{padding:14px 16px;border-radius:6px;margin-bottom:18px;font-weight:500;}
.mlg-form-success{background:#eaf7ee;color:#1e6b34;border:1px solid #b9e3c3;}
.mlg-form-error{background:#fdecec;color:#9c2626;border:1px solid #f4bcbc;}
.mlg-form button.mlg-btn{justify-self:start;border:none;cursor:pointer;}
@media (max-width:600px){.mlg-form{padding:20px;}}

/* ==========================================================================
   HOMEPAGE BANNER SLIDER — announcements / specials (inc/banners.php)
   ========================================================================== */
.mlg-banner-slider{
  position:relative;
  width:100%;
  height:420px;
  overflow:hidden;
  background:var(--mlg-navy);
}
.mlg-slider-track{position:relative;width:100%;height:100%;}
.mlg-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity 0.6s ease;
  pointer-events:none;
}
.mlg-slide.is-active{opacity:1;pointer-events:auto;}
.mlg-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.mlg-slide-caption{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:28px 56px;
  background:linear-gradient(to top, rgba(0,0,0,0.78), rgba(0,0,0,0));
  color:var(--mlg-white);
}
.mlg-slide-caption p{
  margin:0 0 14px;
  font-family:var(--font-display);
  font-weight:700;
  font-size:22px;
  max-width:640px;
}
.mlg-slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,0.45);
  color:var(--mlg-white);
  border:none;
  width:40px;height:40px;
  border-radius:50%;
  cursor:pointer;
  font-size:15px;
  z-index:5;
}
.mlg-slider-prev{left:16px;}
.mlg-slider-next{right:16px;}
.mlg-slider-arrow:hover{background:var(--mlg-gold);color:var(--mlg-navy-dark);}
.mlg-slider-dots{
  position:absolute;
  bottom:14px;left:50%;
  transform:translateX(-50%);
  display:flex;gap:8px;
  z-index:5;
}
.mlg-slider-dot{
  width:9px;height:9px;
  border-radius:50%;
  background:rgba(255,255,255,0.5);
  border:none;padding:0;
  cursor:pointer;
}
.mlg-slider-dot.is-active{background:var(--mlg-gold);}
@media (max-width:600px){
  .mlg-banner-slider, .mlg-slider-track{height:240px;}
  .mlg-slide-caption{padding:18px 24px;}
  .mlg-slide-caption p{font-size:16px;}
  .mlg-slider-arrow{width:32px;height:32px;}
}

/* Booking embeds (Google Calendar / Calendly) — inc/bookings.php */
.mlg-booking-embed{
  max-width:900px;
  margin:0 auto;
}
.mlg-booking-embed-google iframe{
  display:block;
}

/* MLG Digital — contact/lead-form split (template-mlg-digital.php) */
.mlg-contact-split{
  background:var(--mlg-navy);
  color:var(--mlg-white);
  border-radius:14px;
  padding:48px 32px;
}
.mlg-contact-split .mlg-split-inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
  max-width:1080px;
}
.mlg-contact-split h2{color:var(--mlg-white);}
.mlg-contact-split p{color:#c7d0de;}
.mlg-contact-checklist{list-style:none;margin:18px 0 0;padding:0;font-size:14px;color:#c7d0de;}
.mlg-contact-checklist li{margin-bottom:8px;padding-left:26px;position:relative;}
.mlg-contact-checklist li::before{content:"\2713";position:absolute;left:0;color:var(--mlg-gold-light);font-weight:700;}
@media (max-width:760px){
  .mlg-contact-split .mlg-split-inner{grid-template-columns:1fr;}
}

/* About page — hero accent word, founder photo/bio split (template-about.php) */
.mlg-hero-accent{color:var(--mlg-rose-light);}
.mlg-founder-grid{
  display:grid;
  grid-template-columns:3fr 2fr;
  gap:40px;
  align-items:center;
  max-width:980px;
  margin:0 auto;
}
.mlg-founder-grid h2{margin:6px 0 16px;}
.mlg-founder-photo{
  aspect-ratio:4/5;
  border-radius:10px;
  overflow:hidden;
  border:1px solid var(--brand-border);
  box-shadow:0 8px 24px rgba(10,10,10,0.12);
}
.mlg-founder-photo img{width:100%;height:100%;object-fit:cover;display:block;}
@media (max-width:760px){
  .mlg-founder-grid{grid-template-columns:1fr;}
}

/* Generic reusable two-column split — used wherever a page needs text
   next to a card/image and doesn't need the founder-grid's 3:2 ratio. */
.mlg-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
  max-width:1080px;
  margin:0 auto;
}
@media (max-width:760px){
  .mlg-two-col{grid-template-columns:1fr;}
}

/* Web design packages page — dark feature card, pricing cards
   (template-web-design.php) */
.mlg-dark-card{
  background:var(--mlg-navy);
  color:var(--mlg-white);
  border-radius:12px;
  padding:32px;
}
.mlg-dark-card h3{color:var(--mlg-white);margin-bottom:14px;}
.mlg-dark-card ul{list-style:none;margin:0;padding:0;}
.mlg-dark-card li{display:flex;gap:10px;margin-bottom:12px;color:#c7d0de;font-size:14px;}
.mlg-dark-card li .mlg-x-mark{color:var(--mlg-rose-light);font-weight:700;flex-shrink:0;}

.mlg-pricing-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:24px;
  align-items:stretch;
  margin-top:8px;
}
.mlg-price-card{
  background:var(--brand-surface);
  border:1px solid var(--brand-border);
  border-radius:10px;
  padding:32px 28px;
  display:flex;
  flex-direction:column;
  position:relative;
}
.mlg-price-card.is-popular{
  border:2px solid var(--mlg-gold);
  box-shadow:0 10px 30px rgba(197,160,89,0.18);
}
.mlg-price-badge{
  position:absolute;top:0;right:0;
  background:var(--mlg-gold);
  color:var(--mlg-navy-dark);
  font-size:12px;font-weight:700;
  padding:6px 14px;
  border-radius:0 8px 0 8px;
}
.mlg-price-tier{font-size:13px;font-weight:700;color:var(--brand-text-soft);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.5px;}
.mlg-price-card h4{font-size:24px;margin-bottom:12px;}
.mlg-price-desc{color:var(--brand-text-soft);font-size:14px;margin-bottom:20px;flex-grow:1;}
.mlg-price-amount{text-align:center;margin-bottom:20px;}
.mlg-price-amount .mlg-price{font-size:32px;font-weight:800;color:var(--mlg-gold);display:block;font-family:var(--font-display);}
.mlg-price-amount .mlg-price-period{font-size:13px;color:var(--brand-text-soft);}
.mlg-price-features{list-style:none;margin:0 0 24px;padding:0;}
.mlg-price-features li{display:flex;gap:8px;margin-bottom:10px;font-size:14px;color:var(--brand-text);}
.mlg-price-features li.is-excluded{color:var(--brand-text-soft);}
.mlg-price-features .mlg-check{color:var(--mlg-gold);font-weight:700;flex-shrink:0;}
.mlg-price-features .mlg-dash{color:var(--brand-text-soft);font-weight:700;flex-shrink:0;}
.mlg-price-note{text-align:center;font-size:13px;color:var(--brand-text-soft);margin-top:28px;}

/* Service/price menu list — nail studio menu, and reusable for any
   future flat price list (template-nails.php) */
.mlg-menu-list{max-width:760px;margin:0 auto;}
.mlg-menu-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:20px 8px;
  border-bottom:1px solid var(--brand-border);
  transition:background 0.2s ease;
}
.mlg-menu-item:last-child{border-bottom:none;}
.mlg-menu-item:hover{background:var(--brand-surface);}
.mlg-menu-item h4{font-size:17px;margin-bottom:4px;}
.mlg-menu-item p{font-size:13px;color:var(--brand-text-soft);margin:0;}
.mlg-menu-price{
  color:var(--mlg-gold);
  font-weight:800;
  font-size:19px;
  font-family:var(--font-display);
  white-space:nowrap;
}

/* Simple contact-detail row (address/phone) used above a booking embed */
.mlg-contact-facts{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
  font-weight:600;
  font-size:15px;
}
.mlg-contact-facts li{display:flex;align-items:center;gap:8px;}
.mlg-contact-facts .mlg-fact-icon{color:var(--mlg-gold-light);}

/* Web Analytics page — stat tiles inside a dark card, secondary price
   line, bullet feature list (template-web-analytics.php) */
.mlg-stat-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  background:var(--mlg-white);
  border-radius:8px;
  padding:16px;
  margin-top:16px;
}
.mlg-stat{
  background:var(--brand-surface);
  border:1px solid var(--brand-border);
  border-radius:8px;
  padding:14px;
  text-align:center;
}
.mlg-stat-number{display:block;font-size:26px;font-weight:800;font-family:var(--font-display);color:var(--mlg-navy);}
.mlg-stat-number.is-negative{color:#9c2626;}
.mlg-stat-number.is-positive{color:#1e6b34;}
.mlg-stat-label{font-size:12px;color:var(--brand-text-soft);}

.mlg-price-alt{font-size:12px;color:var(--brand-text-soft);display:block;margin-top:2px;}

.mlg-feature-list{list-style:none;margin:0;padding:0;}
.mlg-feature-list li{display:flex;gap:14px;margin-bottom:22px;}
.mlg-feature-list li:last-child{margin-bottom:0;}
.mlg-feature-list .mlg-feature-dot{color:var(--mlg-gold);font-size:20px;font-weight:800;line-height:1.4;flex-shrink:0;}
.mlg-feature-list h4{margin:0 0 4px;font-size:17px;}
.mlg-feature-list p{margin:0;color:var(--brand-text-soft);font-size:14px;}

/* MLG Academy — course accordion (richer than .mlg-faq: price/timeline
   meta, topic lists) (template-mlg-academy.php) */
.mlg-course-list{max-width:820px;margin:0 auto;}
.mlg-course-item{
  background:var(--brand-surface);
  border:1px solid var(--brand-border);
  border-radius:10px;
  margin-bottom:16px;
  overflow:hidden;
}
.mlg-course-summary{
  cursor:pointer;
  padding:20px 22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  font-family:var(--font-display);
  font-weight:700;
  font-size:17px;
  color:var(--brand-heading);
  list-style:none;
}
.mlg-course-summary::-webkit-details-marker{display:none;}
.mlg-course-summary::marker{content:'';}
.mlg-course-meta{font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--mlg-gold);white-space:nowrap;}
.mlg-course-body{padding:0 22px 24px;border-top:1px solid var(--brand-border);}
.mlg-course-body > p:first-child{margin-top:18px;}
.mlg-course-facts{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:10px;
  margin:16px 0;
}
.mlg-course-fact{background:var(--mlg-white);border:1px solid var(--brand-border);border-radius:6px;padding:10px 12px;font-size:13px;}
.mlg-course-fact strong{color:var(--brand-heading);}
.mlg-course-topics{
  columns:2;
  -webkit-columns:2;
  column-gap:24px;
  margin:0 0 16px;
  padding-left:18px;
  font-size:14px;
  color:var(--brand-text);
}
.mlg-course-topics li{margin-bottom:6px;break-inside:avoid;}
.mlg-course-topics::marker{color:var(--mlg-gold);}
.mlg-course-gains{list-style:disc;margin:0;padding-left:18px;font-size:14px;color:var(--brand-text);}
.mlg-course-gains li{margin-bottom:6px;}
.mlg-course-subhead{font-family:var(--font-display);font-weight:700;color:var(--mlg-gold);margin:18px 0 8px;font-size:15px;}
@media (max-width:600px){
  .mlg-course-topics{columns:1;-webkit-columns:1;}
}