/* Generic Form Container */

.return-form .form-group {
    margin-bottom: 20px;
}

.return-form .form-group.submit {
    display: flex;
    justify-content: center;
    align-items: center;
}

.return-form .form-submit-btn {
    padding: 8px 39px;
    background: #335790;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.return-form .form-submit-btn:hover {
    background: #335790;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(51, 87, 144, 0.3);
}

.return-form .form-submit-btn:active {
    transform: translateY(0);
}

.return-form .form-submit-btn:disabled {
    background: #95a5a6;
    cursor: not-allowed;
    transform: none;
}

.return-form .radio-group {
    display: flex;
    gap: 20px;
}

.return-form .radio-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
}

.return-form .radio-label input[type="radio"] {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #335790;
}

.return-form .radio-label .radio-text {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

/* ReturnReuse Form Styles */

.returnreuse-form-wrapper {
    max-width: 100%;
    margin: 0 auto;
}

.returnreuse-form-title {
    font-size: 24px !important;
    color: #333;
    margin-bottom: 25px !important;
    line-height: 1.5 !important;
    text-align: center;
    font-weight: 600;
}

.returnreuse-form .form-group.radio {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.returnreuse-form .form-group.support {
    text-align: center;
    color: #707070;
    font-weight: 500;
    font-size: 14px;
}

.returnreuse-form .form-group.datetime {
    display: flex;
    gap: 10px;
    align-items: center;
}

.returnreuse-form .form-group.datetime.is-hidden {
    display: none;
}

.returnreuse-form .form-group .input-error{
    font-size: 12px;
    color: rgb(212, 38, 38);
    font-weight: 500;
    display: block;
    margin: 5px 0px 0px;
}

.time-box {
    display: flex;
    gap: 10px;
    align-items: center;
}

.input-group.date {
    position: relative;
}

.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th {
    padding: 5px;
}

.datepicker table tbody>tr:nth-child(odd)>td, .datepicker table tbody>tr:nth-child(odd)>th {
    background: transparent;
}

.datepicker table tbody tr:hover>td, .datepicker table tbody tr:hover>th {
    background-color: transparent;
}

.returnreuse-form .form-group.support a {
    color: #D42626;
    text-decoration: underline;
    font-size: 14px;
}

.returnreuse-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
}

.time-input label .clock-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJFSURBVHgB3VW9bhNBEJ65ExJlLEEXhaUjNoijIDZU9hP46CjJE5A8geMnwDyB8wZxniCuiK00V+A4HZtIaRDFNUiG4Btm9u6S8/3llC4Zae292d35ZmZnvgW474Jli8ppr8HVwiWiLn86ooqWPB4aEQ/1bLJ/JwC1+c4lazkEwjUoFwHqFwFZecqNRvMLYXAgxvnwGBF2McDn56dTlIEYvOGfbTEuvnCEw436Vg+qRKDqrR4B7QGSz0b7ej4dQIlwpDscaU+cYacGF7OT3UIA1Wh9Em+McaCOnp14UEFU461DgEcmYrI+6PnxKF5bSREbN2Eaz3OMP6s3f8hI62UvBnbf2MBgaIojDSDeQ1gluiQtCm4qaRVkfjyQ++KpqbwMQFSKIBUBdxY6jIxlAfg2VKSqlPdcWaLJPQG8zgKQaSTO57dbAZTTUnl6fTbR8ZYsQDXRxpe/dFQEkhYrfVi9KD7I1dWBuLlyQFTjvRNuJC8PwIsW3SIASUEWpJ2gksAJTeB5BkCIS/7Jgi6USBoE/i2ceC3uIzaW02iPFiPpYL7sttps7lQBEU7S3ydj0amXzc8Q91GC+Fap4tWWS0s84KmPaHeqVJQ55zBVXEVUwSSYBLCTG/2fl2e1p+s1nrY54I+1J+t//F+Xk1Lj7DktYd+QHVCf2XaFBXLfA2bUPd4c068Ou9vy4ohMpdnkckN1JaWi4/nXi9NpJrXFD07IrAKioEwMrdvbSQatBJAEAuEplIcFnOuopKyl8n4/Hmk99uHByn8KDhGSacECnwAAAABJRU5ErkJggg==) no-repeat center center / 100% auto;
}

