/*
    Kitty Kissed Photography
    Contact form overrides loaded last on purpose.
*/

.contact-cta .contact-form {
    width: min(100%, 760px) !important;
    margin: 30px auto 0 !important;
}

.contact-cta .contact-form select,
.contact-cta .contact-form textarea {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 15px 18px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(247, 180, 210, 0.22) !important;
    background-color: rgba(26, 26, 29, 0.92) !important;
    color: #F5F5F5 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.contact-cta .contact-form select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-right: 48px !important;
    background-image: linear-gradient(45deg, transparent 50%, #F7B4D2 50%), linear-gradient(135deg, #F7B4D2 50%, transparent 50%) !important;
    background-position: calc(100% - 23px) 52%, calc(100% - 15px) 52% !important;
    background-size: 8px 8px, 8px 8px !important;
    background-repeat: no-repeat !important;
}

.contact-cta .contact-form textarea {
    min-height: 180px !important;
    resize: vertical !important;
}

.contact-cta .contact-form select:focus,
.contact-cta .contact-form textarea:focus {
    outline: none !important;
    border-color: #F7B4D2 !important;
    box-shadow: 0 0 12px rgba(247, 180, 210, 0.16) !important;
}

.contact-cta .contact-form select option {
    background: #1A1A1D !important;
    color: #F5F5F5 !important;
}

.contact-cta .contact-form textarea::placeholder {
    color: rgba(184, 184, 184, 0.72) !important;
}

.contact-cta .optional-label {
    color: #B8B8B8 !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}