/* Fix for VikRentCar form text visibility */
.vrcdivsearch label {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}

.vrcdivsearch input[type="text"], 
.vrcdivsearch select {
    color: #0f172a !important; /* Dark navy for text inside inputs */
    background-color: #ffffff !important; /* White background for inputs */
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    height: auto !important;
    min-height: 40px !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    line-height: 1.5 !important;
}

/* Ensure dropdown options are readable */
.vrcdivsearch select option {
    color: #0f172a !important;
    background-color: #ffffff !important;
}

/* Placeholder styling */
.vrcdivsearch input::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}

/* Specific fix for date inputs to ensure they look clickable and show text */
.vrcdivsearch .vrcsfentrydate input[type="text"] {
    cursor: pointer !important;
    caret-color: transparent !important;
}

/* Fix time container selects layout and colors */
.vrcdivsearch .vrc-sf-time-container select {
    width: auto !important;
    display: inline-block !important;
}

.vrcdivsearch .vrctimesep {
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 0 4px !important;
}

/* Fix main titles if they are dark */
.vrc-main-title {
    color: #ffffff !important;
}

/* jQuery UI Datepicker Fixes - ensure contrast if it uses standard classes */
.ui-datepicker {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    z-index: 9999 !important;
}
.ui-datepicker .ui-datepicker-header {
    background: #1e293b !important;
    color: #ffffff !important;
}
.ui-datepicker .ui-datepicker-title, 
.ui-datepicker th {
    color: #ffffff !important;
}
.ui-datepicker td a {
    color: #0f172a !important;
}
.ui-datepicker td a:hover,
.ui-datepicker td a.ui-state-active {
    background: #2563eb !important;
    color: #ffffff !important;
}