.time-input label {
    display: flex;
    gap: 2px;
    align-items: center;
}

.returnreuse-form .required {
    color: #e74c3c;
}

.ui-timepicker-standard .ui-state-hover {
    background: #eee !important;
    border-color: transparent !important;
}

.ui-timepicker-standard a {
    font-size: 14px !important;
}

.datepicker.dropdown-menu {
    margin-top: 5px !important;
    min-width: 220px !important;
}

.datepicker-dropdown.datepicker-orient-bottom:before,
.datepicker-dropdown.datepicker-orient-bottom:after {
    opacity: 0;
}

.returnreuse-form .form-control {
    display: block;
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    background: #F9FAFB;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.returnreuse-form .form-group .tooltip-icon {
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!--  --%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='64' stroke-dashoffset='64' d='M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='64;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='16' stroke-dashoffset='16' d='M9 10c0 -1.66 1.34 -3 3 -3c1.66 0 3 1.34 3 3c0 0.98 -0.47 1.85 -1.2 2.4c-0.73 0.55 -1.3 0.6 -1.8 1.6'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.6s' dur='0.2s' values='16;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='2' stroke-dashoffset='2' d='M12 17v0.01'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.8s' dur='0.2s' values='2;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center center / 100% auto;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

.returnreuse-form .form-group .tooltip-icon:hover .tooltip-text {
    opacity: 1;
}

.returnreuse-form .form-group .tooltip-text {
    position: absolute;
    top: 0;
    left: 50%;
    background: #343434;
    border: 1px solid #000000;
    border-radius: 4px;
    padding: 10px;
    font-size: 12px;
    width: 210px;
    transform: translate(-50%, -100%);
    margin: -10px 0 0;
    color: white;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease;
}

.returnreuse-form .form-group .tooltip-text:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 7px;
    border-style: solid;
    border-color: #343434 transparent transparent transparent;
}

.returnreuse-form .form-control:focus {
    outline: none;
    border-color: #335790;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.returnreuse-form .form-control.has-error {
    border-color: rgba(212, 38, 38, 0.2);
    box-shadow: 0 0 0 2px rgba(212, 38, 38, 0.1);
}

.returnreuse-form textarea.form-control {
    resize: vertical;
    min-height: 120px;
}

.returnreuse-form .spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.returnreuse-form .form-message {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
}

.returnreuse-form .form-message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.returnreuse-form .form-message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Radio buttons styling */
.returnreuse-form .radio-group-label {
    display: block;
    font-weight: 500;
    color: #444;
    font-size: 14px;
}

.returnreuse-form .radio-label {
    flex: 1;
}

/* Responsive */
@media (max-width: 768px) {
    .returnreuse-form-container {
        /* padding: 20px; */
    }
    
    .returnreuse-form-title {
        font-size: 20px !important;
    }
    
    .returnreuse-form .radio-group {
        /* flex-direction: column; */
        gap: 10px;
    }
}

@media (max-width: 767px) {
    .returnreuse-form .form-group.datetime {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .returnreuse-form .form-group.datetime > * {
        width: 100%;
    }
}

/* Location Selection Styles */
.location-selection-step {
    display: block;
    margin-bottom: 30px;
}

.location-selection-step.is-hidden {
    display: none;
}

#location-selection-step .form-group .radio-label {
    flex-direction: column;
}

#location-selection-step .form-group .radio-label input[type="radio"] {
    margin: 10px 0 0px;
}

#location-selection-step .form-group .radio-label .radio-text {
    order: -1;
}

#location-selection-step .form-group.submit {
    margin-top: 40px;
}


#location-selection-step .radio-group {
    display: flex;
    flex-direction: row;
    gap: 100px;
    justify-content: center;
    width: 100%;
}

.is-hidden {
    display: none !important;
}