/* ------------------------------------------------------------------
   Shreeji Consultant — custom styles
   (loaded after the Tailwind CDN build)
------------------------------------------------------------------- */

/* Custom scrollbar for a premium feel */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #2563eb; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #1d4ed8; }

/* Page fade-in animation */
@keyframes shreejiFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.shreeji-page { animation: shreejiFadeIn 0.4s ease-in-out; }

/* Job modal animation */
.modal-active { display: flex !important; animation: shreejiFadeModalIn 0.3s ease-out forwards; }
@keyframes shreejiFadeModalIn {
    from { opacity: 0; transform: scale(0.95); }
    to   { opacity: 1; transform: scale(1); }
}
body.modal-open { overflow: hidden; }

/* Floating WhatsApp widget */
#shreeji-wa-fab { position: fixed; bottom: 22px; right: 22px; z-index: 9999; width: 60px; height: 60px; border-radius: 50%; background: #25D366; box-shadow: 0 4px 14px rgba(0,0,0,0.25); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.2s ease; }
#shreeji-wa-fab:hover { transform: scale(1.05); }
#shreeji-wa-fab:active { transform: scale(0.9); }
#shreeji-wa-fab svg { width: 32px; height: 32px; fill: #fff; }
#shreeji-wa-menu { position: fixed; bottom: 92px; right: 22px; z-index: 9999; background: #fff; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.2); padding: 10px; display: none; min-width: 250px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
#shreeji-wa-menu.open { display: block; }
#shreeji-wa-menu a { display: flex; align-items: center; gap: 12px; padding: 12px 10px; text-decoration: none; color: #111; font-size: 14px; font-weight: 600; border-radius: 8px; border-bottom: 1px solid #f2f2f2; transition: background-color 0.2s ease; }
#shreeji-wa-menu a:hover { background: #f9f9f9; }
#shreeji-wa-menu .wa-dot { width: 10px; height: 10px; border-radius: 50%; background: #25D366; flex-shrink: 0; }
@media (max-width: 480px) {
    #shreeji-wa-fab { width: 54px; height: 54px; bottom: 16px; right: 16px; }
    #shreeji-wa-menu { right: 16px; bottom: 80px; min-width: 220px; }
}

/* WordPress admin bar offset for the sticky nav (logged-in admins only) */
.admin-bar nav.sticky { top: 32px; }
@media screen and (max-width: 782px) {
    .admin-bar nav.sticky { top: 46px; }
}

/* FAQ accordion marker reset (Tailwind preflight keeps this clean,
   this just guarantees no double carets in any browser) */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }