/*
 Theme Name:   Opération Apéro
 Theme URI:    https://operation-apero.fr
 Description:  Thème sur-mesure pour Opération Apéro — Escape Game & Apéro Terroir livré en Nord-Isère. Design System "The Joyful Mission".
 Author:       Opération Apéro
 Author URI:   https://operation-apero.fr
 Version: 1.0.1
 Requires at least: 6.0
 Tested up to: 6.9
 Requires PHP: 7.4
 License:      GNU General Public License v2 or later
 Text Domain:  operation-apero
*/

/* ===== BASE STYLES ===== */
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #fbf9f8;
    color: #1b1c1c;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* ===== GLASSMORPHISM NAV ===== */
.glass-nav {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

/* ===== ASYMMETRIC IMAGE ===== */
.asymmetric-image {
    border-radius: 4rem 2rem 5rem 2rem;
}

/* ===== JOYFUL GRADIENT ===== */
.joyful-gradient {
    background: linear-gradient(135deg, #006a62 0%, #40e0d0 100%);
}

/* ===== SELECTION COLORS ===== */
::selection {
    background-color: #40e0d0;
    color: #006058;
}

/* ===== SMOOTH SCROLL ===== */
html {
    scroll-behavior: smooth;
}

/* ===== WordPress specific resets ===== */
.wp-block-post-content { max-width: none; }
.entry-content > * { max-width: none; }


/* ===== WPFORMS CUSTOM STYLE ===== */
.wpforms-container {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.wpforms-container .wpforms-form .wpforms-field-label {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #49454f !important;
    padding-left: 4px !important;
    margin-bottom: 8px !important;
}
.wpforms-container .wpforms-form input[type="text"],
.wpforms-container .wpforms-form input[type="email"],
.wpforms-container .wpforms-form input[type="tel"],
.wpforms-container .wpforms-form input[type="number"],
.wpforms-container .wpforms-form textarea,
.wpforms-container .wpforms-form select {
    background-color: #e8e5e1 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 16px 24px !important;
    font-size: 1rem !important;
    color: #1b1c1c !important;
    transition: box-shadow 0.2s ease, transform 0.1s ease !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.wpforms-container .wpforms-form input:focus,
.wpforms-container .wpforms-form textarea:focus,
.wpforms-container .wpforms-form select:focus {
    box-shadow: 0 0 0 2px #006a62 !important;
    outline: none !important;
}
.wpforms-container .wpforms-form textarea {
    min-height: 120px !important;
}
.wpforms-container .wpforms-form .wpforms-submit-container {
    margin-top: 16px !important;
}
.wpforms-container .wpforms-form button[type="submit"],
.wpforms-container .wpforms-form .wpforms-submit {
    width: 100% !important;
    background: linear-gradient(135deg, #006a62 0%, #40e0d0 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    padding: 18px 32px !important;
    border: none !important;
    border-radius: 9999px !important;
    cursor: pointer !important;
    box-shadow: 0 20px 40px -10px rgba(0, 106, 98, 0.3) !important;
    transition: all 0.3s ease !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    letter-spacing: 0.02em !important;
}
.wpforms-container .wpforms-form button[type="submit"]:hover,
.wpforms-container .wpforms-form .wpforms-submit:hover {
    box-shadow: 0 25px 50px -10px rgba(0, 106, 98, 0.4) !important;
    transform: translateY(-1px) !important;
}
.wpforms-container .wpforms-form button[type="submit"]:active,
.wpforms-container .wpforms-form .wpforms-submit:active {
    transform: scale(0.98) !important;
}
.wpforms-container .wpforms-form .wpforms-required-label {
    color: #ba1a1a !important;
}

/* Fix: neutralize Elementor kit button styling within the nav */
.glass-nav button,
header nav button,
.elementor-kit-6 .glass-nav button {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: inherit !important;
  text-transform: none !important;
  line-height: inherit !important;
}
.glass-nav button:hover,
header nav button:hover {
  color: #14b8a6 !important;
  background: transparent !important;
}