/**
 * Portfolio Image Requests - Frontend CSS
 */

/* Form validation styles */
#portfolio-image-request-form .is-invalid {
    border-color: #e53e3e !important;
    box-shadow: 0 0 0 1px #e53e3e !important;
}

/* Response message styling */
#image-request-response {
    padding: 12px;
    border-radius: 4px;
    margin-top: 16px;
}

#image-request-response p {
    margin: 0;
}

/* Form field focus style */
#portfolio-image-request-form input:focus,
#portfolio-image-request-form textarea:focus {
    border-color: var(--accent, #DB2A1C) !important;
    box-shadow: 0 0 0 1px var(--accent, #DB2A1C) !important;
    outline: none !important;
}

/* Required field indicator */
#portfolio-image-request-form .form-group label:after {
    content: " *";
    color: var(--accent, #DB2A1C);
}

#portfolio-image-request-form .form-group label[for="phone"]:after,
#portfolio-image-request-form .form-group label[for="message"]:after {
    content: "";
}