/*
Theme Name: Zimad Baby
Theme URI: https://zimad.org/
Description: A child theme for the Zimad main theme to handle custom services and ordering system.
Author: hadi
Author URI: https://yourwebsite.com/
Template: theme1.2
Version: 1.0.0
*/

/* =============================================================================
   Contact Form 7 Custom Styling
   ========================================================================== */

/* General form styling */
.wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* Creates space between form elements */
}

/* Styling for text inputs, email inputs, and textareas */
.wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%;
    padding: 0.75rem 1rem; /* 12px 16px */
    border: 1px solid #d1d5db; /* border-gray-300 */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* Focus state for inputs - makes them glow blue when selected */
.wpcf7-form-control:not(.wpcf7-submit):focus {
    outline: none;
    border-color: #2563eb; /* border-blue-600 */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3); /* Blue ring effect */
}

/* Styling for the submit button */
.wpcf7-submit {
    width: 100%;
    background-color: #2563eb; /* bg-blue-600 */
    color: white;
    font-weight: 700; /* font-bold */
    padding: 0.75rem 1.5rem; /* py-3 px-6 */
    border-radius: 0.5rem; /* rounded-lg */
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    font-size: 1.125rem; /* text-lg */
}

/* Hover effect for the submit button */
.wpcf7-submit:hover {
    background-color: #1d4ed8; /* hover:bg-blue-700 */
}

/* Styling for validation error messages */
.wpcf7-not-valid-tip {
    color: #dc2626; /* text-red-600 */
    font-size: 0.875rem; /* text-sm */
    margin-top: 0.25rem;
}