/*
Theme Name: Les Bras de Maïa
Theme URI: https://lesbrasdemaia.com/
Author: Sandrine Hue
Author URI: https://lesbrasdemaia.com/
Description: Thème sur-mesure pour Les Bras de Maïa - Accompagnement de nuit des nouveau-nés.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lesbrasdemaia
Tags: full-site-editing, one-column, custom-colors, custom-typography
*/

/* Fix for sticky header */
body, .wp-site-blocks, .wp-block-group {
    overflow-x: visible !important;
}

header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
}

/* WPForms Premium Styling */
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form textarea {
    border: 1px solid #e8e0dc !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    background-color: #ffffff !important;
    font-family: var(--wp--preset--font-family--primary) !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.03) !important;
}
div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form textarea:focus {
    border-color: var(--wp--preset--color--primary) !important;
    outline: none !important;
}
div.wpforms-container-full .wpforms-form button[type=submit] {
    background-color: var(--wp--preset--color--contrast) !important;
    color: var(--wp--preset--color--base) !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 12px 32px !important;
    font-family: var(--wp--preset--font-family--primary) !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    opacity: 0.9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* Mobile Header Centering */
@media (max-width: 781px) {
    header .wp-block-group {
        justify-content: center !important;
        align-items: center !important;
    }
    header p {
        text-align: center !important;
    }
}