/* modernmoneyexperts.com on MMEC Design System v1.3. Artboard: Trump canvas site/main-home (+ -390).
   Loaded by mu-plugin mmec-ds-main.php after the theme + Elementor CSS, only while body has .mmec-ds
   (preview cookie or option mmec_ds_main_live). Layers: theme --mmec-* vars, Elementor kit globals (answer 9),
   ElementsKit header (template 2000), front-page .mm-home, theme footer, cookie bar. Needs tokens.css first. */

/* 1) theme + Elementor kit globals -> tokens */
body.mmec-ds{
  --mmec-void:var(--ground);--mmec-base:var(--ground);--mmec-elevated:var(--surface-panel);--mmec-surface:var(--surface-2);
  --mmec-border:var(--line);--mmec-border-light:var(--line);--mmec-border-strong:var(--line-strong);
  --mmec-accent:var(--gold);--mmec-accent-hover:var(--gold-hover);--mmec-accent-dim:var(--gold-wash);
  --mmec-text:var(--text);--mmec-text-secondary:var(--text);--mmec-text-muted:var(--text-muted);
  --mmec-positive:var(--up);--mmec-negative:var(--down);--mmec-warning:var(--warning);
  --mmec-font:var(--font-arabic);--mmec-font-mono:var(--font-mono);
  --mmec-radius:var(--radius-md);--mmec-radius-sm:var(--radius-sm);--mmec-radius-lg:var(--radius-lg);
  --mmec-shadow:var(--shadow-panel);--mmec-max-width:1200px;
  /* Elementor kit 4213 (primary->gold, secondary->surface-2, text->text, accent->info, fonts) */
  --e-global-color-primary:var(--gold);--e-global-color-secondary:var(--surface-2);
  --e-global-color-text:var(--text);--e-global-color-accent:var(--info);
  --e-global-typography-primary-font-family:"IBM Plex Sans Arabic","Inter",sans-serif;
  --e-global-typography-secondary-font-family:"IBM Plex Sans Arabic","Inter",sans-serif;
  --e-global-typography-text-font-family:"IBM Plex Sans Arabic","Inter",sans-serif;
  --e-global-typography-accent-font-family:"IBM Plex Sans Arabic","Inter",sans-serif;
  /* kit 4213 custom colours (old navy / sky-blue set, read 2026-11-04) -> tokens */
  --e-global-color-672eedc:var(--gold);--e-global-color-57d6bf:var(--gold);--e-global-color-3a83045:var(--gold);
  --e-global-color-7e9b0933:var(--gold);--e-global-color-7a8130f:var(--surface-2);--e-global-color-102cc7e:var(--ground-pane);
  --e-global-color-4b9cfc77:var(--ground-pane);--e-global-color-d5fb902:var(--line-strong);--e-global-color-36c75a6:var(--text-muted);
  --e-global-color-77b54198:var(--text-axis);--e-global-color-4d5f824a:var(--text);
  background:var(--ground)!important;color:var(--text);font-family:var(--font-arabic);
}
body.mmec-ds:lang(en),body.mmec-ds.lang-en{font-family:var(--font-sans)}
body.mmec-ds h1,body.mmec-ds h2,body.mmec-ds h3,body.mmec-ds h4{color:var(--text);font-weight:700;background:none;-webkit-text-fill-color:currentColor}
body.mmec-ds a{color:var(--gold)}
body.mmec-ds ::selection{background:var(--gold-wash)}

