/* Target the Title/Header link specifically */
a[style*="font-weight: 500"], 
a[style*="margin-left: 0.3rem"],
.navbar-brand {
    color: #48c9ff !important;
    text-decoration: none !important;
}

/* Target ALL buttons and dashboard elements */
.btn, 
button, 
.button,
input[type="submit"],
input[type="button"],
a.btn-primary,
a.btn-success,
a.btn-info,
a.btn-danger,
.btn-warning {
    background-color: #48c9ff !important;
    border-color: #48c9ff !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* --- THE NUCLEAR OPTION FOR WHITE LINKS --- */
/* This targets 'Forgot Password' and 'Register' by their text and surrounding areas */
a.btn-link,
.card-footer a,
.auth-links a,
a[href*="password"],
a[href*="register"] {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* Ensure they stay white even when hovered or clicked */
a.btn-link:hover, 
a.btn-link:focus,
.card-footer a:hover,
a[href*="register"]:hover {
    color: #e0e0e0 !important;
}

/* Hover state for main buttons */
.btn:hover, button:hover, a.btn:hover {
    background-color: #36b4eb !important;
    border-color: #36b4eb !important;
}
/* Hover state for Nav bar */
a.navbar-item:hover{
    color: #48c9ff !important;
}

/* Hide the Login button specifically in the Navbar */
nav a[href*="login"], 
.navbar a[href*="login"],
.navbar-nav a[href*="login"] {
    display: none !important;
}

nav a[href*="support"], 
.navbar a[href*="support"],
.navbar-nav a[href*="support"] {
    display: none !important;
}

/* Hide the 'About us' link pointing to PCDJ */
a[href="https://www.pcdj.com/"] {
    display: none !important;
}

/* 1. GLOBAL BACKGROUND with 0.8 Opacity */
body {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #ffffff; /* Fallback */
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts it behind everything */
    background-image: url("/my-assets/background.png") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    opacity: 0.8 !important; /* ONLY the image is now 0.8 */
}

/* Keep containers clear so the background shows through */
html, .main-content, .wrapper, #app {
    background: transparent !important;
}

.card, .modal-content {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

/* 2. INPUT FIELDS - Catch-all for Venue, Email, Password, etc. */
input[type="email"], 
input[type="password"], 
input[type="text"], 
input[type="number"], 
input[type="tel"],
.form-control,
select {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
}

/* Ensure the text stays dark even when the browser auto-fills the info */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    -webkit-text-fill-color: #333333 !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.book-us-button {
    background-color: #48c9ff !important;
    color: white !important;
    font-weight: bold !important;
    border-radius: 5px;
    margin-left: 10px;
    padding: 10px 15px !important;
    display: flex;
    align-items: center;
}

.book-us-button:hover {
    background-color: #36b0e6 !important;
}