/*
Theme Name: Retirement Mobile Fixed Final
Version: 7.0
*/

body{margin:0;font-family:Arial;background:#f4f7fb;color:#222}
.container{max-width:1200px;margin:auto;padding:20px}

/* HEADER */
.header{background:#0f2f4f;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}
nav ul li{position:relative}
nav a{color:#fff;text-decoration:none;padding:10px 14px;display:block}

/* DESKTOP DROPDOWN (UNCHANGED) */
nav ul li ul{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:220px}
nav ul li:hover > ul{display:block}
nav ul li ul li ul{left:100%;top:0}
nav ul li ul li:hover > ul{display:block}
nav ul li ul li a{color:#333}

/* MOBILE NAV */
.menu-toggle{display:none;font-size:26px;background:none;border:none;color:#fff;cursor:pointer}

/* HERO */
.hero{background:url('https://images.unsplash.com/photo-1506744038136-46273834b3fb') center/cover no-repeat;color:#fff;padding:80px 20px;text-align:center}

/* CARDS */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-top:-40px}
.card{background:#fff;border-radius:12px;overflow:hidden}
.card img{width:100%;height:140px;object-fit:cover}
.card-content{padding:20px;text-align:center}

.posts{margin-top:50px}

/* ================= MOBILE FIXES ================= */
@media(max-width:768px){

/* SHOW TOGGLE */
.menu-toggle{display:block}

/* HIDE DESKTOP MENU */
nav ul{
 display:none !important;
 flex-direction:column;
 width:100%;
 background:#0f2f4f;
 position:absolute;
 top:60px;
 left:0;
}

/* ACTIVE STATE */
nav.active ul{
 display:flex !important;
}

/* SUBMENUS */
nav ul li ul{
 position:static;
 display:none;
 background:#163d63;
}

nav ul li.open > ul{
 display:block;
}

/* FONT SIZE FIX */
body{font-size:18px;line-height:1.5}
.hero h1{font-size:28px}
.hero p{font-size:18px}

/* LAYOUT STACK */
.grid{
 grid-template-columns:1fr;
 margin-top:-20px;
 gap:15px;
}

.card img{height:120px}

.container{padding:15px}
}
