/* Bishal Tim - Zaaks FormBuilder overrides so the rendered form matches the dark footer form (.cf) design. */

.bishal-zaaks-form {
    --zaaks-form-font-family: inherit;
    --zaaks-form-font-size: 16px;
    --zaaks-form-max-width: 100%;
    --zaaks-form-gap: 16px;
    --zaaks-form-text-color: #fff;
    --zaaks-form-label-color: #fff;
    --zaaks-form-background: rgba(255, 255, 255, .1);
    --zaaks-form-border-color: rgba(255, 255, 255, .25);
    --zaaks-form-border-radius: 14px;
    --zaaks-form-shadow: none;
    --zaaks-form-focus-color: var(--pink, #f5c1bc);
    --zaaks-form-placeholder-color: #a9b0d3;
    --zaaks-form-submit-bg: var(--pink, #f5c1bc);
    --zaaks-form-submit-color: var(--navy, #1b264f);
    width: 100%;
}

.bishal-zaaks-form .zaaks-form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    align-items: flex-start;
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
}

.bishal-zaaks-form .zaaks-form-field,
.bishal-zaaks-form .zaaks-form-field.full-width {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.bishal-zaaks-form .zaaks-form-field.half-width,
.bishal-zaaks-form .zaaks-form-field.col-md-6 {
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
}

@media (max-width: 640px) {
    .bishal-zaaks-form .zaaks-form-field.half-width,
    .bishal-zaaks-form .zaaks-form-field.col-md-6 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

.bishal-zaaks-form .zaaks-form-label,
.bishal-zaaks-form label:not(.zaaks-form-checkbox-label) {
    display: block;
    font-weight: 700 !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
    color: #fff !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.bishal-zaaks-form .zaaks-form-required { color: var(--pink, #f5c1bc); }

.bishal-zaaks-form .zaaks-form-control,
.bishal-zaaks-form input:not([type="checkbox"]):not([type="radio"]),
.bishal-zaaks-form select,
.bishal-zaaks-form textarea {
    display: block;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    font: inherit !important;
    font-size: 16px !important;
    color: #fff !important;
    background: rgba(255, 255, 255, .1) !important;
    border: 2px solid rgba(255, 255, 255, .25) !important;
    border-radius: 14px !important;
    padding: 12px 16px !important;
    outline: none !important;
    box-shadow: none !important;
    transition: .2s !important;
}

.bishal-zaaks-form select option { color: #111; }

.bishal-zaaks-form textarea { min-height: 130px !important; resize: vertical !important; }

.bishal-zaaks-form input::placeholder,
.bishal-zaaks-form textarea::placeholder { color: #a9b0d3 !important; opacity: 1; }

.bishal-zaaks-form input:focus,
.bishal-zaaks-form select:focus,
.bishal-zaaks-form textarea:focus {
    border-color: var(--pink, #f5c1bc) !important;
    background: rgba(255, 255, 255, .14) !important;
}

.bishal-zaaks-form .zaaks-form-description,
.bishal-zaaks-form .zaaks-form-field-validation,
.bishal-zaaks-form .invalid-feedback {
    color: #ffd3cf !important;
    font-size: 13px;
    margin-top: 6px;
}

.bishal-zaaks-form .zaaks-form-actions,
.bishal-zaaks-form .zaaks-form-submit-wrap {
    flex: 1 1 100%;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
}

.bishal-zaaks-form .zaaks-form-submit,
.bishal-zaaks-form .zaaks-form button[type="submit"] {
    display: inline-block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 28px !important;
    border: 2px solid var(--pink, #f5c1bc) !important;
    border-radius: 999px !important;
    background: var(--pink, #f5c1bc) !important;
    color: var(--navy, #1b264f) !important;
    font: inherit !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: .2s !important;
}

.bishal-zaaks-form .zaaks-form-submit:hover:not(:disabled),
.bishal-zaaks-form .zaaks-form button[type="submit"]:hover:not(:disabled) {
    background: #fff !important;
    border-color: #fff !important;
    color: var(--navy, #1b264f) !important;
}

.bishal-zaaks-form .zaaks-form-message,
.bishal-zaaks-form .alert {
    flex: 1 1 100%;
    width: 100%;
    margin: 0 !important;
    padding: 14px 18px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .1) !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
    color: #fff !important;
    font-size: 15px;
}

.bishal-zaaks-form .zaaks-form-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }