/* Copied from siteIntegra/styles.css - trimmed header for deploy
   Full original resides in /siteIntegra/styles.css
*/

/* CSS file copied to cacaApp static for theme reuse */
/* @font-face declarations live in main.css — no duplication needed here */

/* Navbar-specific variables and rules */
:root {
    --primary-color: #E03231;
    --secondary-color: #2984B9;
    --dark-bg: #2d2f33;
    --darker-bg: #0f172a;
    --light-text: #f1f5f9;
    --gray-text: #94a3b8;
    --navbar-height: 64px;
    --navbar-offset: 8px;
    --font-retro: 'Retro Gaming', 'Press Start 2P', monospace;
}

body { background: var(--darker-bg); color: var(--light-text); font-family: var(--font-retro), sans-serif; }

/* #navbar — used by navbarCO.html and navbarCA.html (<header id="navbar">).
   These templates use Bootstrap grid (.container > .row) inside, so we must NOT
   force display:flex or a fixed height here — let the content define its own
   height.  We only pin it to the top and give it a background + z-index.        */
#navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(10px);
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Ensure fixed navbar does not overlap page content.
   The actual height is set dynamically by JS (see base.html / siteIntegra.js),
   but we keep a generous CSS fallback so content is never hidden if JS is slow. */
body { padding-top: 120px; }

.logo { display:flex; gap:10px; align-items:center; }

.nav-links { display:flex; gap:20px; align-items:center; }

/* Additional rules from theme's styles */
.navbar-toggler { background:none; border:none; color:var(--light-text); }

@media (max-width:768px){ .nav-links { display:none; } .hamburger-menu { display:flex; } }