/* forms.css */



input
{
    height: 85%;
}

input,
textarea
{
    width: 100%;
    font-family: Helvetica;
    -webkit-appearance: none;
    border: solid 0.1em #252226;
    background-color: #0d0d0d;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    padding-left: 0.3em;
    font-size: clamp(0.8em, 1.3vw, 1em);
}

input:focus
{
  border: solid 0.1em #E7B7F7 !important;
  outline: none;                     /* Removes default focus outline */
  box-shadow: 0 0 5px #E7B7F7;       /* Adds a glow effect */
  transition: box-shadow 0.3s ease;  /* Smooth transition effect */
}

input[type="checkbox"]
{
    padding: 1vw;
    width: clamp(1em, 3vw, 2em);
    height: clamp(1em, 2.5vw, 1.7em);
}

input[type="checkbox"]:focus,
input[type="checkbox"]:checked
{
    box-shadow: unset;
    transition: unset;
}

input[type="checkbox"]:checked
{
    background-color: #E7B7F7 !important;
}


input[type="submit"],
#cookiesAcceptSubmit
{
    cursor: pointer;
    width: clamp(7em, 15vw, 8em);
    height: clamp(2.5em, 6vw, 3.5em);
    font-weight: 300;
    font-family: Helvetica;
    color: #e7b7f7;
    border: solid thin #e7b7f7;
    font-size: clamp(0.3em, 2vw, 1.6em);
    letter-spacing: 0.1vw;
    text-transform: uppercase;
    padding-left: unset;
}

.form
{
    display: grid;
    justify-content: center;
}

.formTitle
{
    margin: clamp(1.3em, 3.5vw, 1.7em) 0 clamp(0.6em, 1.7vw, 0.9em);
    font-size: clamp(0.5em, 2.4vw, 1.8em);
}

.formContentDIV
{
    max-width: 45em;
}

.formFieldDIV
{
    text-align: center;
    display: inline-flex;
    left: 50%;
    position: relative;
    transform: translate(-50%, 0);
    align-items: center;
    margin: clamp(0.3em, 1.2vw, 1em) 0;
    margin-left: clamp(-2em, -3vw, -1em);
}

.robotFormFieldDIV
{
    left: unset;
    margin-left: 50%;
}

.formLabelDIV
{
    text-transform: uppercase;
    color: #e7b7f7;
    width: 20vw;
    max-width: 8em;
}

.formLabelDIV span
{
    width: 100%;
}

.formFieldDIV div
{
    height: clamp(1em, 3vw, 2em);
    display: flex;
}

.commentsFormFieldDIV div,
textarea
{
    height: clamp(5em, 15vw, 10em)
}

.formInputTextAreaDIV
{
    /*height: unset !important;*/
}

.formInputDIV,
.formLabelDIV
{
    font-weight: 300;
    font-family: Helvetica;
    font-size: clamp(0.4em, 1.6vw, 1.3em);
    align-items: center;
}

.formInputDIV
{
    color: #FBF7FF;
    width: 40vw;
    max-width: 25em;
    margin: 0 0 0 1vw;
}

.formCheckboxDIV
{
    width: clamp(1.8em, 3vw, 2em);
}

.formSubmitDIV
{
    height: fit-content;
    text-align: center;
    margin: clamp(0.7em, 3vw, 2em) 0;
}

.robotLabel
{
    width: 30vw;
    max-width: 12em;
}

/*
.checkboxSpacer
{
    width: 15vw;
    max-width: 9em;
}
*/