﻿.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.form-floating > label {
    color: #6C757D;
}

.form-check-input:checked {
    background-color: #f4a700;
    border-color: #f4a700;
}

.form-switch .form-check-input:not(:checked):focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e89f00'/%3e%3c/svg%3e");
}

.form-check-input:focus {
    border-color: #f4a700;
}

input:focus,
textarea:focus,
select:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 144, 0, .25) !important;
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f4a700'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23f4a700' class='bi bi-calendar3' viewBox='0 0 16 16'%3E%3Cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z'/%3E%3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}

textarea.form-control {
    min-height: 7.5rem;
}

.form-floating > .form-control-plaintext ~ label::after, 
.form-floating > .form-control:focus ~ label::after, 
.form-floating > .form-control:not(:placeholder-shown) ~ label::after, 
.form-floating > .form-select ~ label::after {
    background-color: unset;
}

.btn-orange-main,
.btn-blue-main {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem 1.75rem;
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.95rem;
    letter-spacing: 0.05em;
    text-decoration: none;
    border: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .btn-orange-main:hover:not(:disabled),
    .btn-blue-main:hover:not(:disabled) {
        transform: translateY(-1px);
    }

    .btn-orange-main:disabled,
    .btn-blue-main:disabled {
        opacity: 0.75;
        cursor: progress;
    }

/* ORANGE */
.btn-orange-main {
    background: linear-gradient(135deg, #d08422 0%, #f4a700 100%) !important;
    box-shadow: 0 12px 24px -12px rgba(208, 132, 34, 0.65);
}

    .btn-orange-main:hover:not(:disabled) {
        box-shadow: 0 16px 28px -14px rgba(208, 132, 34, 0.65);
    }

/* BLUE */
.btn-blue-main {
    background: linear-gradient(135deg, #0059a6 0%, #0e6cbf 100%) !important;
    box-shadow: 0 12px 24px -12px rgba(0, 89, 166, 0.65);
}

    .btn-blue-main:hover:not(:disabled) {
        box-shadow: 0 16px 28px -14px rgba(0, 89, 166, 0.65);
    }