/* nav_menu.css - Menu dropdown fix (ASCII only comments) */

/* header overflow fix for dropdown */
#header, .headerin, #header .headerin, #nav {
    overflow: visible !important;
}

/* drop_depth: absolute positioned below 1depth li */
.drop_depth {
    display: none !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 100% !important;
    width: auto !important;
    min-width: 160px !important;
    background: #fff !important;
    border: 1px solid #d0d5e0 !important;
    border-top: 2px solid #003a7d !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.11) !important;
    z-index: 99999 !important;
    padding: 6px 0 !important;
    box-sizing: border-box !important;
}

/* show when jQuery fadeIn sets inline style */
.drop_depth[style*="display: block"],
.drop_depth[style*="display:block"] {
    display: block !important;
}

/* nav_2depth: reset line-height (inherited 72px fix) */
.nav_2depth {
    display: block !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
}

.nav_2depth > li {
    display: block !important;
    line-height: normal !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* nav_2depth links */
.nav_2depth > li > a {
    display: block !important;
    padding: 9px 22px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    border-bottom: none !important;
    transition: background 0.15s, color 0.15s !important;
}

.nav_2depth > li > a:hover,
.nav_2depth > li.on > a {
    background: #f0f5ff !important;
    color: #003a7d !important;
    font-weight: 600 !important;
}

/* last nav item: align dropdown to the right */
.nav_1depth > li:last-child .drop_depth {
    left: auto !important;
    right: 0 !important;
    transform: none !important;
}

/* ===== Portfolio v4 Styles ===== */
/* Category filter buttons */
.pf_cat_filter { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.cat_btn { display:inline-block; padding:6px 16px; border:1px solid #c8d0dc; border-radius:20px; background:#fff; color:#555; font-size:13px; text-decoration:none; transition:all 0.2s; white-space:nowrap; }
.cat_btn:hover { border-color:#003a7d; color:#003a7d; background:#f0f4fb; }
.cat_btn.active { background:#003a7d; color:#fff; border-color:#003a7d; font-weight:600; }

/* Portfolio table */
.pf_table { width:100%; border-collapse:collapse; font-size:13px; margin-bottom:20px; }
.pf_table th { background:#003a7d; color:#fff; padding:10px 14px; text-align:left; font-weight:500; border:none; }
.pf_table td { padding:9px 14px; border-bottom:1px solid #eef0f4; color:#444; vertical-align:middle; line-height:1.5; }
.pf_table tbody tr:hover td { background:#f7f9fc; }

/* Category badges */
.cat_badge { display:inline-block; padding:3px 9px; border-radius:10px; font-size:11px; font-weight:600; white-space:nowrap; }
.cat_gov_edu { background:#e8f4ea; color:#2e7d32; }
.cat_gov_big { background:#e3f2fd; color:#1565c0; }
.cat_gov_loc { background:#fff3e0; color:#e65100; }
.cat_b2b     { background:#f3e5f5; color:#6a1b9a; }
.cat_gov_pub { background:#e3f2fd; color:#1565c0; }
.cat_private { background:#fce4ec; color:#880e4f; }

/* Cert intro (type2/type4) */
.pf_cert_intro { padding:0 0 20px 0; }
.cert_summary_box { display:flex; align-items:center; gap:16px; background:#f0f4fb; border-left:4px solid #003a7d; border-radius:6px; padding:18px 22px; margin-bottom:28px; }
.cert_icon { font-size:36px; line-height:1; flex-shrink:0; }
.cert_summary_text strong { display:block; font-size:17px; font-weight:700; color:#003a7d; margin-bottom:6px; }
.cert_summary_text p { font-size:13px; color:#555; margin:0; }
.cert_summary_text em { color:#003a7d; font-style:normal; font-weight:700; }

/* Cert chip grid (type2) */
.cert_num_label { font-size:13px; font-weight:600; color:#333; margin-bottom:12px; }
.cert_chips { display:flex; flex-wrap:wrap; gap:6px; max-height:400px; overflow-y:auto; padding:14px; background:#fafafa; border:1px solid #e8e8e8; border-radius:6px; }
.cert_chip { display:inline-block; padding:4px 10px; background:#fff; border:1px solid #c8d4e8; border-radius:12px; font-size:12px; color:#444; font-family:monospace; }

/* Cert table (type4) */
.pf_cert_table { width:100%; border-collapse:collapse; font-size:13px; margin-top:10px; }
.pf_cert_table th { background:#003a7d; color:#fff; padding:10px 12px; text-align:left; font-weight:500; }
.pf_cert_table td { padding:9px 12px; border-bottom:1px solid #eef0f4; color:#444; vertical-align:middle; }
.pf_cert_table tbody tr:hover td { background:#f7f9fc; }
.cert_num_cell { font-family:monospace; font-size:12px; color:#1565c0; }
.cert_link { display:inline-block; padding:3px 10px; background:#003a7d; color:#fff !important; border-radius:4px; font-size:11px; text-decoration:none; white-space:nowrap; }
.cert_link:hover { background:#00256e; }

/* Pagination */
.pf_pagination { display:flex; justify-content:center; gap:4px; margin-top:20px; }
.page_btn { display:inline-block; padding:6px 12px; border:1px solid #d8dde8; border-radius:4px; background:#fff; color:#555; font-size:13px; text-decoration:none; transition:all 0.2s; }
.page_btn:hover   { border-color:#003a7d; color:#003a7d; }
.page_btn.current { background:#003a7d; color:#fff; border-color:#003a7d; font-weight:700; }