/*
Theme Name: Basic ACF Mega Theme
Theme URI: https://example.com/
Author: Custom Theme
Description: Lightweight custom WordPress theme with ACF integration and a hybrid mega menu.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: basic-acf-mega-theme
*/
:root{--theme-width:1200px;--theme-accent:#174ea6;--theme-text:#222;--theme-muted:#666}
*{box-sizing:border-box}body{margin:0;color:var(--theme-text);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--theme-accent);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min( calc(100% - 40px), var(--theme-width));margin-inline:auto}
.site-header,.site-footer{background:#f7f8fa}.site-header{position:relative;z-index:100;border-bottom:1px solid #e5e7eb}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-branding{font-weight:700;font-size:1.25rem}.site-branding img{max-height:52px;width:auto}
.primary-navigation ul{list-style:none;margin:0;padding:0}.primary-navigation>.menu{display:flex;align-items:center;gap:24px}
.primary-navigation li{position:relative}.primary-navigation a{display:block;padding:12px 8px;color:inherit}
.primary-navigation .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 28px #00000012;padding:12px;z-index:20}
.primary-navigation li:hover>.sub-menu,.primary-navigation li:focus-within>.sub-menu{display:block}
.primary-navigation .mega-menu>.sub-menu{width:min(850px,90vw);display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px}
.primary-navigation .mega-menu:hover>.sub-menu,.primary-navigation .mega-menu:focus-within>.sub-menu{display:grid}
.primary-navigation .mega-menu>.sub-menu>li>.sub-menu{display:block;position:static;min-width:0;border:0;box-shadow:none;padding:0}
.primary-navigation .mega-menu>.sub-menu>li>a{font-weight:700}
.primary-navigation .mega-menu .sub-menu a{padding:6px 8px}
.mega-menu-panel{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px;padding:12px;background:#f7f8fa}
.mega-menu-panel img{width:88px;height:88px;object-fit:cover}
.menu-toggle{display:none;border:1px solid #bbb;background:#fff;padding:8px 12px;border-radius:4px}
.site-main{min-height:55vh;padding:48px 0}.entry-title{line-height:1.2}.entry-content img{max-width:100%;height:auto}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{border:1px solid #e5e7eb;padding:18px;border-radius:8px}
.site-footer{padding:28px 0;margin-top:40px}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
@media(max-width:800px){
 .header-inner{flex-wrap:wrap;padding:12px 0}.menu-toggle{display:block}.primary-navigation{display:none;width:100%}.primary-navigation.is-open{display:block}
 .primary-navigation>.menu{display:block}.primary-navigation li:hover>.sub-menu{display:none}
 .primary-navigation .sub-menu,.primary-navigation .mega-menu>.sub-menu{position:static;width:100%;min-width:0;display:none;grid-template-columns:1fr;box-shadow:none;border:0;padding:8px 16px}
 .primary-navigation li.submenu-open>.sub-menu,.primary-navigation li.mega-menu.submenu-open>.sub-menu{display:grid}
 .primary-navigation .mega-menu>.sub-menu>li>.sub-menu{display:block}
 .post-grid{grid-template-columns:1fr}
}