/* Custom Nova Header Styling */
header.bg-white.dark\:bg-gray-800,
header.bg-white,
.bg-white.dark\:bg-gray-800 header,
nav.bg-white.dark\:bg-gray-800 {
    background-color: rgba(26, 26, 26, 1) !important;
}

/* Header text color */
header.bg-white.dark\:bg-gray-800 *,
header.bg-white *,
nav.bg-white.dark\:bg-gray-800 * {
    color: rgb(255, 255, 255) !important;
}

/* Ensure links and buttons in header are white */
header a,
header button,
header span,
header div {
    color: rgb(255, 255, 255) !important;
}

/* Override any hover states to maintain visibility */
header a:hover,
header button:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Main content area background color */
body,
main,
.min-h-screen,
.bg-gray-100,
.dark\:bg-gray-900 {
    background-color: rgb(252, 252, 252) !important;
}

/* Search bar input text color - more specific targeting */
header.bg-white input,
header.bg-white input[placeholder*="Search"],
header.bg-white input[placeholder*="search"],
header.bg-white input.form-control,
header.bg-white input.form-input,
header.bg-white input[type="text"],
header.bg-white input[type="search"],
header.bg-white.dark\:bg-gray-800 input,
header.bg-white.dark\:bg-gray-800 input[type="text"],
header.bg-white.dark\:bg-gray-800 input[type="search"] {
    color: rgb(0, 0, 0) !important;
    -webkit-text-fill-color: rgb(0, 0, 0) !important;
    caret-color: rgb(0, 0, 0) !important;
}

/* Search input placeholder */
header.bg-white input::placeholder,
header.bg-white input::-webkit-input-placeholder,
header.bg-white input::-moz-placeholder,
header.bg-white input:-ms-input-placeholder,
header.bg-white.dark\:bg-gray-800 input::placeholder,
header.bg-white.dark\:bg-gray-800 input::-webkit-input-placeholder,
header.bg-white.dark\:bg-gray-800 input::-moz-placeholder,
header.bg-white.dark\:bg-gray-800 input:-ms-input-placeholder {
    color: rgb(0, 0, 0) !important;
    opacity: 0.5 !important;
}

/* Search icon only - more specific selectors */
header.bg-white form svg,
header.bg-white form svg path,
header.bg-white form button svg,
header.bg-white form button svg path,
header.bg-white form .icon svg,
header.bg-white form .icon svg path,
header.bg-white.dark\:bg-gray-800 form svg,
header.bg-white.dark\:bg-gray-800 form svg path,
header.bg-white.dark\:bg-gray-800 form button svg,
header.bg-white.dark\:bg-gray-800 form button svg path,
header.bg-white label[for*="search"] svg,
header.bg-white label[for*="search"] svg path,
header.bg-white div[class*="search"] svg,
header.bg-white div[class*="search"] svg path {
    color: rgb(0, 0, 0) !important;
    fill: rgb(0, 0, 0) !important;
    stroke: rgb(0, 0, 0) !important;
}

header.bg-white.dark\:bg-gray-800 div[dusk="global-search-component"] svg, header.bg-white.dark\:bg-gray-800 div[dusk="global-search-component"] svg > path,
header.bg-white div[dusk="global-search-component"] svg, header.bg-white div[dusk="global-search-component"] svg > path,
nav.bg-white.dark\:bg-gray-800 div[dusk="global-search-component"] svg, nav.bg-white.dark\:bg-gray-800 div[dusk="global-search-component"] svg > path {
    color: rgb(0, 0, 0)!important;
}

/* Login page background color */
body.login,
.login-page,
body:has(form[action*="login"]),
body:not(:has(header.bg-white)) {
    background-color: rgb(26, 26, 26) !important;
}

/* Login card/form container background */
.login-card,
.rounded-lg.shadow-lg,
form[action*="login"],
.card.login-form {
    background-color: rgb(26, 26, 26) !important;
}