/* Hide default sub-menu */
.main-header-menu .menu-item-has-children .sub-menu { display: none !important; }

/* Mega menu container */
.courses-mega-menu { display:none; position:fixed !important; left:50% !important; transform:translateX(-50%) translateY(-10px) !important; background:#ffffff !important; padding:36px 36px 24px; width:1060px; max-width:96vw; box-shadow:0 24px 70px rgba(0,0,0,0.15); z-index:99999; border-radius:16px; border-top:4px solid #4f8ef7; opacity:0; transition:opacity 0.3s ease, transform 0.3s cubic-bezier(.4,0,.2,1); }
.courses-mega-menu.is-open { opacity:1; transform:translateX(-50%) translateY(0) !important; }
.courses-mega-menu .mega-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media(max-width:900px){ .courses-mega-menu{width:96vw !important;padding:18px !important;} .courses-mega-menu .mega-grid{grid-template-columns:1fr !important;} }

/* Cards */
.courses-mega-menu .course-card { background:#ffffff !important; border-radius:12px; overflow:hidden; text-decoration:none; display:block; transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s; border:1px solid #e5e7eb; position:relative; }
.courses-mega-menu .course-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(79,142,247,0.18); border-color:#4f8ef7; }

/* Deadline chips — bottom-left, translucent */
.courses-mega-menu .deadline-chip { position:absolute; bottom:0; left:0; font-size:11px; font-weight:700; padding:5px 13px 5px 11px; border-radius:0 10px 0 0; z-index:3; letter-spacing:0.2px; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); border-top:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); white-space:nowrap; }
.courses-mega-menu .deadline-chip-urgent { background:rgba(79,142,247,0.52); color:#fff; }
.courses-mega-menu .deadline-chip-closed { background:rgba(107,114,128,0.55); color:#fff; }

/* Images */
.courses-mega-menu .card-img-wrap { position:relative; overflow:hidden; }
.courses-mega-menu .card-img-wrap img { width:100%; height:185px; object-fit:cover; display:block; transition:transform 0.4s ease; }
.courses-mega-menu .course-card:hover .card-img-wrap img { transform:scale(1.06); }
.courses-mega-menu .card-overlay { position:absolute; inset:0; background:rgba(79,142,247,0.82); color:#fff; font-size:16px; font-weight:600; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.25s ease; }
.courses-mega-menu .course-card:hover .card-overlay { opacity:1; }

/* Badges */
.courses-mega-menu .badge-hot { position:absolute; top:10px; right:10px; background:#ff4d4d; color:#fff; font-size:11px; font-weight:700; padding:4px 10px; border-radius:20px; z-index:2; }
.courses-mega-menu .badge-new { position:absolute; top:10px; right:10px; background:#7c3aed; color:#fff; font-size:11px; font-weight:700; padding:4px 10px; border-radius:20px; z-index:2; }

/* Card body */
.courses-mega-menu .card-body { padding:18px; background:#ffffff !important; }
.courses-mega-menu .tag { font-size:12px; color:#6b7280; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
.courses-mega-menu .dot { width:8px; height:8px; border-radius:50%; display:inline-block; flex-shrink:0; }
.courses-mega-menu .dot.blue{background:#4f8ef7;} .courses-mega-menu .dot.green{background:#22c55e;} .courses-mega-menu .dot.orange{background:#f97316;}
.courses-mega-menu .course-card h4 { color:#111827 !important; font-size:15px !important; margin:0 0 16px !important; line-height:1.45 !important; font-weight:600 !important; text-align:left !important; }
.courses-mega-menu .learn-btn { display:block; text-align:center; border:1.5px solid #d1d5db; color:#374151; padding:10px; border-radius:8px; font-size:13px; font-weight:500; transition:all 0.2s ease; background:#ffffff !important; }
.courses-mega-menu .course-card:hover .learn-btn { background:#4f8ef7 !important; color:#ffffff; border-color:#4f8ef7; }

/* Footer */
.courses-mega-menu .mega-footer { margin-top:22px; padding-top:18px; border-top:1px solid #f0f0f0; text-align:center; font-size:13px; color:#6b7280; }
.courses-mega-menu .footer-cta { color:#4f8ef7; font-weight:600; text-decoration:none; margin-left:6px; transition:color 0.2s; }
.courses-mega-menu .footer-cta:hover { color:#1d4ed8; text-decoration:underline; }

/* Contact form button */
.contact-form input[type="submit"] { background:linear-gradient(135deg,#3557d4,#4B72FF) !important; box-shadow:0 6px 24px rgba(75,114,255,.45) !important; }
.contact-form input[type="submit"]:hover { box-shadow:0 10px 32px rgba(75,114,255,.6) !important; }