/*
Theme Name: MomentumObserver SMS Alerts
Author: OpenAI
Description: Responsive financial news WordPress theme inspired by the supplied MomentumObserver SMS Alerts mockup. Use WordPress admin to write and manage articles.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: momentumobserver
*/
:root{--bg:#020915;--panel:#061426;--panel2:#071b30;--yellow:#ffe600;--cyan:#00c9ff;--blue:#0877b9;--border:#176c96;--muted:#bdcbd8;--white:#f7f9fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(115deg,#020915,#061426 60%,#020915);color:var(--white);font:15px/1.45 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--yellow)}img{display:block;max-width:100%;height:auto}.container{width:min(1480px,96%);margin:auto}
.brandbar{background:linear-gradient(105deg,#020610 0%,#06172b 45%,#020610 100%);border-bottom:2px solid var(--yellow);position:relative;overflow:hidden}.brandbar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 90px,rgba(0,170,255,.08) 91px 97px);pointer-events:none}.brand-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0;position:relative;z-index:1}.logo{font-size:clamp(25px,3vw,47px);font-weight:900;letter-spacing:-1.6px;line-height:1.0;white-space:nowrap}.logo .momentum{color:#fff}.logo .observer{color:var(--yellow)}.logo-mark{color:var(--yellow);font-size:1.05em}.logo small{display:block;text-align:center;font-size:11px;letter-spacing:7px;margin-top:5px;color:#fff}.tagline{font-size:16px;line-height:1.2;font-weight:900;text-transform:uppercase;border-left:2px solid var(--yellow);padding-left:22px}.tagline span{color:var(--yellow)}.top-signup{min-width:340px}.top-signup strong{display:block;font-size:12px;text-transform:uppercase;margin-bottom:6px}.top-signup strong span{color:var(--yellow)}.top-signup form{display:flex;gap:5px}.top-signup input,.subscribe input{width:100%;min-width:0;padding:10px;border:1px solid #7c8b9a;border-radius:5px;background:#f7f9fc;color:#111}.top-signup button,.subscribe button{border:0;border-radius:5px;background:linear-gradient(90deg,#ffdf00,#ffed52);color:#050b14;font-weight:900;text-transform:uppercase;padding:10px 12px;cursor:pointer;white-space:nowrap}
.nav{background:#030b17;border-bottom:1px solid #1e4c6b}.nav-inner{display:flex;align-items:center;gap:24px;min-height:44px;flex-wrap:wrap}.nav a{font-size:12px;text-transform:uppercase;font-weight:800;padding:14px 0}.nav a:hover,.nav .current-menu-item a{color:var(--yellow);border-bottom:3px solid var(--yellow)}.nav form{margin-left:auto}.search{width:250px;background:#06172a;border:1px solid #31516b;color:#fff;padding:8px 10px;border-radius:5px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;padding:14px 0}.hero{display:grid;grid-template-columns:1.2fr .8fr;min-height:255px;background:#041224;border:1px solid var(--cyan);border-radius:5px;overflow:hidden;margin-bottom:15px}.hero-copy{padding:18px 20px}.label,.category{display:inline-block;padding:4px 8px;border-radius:3px;background:var(--yellow);color:#050b12;font-size:10px;font-weight:900;text-transform:uppercase}.hero h1{font-size:clamp(29px,3vw,44px);line-height:1.02;text-transform:uppercase;font-style:italic;margin:10px 0}.hero h1 span{color:var(--yellow)}.hero p{color:#e0e8f0;max-width:600px}.hero-image{min-height:250px;position:relative}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#041224 0%,rgba(4,18,36,.12) 40%,rgba(4,18,36,.02) 100%)}.meta{display:flex;gap:12px;flex-wrap:wrap;color:#c4d0dc;font-size:11px}.meta .read{color:var(--yellow);font-weight:900;text-transform:uppercase;margin-left:auto}
.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #286181;margin:18px 0 12px;padding-bottom:8px}.section-head h2{margin:0;text-transform:uppercase;font-size:19px}.section-head h2 span{color:var(--yellow)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.card{min-width:0;background:linear-gradient(155deg,#071b30,#030b16);border:1px solid #176c96;border-radius:5px;overflow:hidden}.card img{width:100%;height:112px;object-fit:cover}.card-body{padding:8px}.card h3{font-size:14px;line-height:1.2;margin:7px 0}.card p{font-size:11px;line-height:1.35;color:#d0dbe6;margin:0 0 10px}.card .meta{justify-content:space-between;font-size:10px;gap:4px}.sidebar-box{border:1px solid #176c96;border-radius:5px;background:#041224;padding:12px;margin-bottom:13px}.sidebar-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24516d;padding-bottom:8px;margin:0 0 7px;text-transform:uppercase;font-size:17px}.sidebar-title span{color:var(--yellow)}.side-story{display:grid;grid-template-columns:95px 1fr;gap:9px;padding:8px 0;border-bottom:1px solid #1a3850}.side-story:last-child{border-bottom:0}.side-story img{width:95px;height:82px;object-fit:cover;border:1px solid #21618a;border-radius:4px}.side-story h3{font-size:12px;line-height:1.2;margin:5px 0}.side-story p{font-size:10px;color:#c6d4e0;margin:0}.subscribe{border:1px solid var(--yellow);border-radius:5px;padding:14px;background:linear-gradient(145deg,#091d34,#030a14);margin-bottom:13px}.subscribe h2{font-size:19px;line-height:1.1;text-transform:uppercase;margin:0 0 7px}.subscribe h2 span{color:var(--yellow)}.subscribe p{font-size:12px;color:#d6e0ea}.subscribe input{margin:4px 0}.subscribe button{width:100%;margin-top:5px}.secure{font-size:10px;text-align:center;color:#c9d3df;margin-top:7px}
.promo{border-top:1px solid var(--yellow);border-bottom:1px solid var(--yellow);padding:14px 0;margin:10px 0;background:linear-gradient(90deg,#061a30,#0a1e32,#030b17)}.promo-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.promo h2{margin:0;font-size:20px;text-transform:uppercase}.promo h2 span{color:var(--yellow)}.promo-points{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;font-weight:800;text-transform:uppercase}.promo-points b{color:var(--yellow);font-size:16px}.footer{background:#020710;border-top:1px solid #1d3b54;padding:17px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer .logo{font-size:23px}.footer .logo small{font-size:8px;letter-spacing:5px}.footer-links{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;text-transform:uppercase}.copyright{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #1c3449;padding-top:10px;margin-top:13px;color:#b9c7d4;font-size:10px}.copyright strong{color:var(--yellow)}
.breadcrumb{font-size:11px;color:#b8c9d8;margin:5px 0 14px}.article-main h1{font-size:clamp(32px,4vw,50px);line-height:1.04;margin:10px 0}.article-main .article-image{width:100%;max-height:470px;object-fit:cover;border:1px solid var(--cyan);border-radius:5px;margin:15px 0}.article-content{font-size:16px;line-height:1.75;color:#e0e8f0}.article-content h2,.article-content h3{color:var(--yellow)}.article-content blockquote{border:1px solid var(--yellow);padding:15px;border-radius:5px;margin:18px 0}
@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 290px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tagline{display:none}.hero{grid-template-columns:1fr .75fr}}
@media(max-width:720px){.brand-inner{flex-wrap:wrap;gap:12px}.logo{font-size:28px}.logo small{font-size:8px;letter-spacing:5px}.top-signup{width:100%;min-width:0}.top-signup form{flex-wrap:wrap}.top-signup button{width:100%}.nav-inner{gap:13px}.nav a{font-size:10px}.search{display:none}.layout{display:block}.hero{grid-template-columns:1fr}.hero-image{grid-row:1;min-height:190px}.hero-image:after{background:linear-gradient(0deg,#041224,transparent 55%)}.hero h1{font-size:31px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card img{height:100px}.sidebar{margin-top:15px}.promo-points{gap:10px}}
@media(max-width:420px){.cards{grid-template-columns:1fr}.card img{height:155px}.hero-copy{padding:15px}.hero h1{font-size:28px}.side-story{grid-template-columns:85px 1fr}.side-story img{width:85px;height:75px}}

/* Mobile navigation and layout fixes */
.nav-inner{display:flex;align-items:center;gap:0;flex-wrap:nowrap;min-width:0}
.nav-inner>ul,.nav-inner .menu{display:flex;align-items:center;gap:clamp(10px,2vw,24px);list-style:none;margin:0;padding:0;min-width:0}
.nav-inner li{display:block;list-style:none;white-space:nowrap}
.nav-inner li a{display:block;padding:14px 0}
.nav-inner> a:first-child{flex:0 0 auto;margin-right:18px}
.nav-inner form{margin-left:auto;flex:0 0 auto}
.hero-image img{object-position:center center}
.hero-copy .meta{margin-top:14px}
.hero-copy .hero-read{display:inline-block;margin-top:12px;color:var(--yellow);font-weight:900;text-transform:uppercase}
@media(max-width:720px){
 .nav{overflow:hidden}.nav-inner{overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:0 0 0 2px;scrollbar-width:none}
 .nav-inner::-webkit-scrollbar{display:none}
 .nav-inner>ul,.nav-inner .menu{flex-wrap:nowrap;gap:18px;flex:0 0 auto}
 .nav-inner a{flex:0 0 auto}.nav-inner form{display:none}
 .nav-inner> a:first-child{margin-right:10px}
 .hero{display:flex;flex-direction:column}.hero-image{order:0;min-height:180px;height:180px}
 .hero-copy{order:1}.hero-image:after{background:linear-gradient(0deg,rgba(4,18,36,.05),transparent 55%)}
 .hero h1{overflow-wrap:anywhere}
}

/* Custom requested navigation */
.nav-inner .home-link{display:block;flex:0 0 auto;font-weight:900;color:#fff;text-decoration:none;padding:14px 0}
.nav-inner .mo-primary-menu{display:flex;align-items:center;gap:clamp(18px,3vw,38px);list-style:none;margin:0 0 0 24px;padding:0}
.nav-inner .mo-primary-menu li{list-style:none;margin:0;padding:0}
.nav-inner .mo-primary-menu a{display:block;color:#fff;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.2px;padding:14px 0}
.nav-inner .mo-primary-menu a:hover,.nav-inner .home-link:hover{color:var(--yellow)}
@media(max-width:720px){
 .nav-inner{overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}
 .nav-inner::-webkit-scrollbar{display:none}
 .nav-inner .mo-primary-menu{flex:0 0 auto;gap:18px;margin-left:22px}
 .nav-inner .mo-primary-menu a,.nav-inner .home-link{font-size:13px}
}