/* ZEHNPro landing - "Features" mega-menu (Odoo Apps style, ZEHN look)
   Clean text columns, colored category headers, generous whitespace, no icons.
   Only modules flagged visible/active in Settings > SaaS Public Content >
   Feature Pages Catalog appear here. */
.zp-feature-menu{position:relative;display:inline-flex}
.zp-feature-menu>a{display:inline-flex;align-items:center;gap:5px}
.zp-feature-caret{width:9px;height:9px;transition:transform .18s ease}
.zp-feature-menu:hover .zp-feature-caret,
.zp-feature-menu:focus-within .zp-feature-caret{transform:rotate(180deg)}

.zp-mega{
    position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);
    width:min(94vw,860px);
    background:#fff;border:1px solid #eaedf2;border-radius:14px;
    box-shadow:0 22px 54px rgba(16,39,71,.16);
    padding:16px 20px 12px;z-index:60;
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease;
}
/* hover bridge so the panel doesn't close in the gap under the trigger */
.zp-feature-menu:before{content:"";position:absolute;top:100%;left:0;right:0;height:14px}
.zp-feature-menu:hover .zp-mega,
.zp-feature-menu:focus-within .zp-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}

.zp-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 28px}
.zp-mega-col h4{
    margin:0 0 2px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
    color:#0ea5e9;padding-bottom:6px;border-bottom:1px solid #eef2f7;
}
/* per-category accent colours (Odoo-style) */
.zp-mega-col.cat-a h4{color:#2563eb;border-bottom-color:#dbe6ff}
.zp-mega-col.cat-b h4{color:#ea580c;border-bottom-color:#ffe2cf}
.zp-mega-col.cat-c h4{color:#0d9488;border-bottom-color:#c9efe9}
.zp-mega-col.cat-d h4{color:#7c3aed;border-bottom-color:#e6dbff}
.zp-mega-col.cat-e h4{color:#0284c7;border-bottom-color:#cfeaff}
.zp-mega-col.cat-f h4{color:#64748b;border-bottom-color:#e6eaf0}
.zp-mega-col a{
    display:block;padding:5px 2px;color:#33445c;font-weight:600;font-size:13px;line-height:1.2;
    transition:color .14s ease,padding-left .14s ease;
}
.zp-mega-col a:hover{color:#0284c7;padding-left:5px}

.zp-mega-foot{
    margin-top:12px;padding-top:10px;border-top:1px solid #eef2f7;
    display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
}
.zp-mega-foot span{color:#64758b;font-size:13px}
.zp-mega-foot a{color:#0284c7;font-weight:800;font-size:13px}

@media (max-width:1180px){
    .zp-feature-menu .zp-mega{display:none}
}