/* -------------------------------------------------------
   Restricted Date Input – with inline calendar icon
   ------------------------------------------------------- */

.restricted-date-input {
    position: relative;
    padding-right: 44px !important;   /* Make space for icon */
    cursor: pointer;
    background-image: url("../images/svg/calendar.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 14px center;
    transition: background-color 0.2s ease;
}

/* Subtle hover effect */
.restricted-date-input:hover {
    background-color: #f7f7f7;
}

/* On focus — cleaner glowing border like modern UIs */
.restricted-date-input:focus {
    outline: none;
    border-color: #35D5D0 !important;
    box-shadow: 0 0 0 2px rgba(53, 213, 208, 0.3);
}

.form-section-title {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: #314E70;
    border-bottom: 2px solid #35D5D0;
    padding-bottom: 0.25rem;
}

.form-section-help {
    font-size: 0.9rem;
    color: #666;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}