/* === MONCOIN GLOBAL NAV + FOOTER CSS === */
/* DO NOT EDIT - Master source from homepage */
/* Last updated: 2026-10-04 23:46 */

/* NAV */
.nav-logo-text,.f-logo-t{font-size-adjust:from-font;font-family:'Sora',sans-serif}
body.lang-ar h1,body.lang-ar h2,body.lang-ar h3,body.lang-ar h4,body.lang-ar h5,body.lang-ar .nav-logo-text{font-family:'Noto Kufi Arabic',sans-serif;letter-spacing:0}
.nav-logo{display:flex;align-items:center;gap:10px}
.nav-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--ember),var(--ember2));display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.nav-logo-text{font-family:'Sora',sans-serif;font-weight:600;letter-spacing:0.5px;font-size:24px;color:#1A1A2E}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a{color:#4B5563;font-size:14px;font-weight:600;transition:color .2s;white-space:nowrap}
.nav-links a:hover{color:#1A1A2E}
.nav-right{display:flex;align-items:center;gap:8px}
.lang-dd{position:relative}
.lang-dd-trigger{display:flex;align-items:center;gap:7px;background:rgba(0,0,0,.03);border:1px solid #E5E7EB;border-radius:20px;padding:7px 14px;min-height:38px;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;font-family:'Inter',sans-serif}
.lang-dd-trigger:hover{background:rgba(0,0,0,.06)}
.lang-dd-flag{font-size:16px;line-height:1;filter:drop-shadow(0 0 1px rgba(0,0,0,.3))}
.lang-dd-chevron{transition:transform .2s;opacity:.5;color:#374151}
.lang-dd.open .lang-dd-chevron{transform:rotate(180deg)}
.lang-dd-menu{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:6px;min-width:170px;box-shadow:0 16px 40px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:200}
.lang-dd.open .lang-dd-menu{opacity:1;visibility:visible;transform:translateY(0)}
.lang-dd-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:#374151;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}
.lang-dd-item:hover{background:#dcfce7;color:#166534}
.lang-dd-item.active{color:#15803d;background:#dcfce7;font-weight:700}
.lang-dd-check{margin-inline-start:auto;color:#d97706;flex-shrink:0}
[dir="ltr"] .lang-dd-menu{right:auto;left:0}
.btn-nav{padding:14px 20px;min-height:48px;transition:all .3s;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:'Space Grotesk',sans-serif}
.btn-nav-o{border:1.5px solid var(--ember);background:none;color:var(--ember)}
.btn-nav-o:hover{background:rgba(22,163,74,.06);border-color:var(--ember2)}
.btn-nav-f{border:none;background:var(--ember);color:#fff;font-weight:700}
.btn-nav-f:hover{background:var(--ember2)}
.hamburger{display:none;background:none;border:none;cursor:pointer;color:#1A1A2E;font-size:24px}
.nav-links{display:none!important}
.hamburger{display:block!important}
.nav-right .btn-nav{display:none!important}
.nav-right{gap:4px}
.nav-links{display:none}
.hamburger{display:block}
.nav-right .btn-nav{display:none}
.nav-logo-text{font-family:'Sora',sans-serif;font-size:22px;letter-spacing:0.5px}
transition:padding .3s ease,background .3s ease,box-shadow .3s ease}
nav.nav-scrolled{height:64px;background:#f0fdf4;box-shadow:0 2px 12px rgba(0,0,0,.06)}
nav.nav-scrolled .btn-nav{padding:0 16px;height:40px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:900px){nav.nav-scrolled .nav-right .btn-nav{display:none!important}
#mobile-menu {
  display:none;
  position:fixed;
  left:0;right:0;
  background:#f0fdf4;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  z-index:99;
  overflow-y:auto;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mob-menu-body { padding:20px 20px 28px; }
.mob-menu-links { display:flex;flex-direction:column;gap:0;margin-bottom:20px; }
.mob-menu-link {
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-radius:14px;
  color:#1A1A2E;text-decoration:none;
  font-size:15px;font-weight:600;
  transition:background .15s;
}
.mob-menu-link:active { background:rgba(0,0,0,.04); }
.mob-menu-link .ml-left { display:flex;align-items:center;gap:12px; }
.mob-menu-link .ml-icon { font-size:18px;opacity:.85; }
.mob-menu-link .ml-arrow { color:#9CA3AF;font-size:13px; }
.mob-menu-divider { height:1px;background:#d1fae5;margin:2px 16px; }
.mob-menu-btns { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.mob-menu-btn-r {
  background:#16a34a;color:#fff;border:none;border-radius:14px;
  padding:14px;font-size:14px;font-weight:700;
  font-family:inherit;cursor:pointer;
  box-shadow:0 8px 24px rgba(22,163,74,.35);
}
.mob-menu-btn-o {
  background:none;
  border:1.5px solid var(--ember);
  color:var(--ember);border-radius:14px;
  padding:13px;font-size:14px;font-weight:700;
  font-family:inherit;cursor:pointer;
}

/* FOOTER */
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.f-row{grid-template-columns:1fr}
footer{background:#1a1a2e;padding:50px 6vw 28px}
.f-brand-row{margin-bottom:35px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:32px;padding-top:24px;border-top:none;background:linear-gradient(to right,transparent,#E5E7EB,transparent) no-repeat top/100% 1px}
.f-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.f-logo-ic{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--ember),var(--ember2));display:flex;align-items:center;justify-content:center;font-size:17px}
.f-logo-t{font-family:'Sora',sans-serif;font-weight:600;letter-spacing:0.5px;font-size:20px;color:#f9fafb}
.f-desc{font-size:13px;color:#9ca3af;line-height:1.7;max-width:100%;margin-bottom:16px}
.f-socials{display:flex;gap:8px}
.f-soc{width:32px;height:32px;border-radius:8px;background:#374151;border:1px solid #4b5563;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:.2s;color:#9ca3af}
.f-soc:hover{background:#4b5563;color:#f9fafb}
.f-col h3,.f-col h4{font-size:14px;font-weight:700;color:#16a34a;margin-bottom:13px;letter-spacing:.3px}
.f-col a{display:block;font-size:13px;color:#9ca3af;margin-bottom:9px;transition:color .2s}
.f-col a:hover{color:#f9fafb}
.f-bottom{border-top:none;padding:20px 6vw 24px;text-align:center;display:block;background:linear-gradient(to right,transparent,#E5E7EB,transparent) no-repeat top/100% 1px}
.f-copy{font-size:12px;color:#6b7280}
grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr 1fr}
.footer-grid{grid-template-columns:1fr 1fr 1fr}
.f-copy{text-align:center}
.f-legal-notice{border-top:none;padding:0;background:transparent;text-align:center}
.f-legal-notice p{font-size:10.5px;color:#9CA3AF;line-height:1.8;max-width:560px;margin:0 auto}
.f-bottom{
  border-top:none;
  border-image:none;
  padding:20px 6vw 24px;
  text-align:center;
  display:block;
  background:linear-gradient(to right,transparent,#E5E7EB,transparent) no-repeat top/100% 1px;
}
.f-copy-pill{ 
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 20px;margin-bottom:14px;
  background:#252540;
  border-radius:20px;
  border:1px solid #374151;
}
.f-copy-pill .f-copy{
  font-size:12px;color:#6b7280;font-weight:600;
}
.nav-logo-text,.f-logo-t{font-size-adjust:from-font;font-family:'Sora',sans-serif}