/* Minimal custom CSS on top of Tailwind CDN */
:root{
  --mogae-blue:#00428a;
  --mogae-red:#d71920;
  --mogae-yellow:#fdb813;
  --mogae-green:#15803d;
}
.drawer{
  transform: translateX(-100%);
}
.drawer.open{
  transform: translateX(0);
}
.backdrop{
  display:none;
}
.backdrop.show{
  display:block;
}


/* --- Header theme: flyer blue --- */
header.site-header {
  background: var(--mogae-blue) !important;
  border-bottom: 6px solid var(--mogae-yellow) !important;
}
header.site-header * { color: #fff !important; }
header.site-header a:hover { opacity: 0.9; }
header.site-header .menu-btn {
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
}
header.site-header .menu-btn:hover { background: rgba(255,255,255,0.18) !important; }
header.site-header img{ }
header.site-header img[alt*="Mogae"], header.site-header img[alt*="mogae"]{ filter:none !important; }


/* --- Mobile Drawer Background Fix --- */
[data-drawer] {
  background: linear-gradient(135deg, rgba(253,184,19,0.95), rgba(215,25,32,0.90)) !important;
  backdrop-filter: blur(6px);
}
[data-drawer] a {
  color: #ffffff !important;
}
[data-drawer] a:hover {
  opacity: 0.85;
}


/* --- Premium Mobile Drawer (Glass + Shadow) --- */
[data-drawer]{
  border-right: 1px solid rgba(255,255,255,0.25) !important;
  box-shadow: 0 18px 60px rgba(2,6,23,0.45) !important;
  -webkit-backdrop-filter: blur(10px) saturate(130%);
  backdrop-filter: blur(10px) saturate(130%);
}
/* soften divider between items */
[data-drawer] .nav-link{
  border-bottom: 1px solid rgba(255,255,255,0.14);
}
/* slightly elevate close button area if present */
[data-drawer] [data-drawer-close]{
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 12px;
}



/* Floating WhatsApp live chat */
.whatsapp-widget{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 60;
}
.wa-fab{
  display:flex;
  align-items:center;
  gap:10px;
  border:none;
  border-radius:999px;
  padding:14px 18px;
  background:#25D366;
  color:#fff;
  font-weight:900;
  box-shadow:0 20px 45px rgba(0,0,0,.2);
}
.wa-fab-icon{font-size:20px;line-height:1;}
.wa-panel{
  display:none;
  width:min(360px, calc(100vw - 24px));
  margin:0 0 12px auto;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 25px 60px rgba(2,6,23,.22);
}
.wa-panel.show{display:block;}
.wa-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:16px 18px;
  background:linear-gradient(135deg, var(--mogae-blue), #0b5fc0);
  color:#fff;
}
.wa-title{font-weight:900;}
.wa-subtitle{font-size:12px;font-weight:600;opacity:.92;margin-top:4px;}
.wa-close{border:none;background:rgba(255,255,255,.14);color:#fff;width:34px;height:34px;border-radius:999px;font-size:22px;line-height:1;}
.wa-panel-body{padding:16px;display:grid;gap:10px;background:#f8fafc;}
.wa-quick,.wa-register{
  display:block;
  text-decoration:none;
  border-radius:16px;
  padding:13px 14px;
  font-weight:800;
}
.wa-quick{background:#fff;border:1px solid rgba(15,23,42,.08);color:#0f172a;}
.wa-register{background:var(--mogae-red);color:#fff;text-align:center;}
@media (max-width:640px){
  .wa-fab-text{display:none;}
  .wa-fab{padding:14px;width:56px;height:56px;justify-content:center;}
}