/* Remove duplicate .wp-block-list li styles, now in lists.css */

.wpforms-container input,  
.wpforms-container textarea {  
    border: 2px solid #e0e0e0 !important;  
    border-radius: 10px !important;  
    padding: 12px 15px !important;  
    font-size: 16px !important;  
    transition: all 0.3s ease !important;  
}  

.wpforms-container input:focus,  
.wpforms-container textarea:focus {  
    border-color: #4a90e2 !important;  
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2) !important;  
}  

.wpforms-container .wpforms-submit {  
    background: var(--color-blue-logo) !important;  
    border: none !important;  
    border-radius: 50px !important;  
    color: white !important;  
    padding: 12px 30px !important;  
    font-size: 16px !important;  
    font-weight: 600 !important;  
    cursor: pointer !important;  
    transition: all 0.3s ease !important;  
}  

.wpforms-container .wpforms-submit:hover {  
    transform: translateY(-2px) !important;  
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;  
}  

.wpforms-field-label {  
    position: relative !important;  
    display: block !important;  
    margin-bottom: 5px !important;  
    font-weight: 500 !important;  
}  

.wpforms-field-container input:focus + .wpforms-field-label,  
.wpforms-field-container textarea:focus + .wpforms-field-label {  
    color: #4a90e2 !important;  
}  

.is-fullwidth {
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}

.is-contained {
  max-width: var(--max-width); /* Match the container's max-width */
  margin: 0.5rem auto; /* Center the block horizontally */
  padding: 1rem 4rem; /* Remove padding to match the container */
  width: 100%; /* Ensure it aligns with the container's width */
}