/*
Theme Name: Epilation Laser Homme
Description: Custom theme for epilation laser homme website
Version: 1.0
*/

/* C'est TOUT. Rien d'autre.
   Ce fichier sert juste à déclarer le thème à WordPress.
   Tous les styles sont dans /assets/css/tailwind-output.css
*/

/* =========================================
   WPFORMS CUSTOM STYLES (COMPROMISE V1)
   Only essential overrides for container and button
   ========================================= */

/* 1. Container Reset */
.wpforms-container {
   padding: 0 !important;
   margin: 0 !important;
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
   width: 100% !important;
   max-width: 100% !important;
}

/* 2. Submit Button Styling (The "WOW" factor) */
div.wpforms-container-full .wpforms-form button[type=submit] {
   width: 100% !important;
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   padding: 1rem !important;
   /* py-4 px-4 */
   border: 1px solid transparent !important;
   border-radius: 0.5rem !important;
   /* rounded-lg */
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
   /* shadow-lg */
   font-family: 'Montserrat', sans-serif !important;
   font-size: 1.125rem !important;
   /* text-lg */
   font-weight: 700 !important;
   /* font-bold */
   color: #ffffff !important;
   background-image: linear-gradient(to right, #FFD43B, #eab308) !important;
   /* from-accent to-yellow-500 */
   cursor: pointer !important;
   transition: all 0.3s ease !important;
   text-transform: none !important;
}

div.wpforms-container-full .wpforms-form button[type=submit]:hover {
   background-image: linear-gradient(to right, #eab308, #FFD43B) !important;
   /* hover:from-yellow-500 hover:to-accent */
   transform: translateY(-0.125rem) !important;
   /* hover:-translate-y-0.5 */
}

/* 3. Minor Field Tweaks (Just to be nice, not aggressive) */
.wpforms-field {
   margin-bottom: 1rem !important;
}

.wpforms-field-label {
   font-family: 'Inter', sans-serif !important;
   font-weight: 500 !important;
   color: #374151 !important;
}