@font-face {
    font-family: PublicoBold;
    src: url("../assets/fonts/PUBLICO-BOLD.TTF") format("truetype");
}

* {
    font-family: Arial, Helvetica, sans-serif;
}
/* Form labels */
#details label {
    font-family: "PublicoBold", Times, serif;
    font-weight: bold;
    color: #333333;
}
#feedback-text, #feedback-text a
{
    font-family: "PublicoBold", Times, serif;
}
/* Input fields */
#details input.form-control {
    font-family: Arial, Helvetica, sans-serif;
}
/* Checkbox labels (already Bootstrap .form-check-label) */
#details .form-check-label {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.form-label {
    margin-bottom: .1rem;
}
body {
    background-color: #fff;
}
.serif-text {
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    color: #333333;
    margin-bottom: 0.1rem;
}
.sans-text {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0;
}

@media (orientation: landscape) {
    body, p, div, label, .form-check-label {
        font-size: 2vh;
    }
    .serif-text, #details label {
        font-size: 2vh;
    }
    .sans-text, #details input.form-control, #details .form-check-label {
        font-size: 1.5vh;
    }
}

@media (orientation: portrait) {
    body, p, div, label, .form-check-label {
        font-size: 2.5vw;
    }
    .serif-text, #details label {
        font-size: 2.5vw;
    }
    .sans-text, #details input.form-control, #details .form-check-label {
        font-size: 2.0vw;
    }
}


#submitBtn:disabled {
    background-color: #6c757d;
    /* Bootstrap gray */
    border-color: #6c757d;
    /* match border */
    cursor: not-allowed;
    /* shows “disabled” cursor */
    opacity: 0.65;
    /* optional fade effect */
}

/* Hide form elements by setting opacity to 0 */
#details.hidden * {
    opacity: 0;
    pointer-events: none;
    /* prevent interaction */
}

.no-margin {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
}

.no-click {
    pointer-events: none;

    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.img-smaller {
    height: 10vh;
    width: auto;

    margin: auto;
}

/* Style for form fields */
.form-control {
    margin-bottom: 20px;
    /* Add margin between form fields */
}

/* Adds in word breaks for the labels */
.form-label {
    font-size: larger;
}


/* Input fields */
.input-field {
    background-color: #333333;
    /* Set background color */
    border: none;
    /* Remove border */
    border-radius: 10px;
    /* Make border more rounded */

}

/* Style for the form container */
.form-container {
    position: relative;
    /* Relative positioning for absolute overlay */
    padding: 20px;
}

/* form-overlay is used to hold the border */
.form-overlay {
    position: absolute;
    /* Absolute positioning to overlay */
    top: 0;
    /* Align to top */
    left: 0;
    /* Align to left */
    width: 100%;
    /* Cover full width */
    height: 100%;
    /* Cover full height */
}

.logo {
    position: absolute;
    top: 0px;
    left: 0%;

    width: 11vw;
    height: auto;

    padding-left: 5px;
    padding-top: 5px;

}

.button {
    border: none;
    border-radius: 5px !important;
}

.center-column {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

.bg-axa {
    background-color: #b5d0ee;
    border-radius: 15px !important;
}

.btn-axa-blue {
    background-color: #140988;
    color: #fff;
}

.input-error {
  border: 2px solid #d93025;
}

.input-error:focus {
  border: 2px solid #d93025;
  outline: none; /* optional: remove default focus outline */
  box-shadow: 0 0 2px #d93025; /* optional: subtle shadow for extra emphasis */
}