/* Blue Highlight: Tue, Wed, Fri, Sat (Bakery) */
.highlight-blue a.ui-state-default {
    color: black !important;
    border-color: #0056b3 !important;
}

/* Yellow Highlight: Mon, Thu (Home) */
.highlight-yellow a.ui-state-default {
    color: black !important;
    border-color: #fbc02d !important;
}
.datepicker-footer-legend {
    padding: 10px; background: #f9f9f9; border-top: 1px solid #ddd; font-size: 11px; font-family: Arial, sans-serif;
}
.legend-row { display: flex; align-items: center; margin-bottom: 4px; }
.legend-box { width: 12px; height: 12px; margin-right: 8px; border: 1px solid #ccc; border-radius: 2px; }
.box-yellow { background-color: #4994fa; }
.box-blue { background-color: #b45134; }

.selection-group { margin-bottom: 20px; font-family: Arial, sans-serif; border: 1px solid #eeeeee; padding: 15px; border-radius: 5px; width: fit-content; }

/* Container styling */
.selection-group {
    font-family: Arial, sans-serif;
    display: block !important;
}

/* Row alignment */
.radio-row {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* The actual radio button */
.force-radio {
    /* Reset visibility and positioning */
    display: block !important; 
    visibility: visible !important; 
    opacity: 1 !important; 
    position: static !important;
    left: auto !important;
    
    /* Force native browser look */
    appearance: auto !important; 
    -webkit-appearance: radio !important; 
    -moz-appearance: radio !important;
    
    /* Fixed sizing to prevent flex-shrinking */
    flex-shrink: 0 !important; 
    width: 18px !important; 
    height: 18px !important; 
    margin: 0 10px 0 0 !important; 
    padding: 0 !important;
    cursor: pointer !important;
}

/* The text labels */
.radio-label {
    cursor: pointer !important;
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    font-size: 16px !important;
}

/* Custom Line Green Button */
#orderButton {
    background-color: #06C755 !important;
    border-color: #06C755 !important;
    color: white !important;
}

/* Ensure it stays green on hover */
#orderButton:hover {
    background-color: #05b04a !important; /* Slightly darker green */
    border-color: #05b04a !important;
}

/* Keep it faded when disabled */
#orderButton:disabled {
    background-color: #06C755 !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Makes all form labels, input text, textareas, and dropdowns black */
label, 
input, 
textarea, 
select {
    color: #000000 !important;
}


/* Optional: Ensures placeholder text is also black (or a dark grey) */
input::placeholder, 
textarea::placeholder {
    color: #000000;
    opacity: 1; /* Fixes default low opacity in some browsers */
}


/* ปรับหน้าตาปฏิทินให้โฮมมี่ */
#ui-datepicker-div {
    background: #ffffff !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(180, 18, 18, 0.1) !important;
    padding: 15px !important;
    font-family: 'Work Sans', sans-serif !important;
}

/* หัวปฏิทินสีแดง */
.ui-datepicker-header {
    background: transparent !important;
    border: none !important;
    color: #b41212 !important;
}

/* ไฮไลท์สีเหลืองสำหรับศรีนครินทร์ */
.highlight-yellow a {
    background-color: #f5e4af !important;
    color: #b41212 !important;
    border-radius: 8px !important;
}

/* ไฮไลท์สีฟ้าสำหรับช่องนนทรี */
.highlight-blue a {
    background-color: #d1e7ff !important;
    color: #004085 !important;
    border-radius: 8px !important;
}