/* 2) header (ElementsKit template 2000): 32px top strip + 68px bar, logo | menu | actions on one row */
body.mmec-ds .ekit-template-content-header .elementor-element-22e345b{background:var(--ground-pane)!important;border-bottom:1px solid var(--line)!important;min-height:0!important}
body.mmec-ds .ekit-template-content-header .elementor-element-22e345b > .elementor-container{max-width:1200px!important;min-height:32px!important}
body.mmec-ds .ekit-template-content-header .elementor-element-22e345b a,
body.mmec-ds .ekit-template-content-header .elementor-element-22e345b .elementor-icon-list-text{color:var(--text-axis)!important;font-size:13px!important}
body.mmec-ds .ekit-template-content-header .ekit_social_media a{background:transparent!important;color:var(--text-axis)!important;width:32px!important;height:32px!important}
body.mmec-ds .ekit-template-content-header .ekit_social_media a:hover{color:var(--text)!important}
body.mmec-ds .ekit-template-content-header .ekit_social_media a svg,body.mmec-ds .ekit-template-content-header .ekit_social_media a i{fill:currentColor!important;color:currentColor!important}
body.mmec-ds .ekit-template-content-header .elementor-element-ec83b4c{background:var(--surface-panel)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
body.mmec-ds .ekit-template-content-header .elementor-element-ec83b4c > .elementor-container{max-width:1200px!important;min-height:68px!important;flex-wrap:nowrap!important;gap:28px}
body.mmec-ds .ekit-template-content-header .elementor-element-1416eef{width:auto!important;flex:0 0 auto!important}
body.mmec-ds .ekit-template-content-header .elementor-element-9f04bb3{width:auto!important;flex:1 1 auto!important}
body.mmec-ds .ekit-template-content-header .elementor-element-ec83b4c > .elementor-container > .elementor-column:last-child:not(.elementor-element-9f04bb3){width:auto!important;flex:0 0 auto!important}
body.mmec-ds .ekit-template-content-header .elementor-element-2851a0b{width:100%!important}
.mmec-ds-brand{display:flex;align-items:center;gap:10px;margin-inline-end:28px;color:var(--text)!important;text-decoration:none!important;font-size:16px;font-weight:700;white-space:nowrap}
.mmec-ds-brand img{width:40px;height:40px;object-fit:contain;display:block}
body.mmec-ds .elementskit-navbar-nav{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:20px}
body.mmec-ds .elementskit-navbar-nav > li > a.ekit-menu-nav-link{color:var(--text-axis)!important;font-family:var(--font-arabic)!important;font-size:15px!important;font-weight:500!important;padding:8px 2px!important;border-bottom:2px solid transparent;white-space:nowrap;line-height:1.4!important}
body.mmec-ds .elementskit-navbar-nav > li > a.ekit-menu-nav-link:hover{color:var(--text)!important}
body.mmec-ds .elementskit-navbar-nav > li > a.ekit-menu-nav-link.active,
body.mmec-ds .elementskit-navbar-nav > li.current-menu-item > a{color:var(--text)!important;border-bottom-color:var(--gold)}
body.mmec-ds .elementskit-navbar-nav .elementskit-submenu-panel{background:var(--surface-2)!important;border:1px solid var(--line-strong)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-panel)!important;padding:6px 0!important}
body.mmec-ds .elementskit-submenu-panel a.dropdown-item{color:var(--text)!important;min-height:44px;display:flex!important;align-items:center;padding:0 16px!important;font-size:15px!important;background:transparent!important}
body.mmec-ds .elementskit-submenu-panel a.dropdown-item:hover,body.mmec-ds .elementskit-submenu-panel .current-menu-item > a{background:var(--surface-3)!important;color:var(--gold)!important}
body.mmec-ds .elementskit-menu-hamburger{border-color:var(--line-strong)!important;color:var(--text)!important}
body.mmec-ds .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background:var(--text)!important}
body.mmec-ds .elementskit-menu-container.elementskit-menu-offcanvas-elements{background:var(--surface-panel)!important}

