/* ========================
   FORM ELEMENTS
======================== */
.form-check-input {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: var(--secondary); /* gold */
}


/* ========================
   BACKGROUND (PREMIUM DARK STYLE)
======================== */
:root{
  --site-bg: url("/assets/images/pattern-dark.png"); /* optional subtle pattern */
  --site-overlay: rgba(0, 0, 0, 0.88);
  --site-card: rgba(255,255,255,0.95);
}

/* Full page background */
.site-page{
  position: relative;
  background-image:
    linear-gradient(var(--site-overlay), var(--site-overlay)),
    var(--site-bg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* Subtle texture */
.site-page::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: var(--site-bg);
  background-size: 500px;
  background-repeat: repeat;
  opacity: .06;
  pointer-events:none;
}

/* Keep content above overlay */
.site-page > *{
  position: relative;
  z-index: 1;
}

/* Cards on dark bg */
.site-page .card{
  background: var(--site-card);
  backdrop-filter: blur(6px);
}


/* ========================
   HEADER (PREMIUM BLACK + GOLD)
======================== */
.page-header.groove-header{
  background:
    linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.85)),
    url('/images/header-bg.jpg') center/cover no-repeat;
  color: #fff;
}


/* ========================
   NAVBAR + FOOTER (BLACK + GOLD)
======================== */
.navbar.kitenge-nav,
footer.kitenge-footer{
    position: relative;
    background: #000 !important;
    color: #fff;
    border-color: rgba(255,255,255,0.08) !important;
    overflow: hidden;
}

/* Soft premium glow */
.navbar.kitenge-nav::before,
footer.kitenge-footer::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 30%, rgba(212,175,55,0.15), transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(212,175,55,0.10), transparent 50%);
    pointer-events:none;
}

/* Keep content above overlay */
.navbar.kitenge-nav > *,
footer.kitenge-footer > *{
    position: relative;
    z-index: 1;
}

/* Nav links */
.navbar.kitenge-nav .nav-link{
    color: rgba(255,255,255,.85) !important;
}

.navbar.kitenge-nav .nav-link:hover,
.navbar.kitenge-nav .nav-link.active{
    color: var(--secondary) !important;
}

/* Gold underline */
.navbar.kitenge-nav .nav-link::after{
    background: var(--secondary) !important;
}

/* Brand/logo */
.navbar.kitenge-nav .navbar-brand{
    color: #fff !important;
}

/* Dropdown */
.navbar.kitenge-nav .dropdown-menu{
    background: #111;
    border: 1px solid rgba(255,255,255,0.08);
}

.navbar.kitenge-nav .dropdown-item{
    color: rgba(255,255,255,.85);
}

.navbar.kitenge-nav .dropdown-item:hover{
    background: rgba(212,175,55,0.12);
    color: var(--secondary);
}

/* Toggler */
.navbar.kitenge-nav .navbar-toggler{
    border-color: rgba(255,255,255,0.2);
}
.navbar.kitenge-nav .navbar-toggler-icon{
    filter: invert(1);
}

/* Footer links */
footer.kitenge-footer a{
    color: rgba(255,255,255,.85);
}
footer.kitenge-footer a:hover{
    color: var(--secondary);
}

/* Footer text */
footer.kitenge-footer,
footer.kitenge-footer .text-muted{
    color: rgba(255,255,255,.7) !important;
}


/* ========================
   BUTTON FIXES (GOLD)
======================== */
.btn-kitenge,
.btn-kitenge:focus,
.btn-kitenge:active,
.btn-kitenge:focus-visible {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: #111 !important;
}

/* Click effect */
.btn-kitenge:active {
    filter: brightness(0.9);
    transform: translateY(1px);
}

/* Focus ring */
.btn-kitenge:focus,
.btn-kitenge:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(212,175,55,0.25) !important;
}

/* Outline fix */
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
    box-shadow: 0 0 0 0.2rem rgba(212,175,55,0.15) !important;
}


/* ========================
   REMOVE OLD DESIGNER STYLE
======================== */
/* (Removed pink/purple styles — not matching brand) */