:root {
    --primary:   #111111;
    --secondary: #E8B923;
    --text:      #222222;
    --light:     #f8f8f8;
}
body { background-color: #f8f8f8; color: #222222; }
.navbar {
    background: rgba(17,17,17,0.5) !important;
    height: 60px;
}
.nav-container { height: 60px; padding: 0 1rem; }
.logo h1  { color: #ffffff !important; }
.logo span { color: #E8B923 !important; }
.club-logo { height: 54px !important; }
.nav-btn {
    color: #ffffff !important;
    border-color: #E8B923 !important;
}
.nav-btn:hover {
    background: #E8B923 !important;
    color: #111111 !important;
}
.menu-toggle span { background: #ffffff !important; }
.hero-overlay { background: rgba(0,0,0,0.5) !important; }
.portal { background: #f8f8f8; }
#bjj-announcement-banner {
    background: #E8B923;
    color: #111111;
}
.portal { margin-top: 60px; min-height: calc(100vh - 60px); }
p, h1, h2, h3, h4, h5, h6, li, span, div {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
a, button, input, textarea, select, label,
[role="button"], [tabindex],
.nav-btn, .menu-toggle, .gallery-arrow,
.tab-btn, .submit-btn, .action-btn, .kiosk-num-btn,
.modal, .modal * {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    pointer-events: auto !important;
    touch-action: manipulation;
}
img { -webkit-user-drag: none; pointer-events: none; }
a img, button img, .gallery-arrow img { pointer-events: auto !important; }