/* Custom styles for File Checker application */

/* Validation Options Layout */
.validation-icon-container {
    width: 3.5em;
    min-width: 3.5em;
}

/* Override center alignment for validation option labels */
.validate-form .form-group .validation-option-row {
    text-align: left !important;
}

/* Help Icons - General component classes */
.help-trigger {
    color: #007dba;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.help-trigger:hover {
    color: #0093d8;
    text-decoration: none;
}

.help-trigger:focus {
    color: #0093d8;
    outline: 2px solid #007dba;
    outline-offset: 2px;
    border-radius: 3px;
    text-decoration: none;
}

.help-icon {
    color: inherit;
    font-size: 1.125rem;
    pointer-events: none;
}

/* Toggle Switch - Custom ANZ Blue Theme */
.form-check-input {
    background-color: #ffffff;
    border: 2px solid #dee2e6;
    transition: all 0.2s ease-in-out;
}

.form-check-input:focus {
    border-color: #007dba;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 125, 186, 0.25);
}

.form-check-input:checked {
    background-color: #007dba;
    border-color: #007dba;
}

.form-check-input:checked:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 125, 186, 0.25);
}

.form-check-input:hover:not(:disabled):not(:checked) {
    border-color: #0093d8;
}

.form-check-input:hover:checked {
    background-color: #0093d8;
    border-color: #0093d8;
}

/* Form Layout Modifiers */
.form-inset-wide {
    max-width: 700px;
}

/* Extend form-format-choice to work with links and buttons */
.form-format-choice a,
.form-format-choice button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    border: 2px solid #e0e0e0;
    color: #666;
    background: white;
    transition: all 0.3s ease;
    min-height: 48px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.form-format-choice a:hover,
.form-format-choice button:hover {
    color: #005682;
    border-color: #007dba;
    background-color: #f0f8ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 125, 186, 0.2);
    text-decoration: none;
}