/*
    GENERIC CSS

    NOTE: these should be limited to application-specific functionality and may be overridden by themes
*/

form.ce-forms {
    min-width:400px;
}

form.ce-errorPageViews #headerDynamicMessageTitle {
    color: red;
    font-weight: bold;
}

form.ce-successPageViews #headerDynamicMessageTitle {
    color: darkgreen;
    font-weight: bold;
}

.ce-formSections legend {
    /*margin-bottom: 12px;*/
}

.ce-formFieldLabels {
    color: #757575;
    display: flex;    
}

/*defaults (9.1.2026)*/
/*moved to core.css*/
/*select {
    background-color: white;
}*/

/*defaults (9.1.2026)*/
input[type="text"], input[type="password"], select, textarea, .ce-googleMapsAutocomplete {
    border: 1px solid #c7c7c7;
}

/*dyanmic lables if enabled*/
.ce-dynamicLabelsInitialized .ce-formFieldContainers.ce-dynamicLabelContainers {
    position: relative;
    /*margin-top: 8px;*/
}

    .ce-dynamicLabelsInitialized .ce-formFieldContainers.ce-dynamicLabelContainers > label.ce-formFieldLabels {
        /* position: absolute;
        top: -14px;
        left: 10px;
        background-color: white;*/
        padding-left: 4px;
        padding-right: 4px;
        z-index: 100;
    }

    .ce-dynamicLabels {
        gap: 10px !important;
    }

        .ce-dynamicLabels .ce-formFieldContainers {
            gap: 0px !important;
        }

.ce-hasMultipleFormFields .ce-currencySelectorFormFieldContainers {
    max-width: 95px;
}

input[type="text"].ce-ticketQuantities, select.ce-ticketQuantities {
    width: 200px;
}

.ce-promoCodes {
    width:200px;
}

.forMeOrSomeoneElseContainers, .forMeOrSomeoneElseContactInfoContainers {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

.forMeOrSomeoneElseContainers {
    gap: 8px;
    width: 100%;
}

.additionalContactsContainers {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 4px;
}

    .additionalContactsContainers input[type="button"] {
        width: fit-content;
    }

.additionalContactsContactRowsContainers {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.additionalContactsContactRows {
    display: flex;
    flex-direction: row;
    gap: 4px;
}
 
.ce-formFieldRows.ce-products {
    gap: 10px;
} 

.ce-products .ce-formFieldContainers {
    flex-grow:0;
}

#formContainer .ce-products .ce-amountWithPlusMinusButtonInputContainers .ce-amountWithPlusMinusButtonInputs {
    width: 130px;
}

/*.ce-amountWithPlusMinusButtonInputContainers .ce-addToCartQuantities {
    width: 100px;
}*/

#oneClickCheckoutUseProfileButton {
    border-radius: 4px;
    border: 1px solid gray;
}

#oneClickCheckoutForgetButton {
    color: unset;
    text-decoration: none;
}

.enterMfaCodeContainers {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 10px;
}