/* Overall Datepicker Container adjustments */
/*.datepicker {
    padding: 5px;*/ /* Add some overall padding */
    /*width: 250px;*/ /* Set a consistent width for the calendar modal */
    /*border-color: #F3F3F3;
    border-color: var(--bs-border-color) !important;
    border-radius: 9px !important;
}*/
/* Adjust dropdown arrow position if needed */
/*.datepicker-dropdown.datepicker-orient-left:before { left: 6px; }
.datepicker-dropdown.datepicker-orient-left:after { left: 7px; }*/


/* 1. Hide default previous/next buttons (chevrons) across all views */
/*.datepicker thead th.prev,
.datepicker thead th.next {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
}*/

/* 2. Style the HEADER ROW that contains the datepicker-switch for flexbox layout */
/* This targets the SECOND <tr> within thead for ALL datepicker views */
/*.datepicker thead tr:nth-child(2) {
    justify-content: space-between;*/ /* Pushes content to ends: switch left, custom arrows right */
    /*align-items: center;*/ /* Vertically align items */
    /*width: 100%;
    padding: 0;*/ /* Remove padding from this row to allow elements to reach edges */
    /*box-sizing: border-box;
}*/

/* 3. Style the Month/Year switch (aligned to the left) */
/*.datepicker thead th.datepicker-switch {
    flex-grow: 1;*/ /* Allows it to take up available space */
    /*text-align: left;*/ /* Align text content to the left */
    /*cursor: pointer;
    padding: 6px 0 6px 5px;*/ /* Add specific padding for the switch text */
    /*font-weight: bold;
    color: #333;
    width: auto !important;*/ /* Override potential fixed width */
    /*white-space: nowrap;*/ /* Prevent text wrapping */
/*}*/

/* Add a visual dropdown indicator to the switch button */
/*.datepicker thead th.datepicker-switch::after {
    content: ' ▼';
    font-size: 0.8em;
    margin-left: 5px;
    vertical-align: middle;
    white-space: nowrap;
}*/

/* 4. Style for our custom up/down arrows container (far right, side-by-side) */
/*.custom-nav-arrows-container {
    display: flex;
    flex-direction: row;*/ /* Arrows horizontally (side-by-side) */
    /*width: 40px;*/ /* Small fixed width for the container */
    /*gap: 5px;*/ /* Space between the up and down arrows */
    /*height: 30px;*/ /* Consistent height with the datepicker-switch */
    /*font-size: 1.2em;
    cursor: pointer;
    user-select: none;
    padding: 6px 5px 6px 0 !important;*/ /* Add padding to push icons slightly from right edge */
    /*margin-left: auto;*/ /* Push this container to the far right within the flex row */
    /*box-sizing: border-box;
    flex-shrink: 0;*/ /* Prevent it from shrinking */
/*}

.custom-nav-arrows-container span {
    line-height: 1em;
    color: #555;
    transition: color 0.2s;
}

.custom-nav-arrows-container span:hover {
    color: #007bff;
}*/

/* 5. Fix for Day Grid Overlapping and Hide overflow days */
/*.datepicker table.table-condensed {
    width: 100%;*/ /* Ensure the table itself takes full width */
    /*border-collapse: collapse;
    table-layout: fixed;*/ /* Crucial: Ensures column widths are respected and consistent */
/*}
.datepicker .day,
.datepicker .dow {
    width: 14.2857% !important;*/ /* Forces 7 equal columns (100%/7) */
    /*text-align: center;
    height: 30px;*/ /* Consistent height for cells */
    /*line-height: 30px;*/ /* Vertically center text in cell */
    /*padding: 0;*/ /* Remove default padding from cells to prevent overflow */
    /*box-sizing: border-box;*/ /* Crucial: includes padding/border in width calculation */
/*}*/

/* Make old/new month days invisible and unclickable */
/*.datepicker .old,
.datepicker .new {
    color: transparent !important;
    pointer-events: none !important;*/ /* Disable clicks */
    /*background-color: transparent !important;*/ /* No background fill */
/*}*/

/* FIX: Hide current day highlight on hidden days */
/*.datepicker .old.today,
.datepicker .new.today {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;*/ /* In case it has a box-shadow */
    /*outline: none !important;*/ /* Ensure no outline highlight */
/*}*/

/* Styling for Clear and Today buttons and removing border */
/*.datepicker-actions {
    margin-top: 10px;*/ /* Space above buttons */
    /*padding-top: 8px;*/ /* Padding above buttons */
/*}
.datepicker-actions .datepicker-action-button {
    min-width: 70px;*/ /* Give buttons consistent width */
    /*font-size: 0.85em;*/ /* Smaller font for action buttons */
    /* Make them look like links without borders */
    /*background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #007bff;*/ /* Bootstrap primary link color */
    /*padding: .375rem .75rem;*/ /* Bootstrap button padding */
    /*cursor: pointer;
    text-decoration: none;*/ /* Remove underline by default */
/*}
.datepicker-actions .datepicker-action-button:hover {
    text-decoration: underline;*/ /* Add underline on hover */
    /*color: #0056b3;*/ /* Darker blue on hover */
/*}*/