/*
Theme Name: ASSEX Market Broker
Description: Premium fintech theme for ASSEX MARKET BROKER. Requires the "ASSEX MARKET BROKER" companion plugin. Elementor Free compatible.
Version: 1.4.2
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: assex-theme
*/
:root{--ax-primary:#0A1824;--ax-accent:#12B886;--ax-bg:#F2F6F8;--ax-text:#0F1B26}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ax-text);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;color:var(--ax-primary)}a{color:var(--ax-accent)}img{max-width:100%;height:auto}
.site-header{position:sticky;top:0;z-index:60;background:rgba(10,24,36,.94);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header .in{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:24px}
.site-logo{color:#fff;font-weight:800;letter-spacing:.4px;text-decoration:none;font-size:17px;display:flex;align-items:center;gap:11px}.site-logo b{color:#fff}.site-logo img{width:auto}
.site-nav{margin-left:auto;display:flex;gap:4px;align-items:center}
.site-nav a,.mobile-drawer nav a{color:#CDD9E2;text-decoration:none;padding:9px 15px;border-radius:10px;font-weight:600;font-size:14.5px;transition:background .2s,color .2s}
.site-nav a:hover,.mobile-drawer nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.site-nav a.cta,.mobile-drawer nav a.cta{background:linear-gradient(135deg,#34E3A1,#0E9F6E);color:#fff;margin-left:8px;padding:10px 20px;box-shadow:0 8px 20px rgba(18,184,134,.35)}.site-nav a.cta:hover,.mobile-drawer nav a.cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
.nav-toggle{display:none;margin-left:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:12px;width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center}
.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);opacity:0;pointer-events:none;transition:opacity .3s;z-index:90}.nav-overlay.open{opacity:1;pointer-events:auto}
.mobile-drawer{position:fixed;left:0;top:0;bottom:0;width:min(86vw,320px);background:#0A1824;z-index:100;transform:translateX(-105%);transition:transform .32s cubic-bezier(.2,.7,.2,1);padding:18px 18px 28px;overflow-y:auto;display:flex;flex-direction:column;visibility:hidden}
.mobile-drawer.open{transform:none;box-shadow:0 0 70px rgba(0,0,0,.7);visibility:visible}
.md-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.md-close{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:12px;width:42px;height:42px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.mobile-drawer nav{display:flex;flex-direction:column;gap:6px}.mobile-drawer nav a{padding:14px 16px;font-size:16px}.mobile-drawer nav a.cta{margin:12px 0 0;text-align:center}
body.nav-open{overflow:hidden}
.page-wrap{max-width:1100px;margin:0 auto;padding:48px 24px}
.elementor-page .page-wrap,.ax-full .page-wrap,.page-wrap.full{max-width:none;padding:0}
.site-footer{width:100%;margin:0;background:#07131C;color:#8FA3B3;font-size:14.5px}
.site-footer .top{max-width:1200px;margin:0 auto;padding:60px 24px 34px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px}
.site-footer h4{color:#fff;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}.site-footer a{color:#C3D0DA;text-decoration:none;display:block;padding:4px 0;transition:color .2s}.site-footer a:hover{color:#34E3A1}
.site-footer .brand{display:flex;gap:11px;align-items:center;color:#fff;font-weight:800;margin-bottom:14px}.site-footer p{margin:0;max-width:360px}
.site-footer .bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px 24px;max-width:1200px;margin:0 auto;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;font-size:13px}
.elementor-button{border-radius:12px!important;transition:transform .2s,box-shadow .2s!important}.elementor-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(18,184,134,.35)}
.elementor-widget-button .elementor-button{background:linear-gradient(135deg,#34E3A1,var(--ax-accent));color:#FFFFFF;font-weight:700}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.reveal.in-view{opacity:1;transform:none}
@media(max-width:900px){.site-nav{display:none}.nav-toggle{display:inline-flex}.site-footer .top{grid-template-columns:1fr;gap:30px}.site-header .in{padding:10px 16px}}
@media(min-width:901px){.mobile-drawer,.nav-overlay{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ===== v1.4.2 — page layout adjustments (theme only) ===== */
/* 1) Investment plans: 3 per row, 2 rows */
html body .ax-plans{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;width:100%!important;align-items:stretch}
html body .ax-plans>*{min-width:0}

/* 2) Feature cards: 4 + 2 layout, the last row stretches across the whole container (no empty gap) */
@media(min-width:901px){
html body .ax-cards:has(>:nth-child(6):last-child){grid-template-columns:repeat(12,minmax(0,1fr))!important}
html body .ax-cards:has(>:nth-child(6):last-child)>*{grid-column:span 3!important;width:100%!important;max-width:none!important}
html body .ax-cards:has(>:nth-child(6):last-child)>:nth-child(5),
html body .ax-cards:has(>:nth-child(6):last-child)>:nth-child(6){grid-column:span 6!important}
}

/* 3) Call-to-action band: contained and centred, same width as every other section */
html body .ax-ctawrap{display:block!important;width:100%!important;max-width:100%!important;padding:50px 24px!important;box-sizing:border-box}
html body .ax-ctawrap>.e-con-inner,html body .ax-ctawrap>.ax-in{max-width:1160px!important;width:100%!important;margin:0 auto!important;padding:0!important}
html body .ax-ctaband{width:100%!important;max-width:1160px!important;margin:0 auto!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;justify-content:center}
html body .ax-ctaband>*{max-width:760px;margin-left:auto!important;margin-right:auto!important}

/* 4) Keep every section on the same left/right edges */
html body .ax-sec>.e-con-inner,html body .ax-sec>.ax-in{max-width:1160px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}

/* 5) Images: rounded, bordered frames */
html body .ax-split img,html body .ax-img img,html body .ax-sec .elementor-widget-image img,html body .ax-hero .elementor-widget-image img{border-radius:26px!important;border:2px solid rgba(18,184,134,.65)!important;box-sizing:border-box;display:block;max-width:100%;height:auto;overflow:hidden}
html body .ax-sec .elementor-widget-image .elementor-widget-container,html body .ax-hero .elementor-widget-image .elementor-widget-container{border-radius:26px;overflow:hidden}

@media(max-width:900px){html body .ax-plans{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html body .ax-plans{grid-template-columns:1fr!important}}