/* 3) front page (.mm-home): ground, start-aligned sections, one gold primary per section */
body.mmec-ds .mm-home{--mm-gold:var(--gold);--mm-gold2:var(--gold);--mm-panel:var(--surface-2);--mm-line:var(--line);--mm-mute:var(--text-muted);background:var(--ground);color:var(--text)}
body.mmec-ds .mm-home .mmec-container{max-width:1200px!important;padding-left:32px!important;padding-right:32px!important}
body.mmec-ds .mm-home .mmec-section,body.mmec-ds .mm-home .mmec-hero{padding:72px 0;border-bottom:1px solid var(--line);background:var(--ground)}
body.mmec-ds .mm-home .mmec-hero{padding:96px 0 80px;background:var(--ground)!important;background-image:none!important}
body.mmec-ds .mm-home .mm-band{background:var(--ground-pane)!important;border-top:0;border-bottom:1px solid var(--line)}
body.mmec-ds .mm-home .mmec-text-center,body.mmec-ds .mm-home .mmec-section-header{text-align:start!important}
body.mmec-ds .mm-home .mmec-flex--center{justify-content:flex-start!important}
body.mmec-ds .mm-home .mm-kicker{color:var(--text-muted);font-size:14px;font-weight:700;margin:0 0 10px}
body.mmec-ds .mm-home .mm-gold{color:inherit}
body.mmec-ds .mm-home .mmec-hero__title{font-size:56px;line-height:64px;font-weight:700;color:var(--text)!important;margin:0 0 18px;background:none!important;-webkit-text-fill-color:var(--text)!important}
body.mmec-ds .mm-home .mmec-hero__subtitle,body.mmec-ds .mm-home .mm-sub{font-size:17px;line-height:28px;color:var(--text-muted);max-width:720px;margin:0 0 28px}
body.mmec-ds .mm-home .mmec-hero__subtitle{margin-inline:0!important}
body.mmec-ds .mm-home h2{font-size:40px;line-height:50px;margin:0 0 14px!important}
body.mmec-ds .mm-home #learn-investment h2{font-size:30px;line-height:40px}
body.mmec-ds .mm-home #learn-investment p{margin-inline:0!important;max-width:720px}
body.mmec-ds .mm-home .mmec-text-muted{color:var(--text-muted)!important}

