/* ═══════════════════════════════════════════════════════════ ASAT Labs — Consolidated Common CSS Loaded in to prevent FOUC ═══════════════════════════════════════════════════════════ */ /* ── Reset & Base ── */ *, *::before, *::after { box-sizing: border-box; } body { margin: 0; padding-top: 64px; font-family: 'Fredoka', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #1a202c; -webkit-font-smoothing: antialiased; } /* Kill Frappe's default navbar (may leak through on non-layout pages) */ .navbar { display: none !important; } /* Kill Frappe page wrappers — we control our own layout */ .page-content-wrapper { padding: 0; } .page_content { padding: 0; } .page-breadcrumbs { display: none; } /* ── ASAT Navbar ── */ .asat-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1030; background: #fff; border-bottom: 1px solid #e2e8f0; transition: box-shadow 0.3s; font-family: 'Fredoka', 'Inter', -apple-system, sans-serif; } .asat-nav.scrolled { box-shadow: 0 4px 20px rgba(0,0,0,0.08); } .asat-nav-inner { max-width: 1280px; margin: 0 auto; display: flex; align-items: center; padding: 0 1.5rem; height: 64px; gap: 1.5rem; } .asat-nav-brand img { height: 38px; width: auto; } .asat-nav-links { display: flex; align-items: center; gap: 0.25rem; flex: 1; } .asat-nav-link { font-size: 0.88rem; font-weight: 500; color: #4a5568; text-decoration: none; padding: 0.5rem 0.85rem; border-radius: 8px; transition: all 0.2s; background: none; border: none; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; gap: 0.3rem; } .asat-nav-link:hover { color: #228b22; background: rgba(34,139,34,0.06); text-decoration: none; } .asat-nav-link.active { color: #228b22; font-weight: 600; } .asat-nav-dropdown { position: relative; } .asat-nav-drop-btn { line-height: 1; } .asat-nav-drop-menu { position: absolute; top: calc(100% + 4px); left: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 0.5rem; min-width: 200px; box-shadow: 0 12px 32px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transform: translateY(4px); transition: all 0.2s; z-index: 1050; } .asat-nav-dropdown:hover .asat-nav-drop-menu, .asat-nav-dropdown.open .asat-nav-drop-menu { opacity: 1; visibility: visible; transform: translateY(0); } .asat-nav-drop-item { display: block; padding: 0.55rem 0.85rem; border-radius: 6px; font-size: 0.85rem; font-weight: 500; color: #4a5568; text-decoration: none; transition: all 0.15s; } .asat-nav-drop-item:hover { background: rgba(34,139,34,0.06); color: #228b22; text-decoration: none; } .asat-nav-right { display: flex; align-items: center; gap: 0.75rem; margin-left: auto; } .asat-nav-cta { padding: 0.5rem 1.25rem; background: #228b22; color: #fff; border-radius: 8px; font-size: 0.85rem; font-weight: 600; text-decoration: none; transition: all 0.2s; } .asat-nav-cta:hover { background: #1a6e1a; color: #fff; text-decoration: none; } .asat-nav-avatar { width: 36px; height: 36px; border-radius: 50%; background: #f1f5f9; display: flex; align-items: center; justify-content: center; color: #64748b; transition: all 0.2s; } .asat-nav-avatar:hover { background: #e2e8f0; color: #228b22; } .asat-nav-toggle { display: none; background: none; border: none; cursor: pointer; color: #1a202c; padding: 0.35rem; } /* Navbar responsive */ @media (max-width: 992px) { .asat-nav-toggle { display: flex; } .asat-nav-links { display: none; position: absolute; top: 64px; left: 0; right: 0; background: #fff; flex-direction: column; padding: 1rem 1.5rem; border-bottom: 1px solid #e2e8f0; box-shadow: 0 8px 24px rgba(0,0,0,0.08); gap: 0.25rem; } .asat-nav-links.open { display: flex; } .asat-nav-link { width: 100%; padding: 0.65rem 0.85rem; } .asat-nav-drop-menu { position: static; box-shadow: none; border: none; padding: 0 0 0 1rem; opacity: 1; visibility: visible; transform: none; display: none; } .asat-nav-dropdown.open .asat-nav-drop-menu { display: block; } } /* ── ASAT Footer ── */ .asat-footer-nasa { background-color: #1a1a1a; color: #cccccc; padding: 0; margin: 0; font-family: 'Fredoka', 'Inter', -apple-system, sans-serif; } .asat-footer-nasa .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .asat-footer-nasa .row { display: flex; flex-wrap: wrap; margin: 0 -15px; } .asat-footer-nasa .col-md-2, .asat-footer-nasa .col-md-3, .asat-footer-nasa .col-md-4, .asat-footer-nasa .col-12 { padding: 0 15px; flex: 1; } .asat-footer-nasa .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .asat-footer-nasa .col-md-3 { flex: 0 0 25%; max-width: 25%; } .asat-footer-nasa .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .asat-footer-nasa .col-12 { flex: 0 0 100%; max-width: 100%; } .asat-footer-nasa .footer-main { padding: 60px 0 40px 0; border-bottom: 1px solid #444; } .asat-footer-nasa .footer-brand .footer-logo { height: 80px; margin-bottom: 8px; background-color: transparent; padding: 12px; border: none; border-radius: 0; box-shadow: none; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 320px; overflow: visible; } .asat-footer-nasa .footer-brand .footer-logo:hover { background-color: transparent; transform: translateY(-2px); } .asat-footer-nasa .footer-brand .footer-logo img { display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 0 2px rgba(255,255,255,0.8)) drop-shadow(0 0 4px rgba(255,255,255,0.4)); transition: filter 0.3s ease; } .asat-footer-nasa .footer-brand .footer-logo:hover img { filter: drop-shadow(0 0 3px rgba(255,255,255,1)) drop-shadow(0 0 6px rgba(255,255,255,0.6)) drop-shadow(0 0 8px rgba(255,255,255,0.3)); } .asat-footer-nasa .footer-brand h4 { color: #fff; font-size: 24px; font-weight: 700; margin-bottom: 20px; letter-spacing: 1px; font-family: 'Fredoka', sans-serif; } .asat-footer-nasa .footer-brand .mission-statement { color: #ccc; font-size: 16px; line-height: 1.6; margin-bottom: 25px; font-weight: 400; font-family: 'Fredoka', sans-serif; } .asat-footer-nasa .footer-brand .footer-links-special .mission-link { display: block; color: #7CB342; text-decoration: none; font-size: 16px; margin-bottom: 15px; font-weight: 500; transition: all 0.3s ease; font-family: 'Fredoka', sans-serif; } .asat-footer-nasa .footer-brand .footer-links-special .mission-link:hover { color: #FF9800; text-decoration: underline; } .asat-footer-nasa .footer-brand .footer-links-special .join-link { display: inline-flex; align-items: center; background-color: #FF9800; color: #fff; padding: 10px 20px; border-radius: 25px; text-decoration: none; font-weight: 600; font-size: 14px; transition: all 0.3s ease; font-family: 'Fredoka', sans-serif; } .asat-footer-nasa .footer-brand .footer-links-special .join-link .join-icon { margin-left: 8px; font-size: 16px; transition: transform 0.3s ease; } .asat-footer-nasa .footer-brand .footer-links-special .join-link:hover { background-color: #7CB342; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(124,179,66,0.3); } .asat-footer-nasa .footer-brand .footer-links-special .join-link:hover .join-icon { transform: translateX(3px); } .asat-footer-nasa h6 { color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Fredoka', sans-serif; } .asat-footer-nasa .footer-nav { list-style: none; padding: 0; margin: 0; } .asat-footer-nasa .footer-nav li { margin-bottom: 12px; } .asat-footer-nasa .footer-nav li a { color: #ccc; text-decoration: none; font-size: 15px; font-weight: 400; transition: all 0.3s ease; font-family: 'Fredoka', sans-serif; } .asat-footer-nasa .footer-nav li a:hover { color: #7CB342; text-decoration: none; } .asat-footer-nasa .footer-nav li a.live-badge .live { background-color: #FF9800; color: #fff; font-size: 11px; padding: 2px 6px; border-radius: 3px; margin-left: 8px; font-weight: 600; font-family: 'Fredoka', sans-serif; } .asat-footer-nasa .footer-additional a { display: block; color: #00695C; text-decoration: none; font-size: 15px; margin-bottom: 8px; transition: color 0.3s ease; font-family: 'Fredoka', sans-serif; } .asat-footer-nasa .footer-additional a:hover { color: #FF9800; text-decoration: underline; } .asat-footer-nasa .footer-bottom-links { padding: 30px 0; border-bottom: 1px solid #444; } .asat-footer-nasa .footer-bottom-links .bottom-nav { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; } .asat-footer-nasa .footer-bottom-links .bottom-nav li { margin-right: 30px; margin-bottom: 8px; } .asat-footer-nasa .footer-bottom-links .bottom-nav li a { color: #ccc; text-decoration: none; font-size: 14px; transition: color 0.3s ease; font-family: 'Fredoka', sans-serif; } .asat-footer-nasa .footer-bottom-links .bottom-nav li a:hover { color: #7CB342; text-decoration: underline; } .asat-footer-nasa .footer-meta { padding: 25px 0; } .asat-footer-nasa .footer-meta p { margin: 0; color: #888; font-size: 13px; font-family: 'Fredoka', sans-serif; } .asat-footer-nasa .footer-meta p strong { color: #ccc; font-family: 'Fredoka', sans-serif; } .asat-footer-nasa .footer-meta p .update-date, .asat-footer-nasa .footer-meta p .editor-name, .asat-footer-nasa .footer-meta p .official-name { color: #00695C; } /* Footer responsive */ @media (max-width: 992px) { .asat-footer-nasa .footer-main { padding: 40px 0 30px 0; } .asat-footer-nasa .col-md-2, .asat-footer-nasa .col-md-3 { margin-bottom: 40px; flex: 0 0 50%; max-width: 50%; } .asat-footer-nasa .footer-bottom-links .bottom-nav { justify-content: center; text-align: center; } .asat-footer-nasa .footer-bottom-links .bottom-nav li { margin-right: 20px; } } @media (max-width: 768px) { .asat-footer-nasa .col-md-2, .asat-footer-nasa .col-md-3 { flex: 0 0 100%; max-width: 100%; } .asat-footer-nasa .footer-brand { text-align: center; margin-bottom: 40px; } .asat-footer-nasa .footer-brand .footer-logo { display: block; margin: 0 auto 20px auto; } .asat-footer-nasa .footer-additional { text-align: center; } .asat-footer-nasa .footer-bottom-links .bottom-nav { flex-direction: column; align-items: center; } .asat-footer-nasa .footer-bottom-links .bottom-nav li { margin-right: 0; margin-bottom: 15px; } .asat-footer-nasa .footer-meta { text-align: center; } } @media (max-width: 480px) { .asat-footer-nasa .container { padding: 0 15px; } .asat-footer-nasa .footer-main { padding: 30px 0 20px 0; } .asat-footer-nasa .footer-brand h4 { font-size: 20px; } .asat-footer-nasa .footer-brand .mission-statement { font-size: 14px; } }