body.mmec-ds .mm-home .mm-card,body.mmec-ds .mm-home .mmec-card{background:var(--surface-2)!important;border:1px solid var(--line)!important;border-radius:var(--radius-md)!important;padding:20px;gap:10px;color:var(--text);box-shadow:none!important}
body.mmec-ds .mm-home .mmec-card{padding:0;overflow:hidden}
body.mmec-ds .mm-home .mmec-card__body{padding:16px 20px 20px}
body.mmec-ds .mm-home a.mm-card:hover,body.mmec-ds .mm-home .mmec-card:hover{border-color:var(--line-strong)!important;color:var(--text)}
body.mmec-ds .mm-home .mm-hl{background:var(--surface-2)!important;border-color:var(--line)!important}
body.mmec-ds .mm-home .mm-card h3,body.mmec-ds .mm-home .mmec-card__title,body.mmec-ds .mm-home .mmec-card__title a{font-size:18px;line-height:28px;color:var(--text)!important}
body.mmec-ds .mm-home .mm-card p,body.mmec-ds .mm-home .mmec-card__excerpt{font-size:15px;line-height:24px;color:var(--text-muted)}
body.mmec-ds .mm-home .mm-meta,body.mmec-ds .mm-home .mmec-card__meta{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}
body.mmec-ds .mm-home .mm-go{color:var(--gold);font-size:15px;font-weight:600}
body.mmec-ds .mm-home .mm-badge{background:var(--gold-chip);color:var(--gold);font-size:12px;font-weight:700;padding:0 8px;height:24px;display:inline-flex;align-items:center;border-radius:var(--radius-xs)}
body.mmec-ds .mm-home .mm-hl .mm-badge{background:var(--gold);color:var(--text-on-accent)}
body.mmec-ds .mm-home .mm-ann{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
body.mmec-ds .mm-home .mmec-grid{gap:20px}
body.mmec-ds .mm-home .mm-phones img{border:2px solid var(--line-strong);border-radius:28px;box-shadow:none}
body.mmec-ds .mm-home .mm-store{border-color:var(--line-strong);border-radius:var(--radius-md)}

body.mmec-ds .mmec-btn{border-radius:var(--radius-sm)!important;font-family:inherit;font-weight:600;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;box-shadow:none!important;transform:none!important}
body.mmec-ds .mmec-btn--lg{min-height:48px;font-size:16px;padding:0 22px}
body.mmec-ds .mm-btn-gold,body.mmec-ds .mmec-btn--primary{background:var(--gold)!important;color:var(--text-on-accent)!important;border:1px solid var(--gold)!important}
body.mmec-ds .mm-btn-gold:hover,body.mmec-ds .mmec-btn--primary:hover{background:var(--gold-hover)!important}
body.mmec-ds .mm-btn-line,body.mmec-ds .mmec-btn--outline{background:transparent!important;color:var(--gold)!important;border:1px solid var(--gold)!important}
body.mmec-ds .mm-btn-line:hover,body.mmec-ds .mmec-btn--outline:hover{background:var(--gold-wash)!important}
body.mmec-ds .mmec-btn--ghost{background:transparent!important;color:var(--text)!important;border:1px solid var(--line-strong)!important}

/* newsletter */
body.mmec-ds .mm-home .mmec-cta-card,body.mmec-ds .mm-home .mmec-newsletter{background:var(--ground-pane)!important;border:1px solid var(--line)!important;border-radius:var(--radius-md)!important;padding:40px!important;text-align:start!important}
body.mmec-ds .mmec-newsletter-form input[type=email],body.mmec-ds .mm-home .mmec-newsletter input[type=email]{height:48px;background:var(--ground)!important;border:1px solid var(--line-strong)!important;border-radius:var(--radius-sm)!important;color:var(--text)!important;padding:0 12px!important}
body.mmec-ds .mmec-newsletter-form input:focus{border-color:var(--gold)!important;outline:none}

/* 3b) inner pages: theme page header + ElementsKit info boxes (about-us stat cards were hard-coded mint/green) */
body.mmec-ds .mmec-breadcrumbs,body.mmec-ds .mmec-page-header{max-width:1200px;margin-inline:auto;padding-inline:32px;box-sizing:border-box}
body.mmec-ds .mmec-container--narrow{padding-inline:32px;box-sizing:border-box}
body.mmec-ds .mmec-breadcrumbs,body.mmec-ds .mmec-breadcrumbs a{color:var(--text-muted)!important;font-size:13px}
body.mmec-ds .mmec-page-title{font-size:40px;line-height:50px;color:var(--text)!important}
body.mmec-ds .elementskit-infobox{background:var(--surface-2)!important;background-image:none!important;border:1px solid var(--line)!important;border-radius:var(--radius-md)!important;box-shadow:none!important}
body.mmec-ds .elementskit-infobox:hover{border-color:var(--line-strong)!important}
body.mmec-ds .elementskit-infobox .elementskit-info-box-icon,body.mmec-ds .elementskit-infobox .elementskit-info-box-icon i{color:var(--gold)!important;background:transparent!important}
body.mmec-ds .elementskit-infobox .elementskit-info-box-icon svg,body.mmec-ds .elementskit-infobox .elementskit-info-box-icon svg *{fill:var(--gold)!important}
body.mmec-ds .elementskit-infobox .elementskit-info-box-title{color:var(--text)!important;font-family:var(--font-mono)!important}
body.mmec-ds .elementskit-infobox p,body.mmec-ds .elementskit-infobox .box-body,body.mmec-ds .elementskit-infobox .box-body p{color:var(--text-muted)!important}

/* 3c) market pages (analysis_gulf, us_stocks_options): in-page market tab bar + ElementsKit blog cards */
body.mmec-ds .mmec-content .elementor-section:has(> .elementor-container .elementor-widget-nav-menu){background:var(--ground-pane)!important;border-block:1px solid var(--line)!important;margin-top:0!important}
body.mmec-ds .mmec-content .elementor-widget-nav-menu .elementor-item{color:var(--text-axis)!important;font-size:15px}
body.mmec-ds .mmec-content .elementor-widget-nav-menu .elementor-item:hover,body.mmec-ds .mmec-content .elementor-widget-nav-menu .elementor-item-active{color:var(--text)!important}
body.mmec-ds .mmec-content .elementor-widget-nav-menu .elementor-item:after,body.mmec-ds .mmec-content .elementor-widget-nav-menu .elementor-item:before{background-color:var(--gold)!important;border-color:var(--gold)!important}
body.mmec-ds .elementskit-post-image-card,body.mmec-ds .elementskit-post-body{background:var(--surface-2)!important;background-image:none!important;border-color:var(--line)!important;border-radius:var(--radius-md)!important;box-shadow:none!important}
body.mmec-ds .elementskit-post-image-card{border:1px solid var(--line)!important;overflow:hidden}
body.mmec-ds .elementskit-post-image-card .entry-title,body.mmec-ds .elementskit-post-image-card .entry-title a{color:var(--text)!important}
body.mmec-ds .elementskit-post-image-card p,body.mmec-ds .elementskit-post-image-card .post-meta-list,body.mmec-ds .elementskit-post-image-card .meta-date-text{color:var(--text-muted)!important}
body.mmec-ds .elementskit-post-image-card .meta-date-text{font-family:var(--font-mono)}
body.mmec-ds .elementskit-meta-categories .elementskit-meta-wraper span{background:var(--gold-chip)!important;color:var(--gold)!important;border-radius:var(--radius-xs)!important}
body.mmec-ds .elementskit-meta-categories .elementskit-meta-wraper span a{color:var(--gold)!important}
body.mmec-ds .elementskit-post-image-card .elementskit-btn{color:var(--gold)!important;background:transparent!important}

/* 4) theme footer */
body.mmec-ds .mmec-footer{background:var(--ground)!important;border-top:1px solid var(--line)!important;color:var(--text-muted)}
body.mmec-ds .mmec-footer .mmec-container{max-width:1200px}
body.mmec-ds .mmec-footer .footer-widget-title{color:var(--text)!important;font-size:13px!important;font-weight:700!important}
body.mmec-ds .mmec-footer a{color:var(--text-axis)!important}
body.mmec-ds .mmec-footer a:hover{color:var(--text)!important}
body.mmec-ds .mmec-footer__bottom{border-top:1px solid var(--line)!important;color:var(--text-muted);font-size:13px}

/* 5) cookie bar (mu-plugin mmec-cookie-consent) */
body.mmec-ds #mmec-cc-bar{background:var(--surface-panel)!important;border-top:2px solid var(--gold)!important;box-shadow:var(--shadow-sheet)!important;color:var(--text)!important}
body.mmec-ds #mmec-cc-text,body.mmec-ds #mmec-cc-text *{color:var(--text)!important;font-family:inherit!important}
body.mmec-ds #mmec-cc-text a{color:var(--gold)!important}
body.mmec-ds #mmec-cc-btn{background:var(--gold)!important;color:var(--text-on-accent)!important;border:0!important;border-radius:var(--radius-sm)!important;min-height:44px!important;font-weight:700!important}

@media (max-width:1024px){
  body.mmec-ds .ekit-template-content-header .elementor-element-ec83b4c > .elementor-container{gap:12px;padding:0 16px}
}
@media (max-width:767px){
  body.mmec-ds .mm-home .mmec-container{padding-left:16px!important;padding-right:16px!important}
  body.mmec-ds .mm-home .mmec-section{padding:48px 0}
  body.mmec-ds .mm-home .mmec-hero{padding:56px 0 48px}
  body.mmec-ds .mm-home .mmec-hero__title{font-size:36px;line-height:44px}
  body.mmec-ds .mm-home h2{font-size:28px;line-height:36px}
  body.mmec-ds .mm-home .mm-ann{grid-template-columns:minmax(0,1fr)}
  .mmec-ds-brand span{font-size:15px}
}