/**
 * Velvet Forms - Premium Form Design System
 * Floating labels, micro-interactions & Prestige theme
 * Version: 1.6.9
 *
 * Note: Specificite renforcee pour contrer Elementor CSS
 * v1.6.7 : Style Prestige aligne sur DA Constantin-Vallet (Premium & Editorial)
 *          - Palette exacte DA : Bleu Petrole #2A3B4C, Greige #EBEBE6, Blanc casse #F5F5F5
 *          - Bouton Pillule Ghost/Outline (border-radius: 50px)
 *          - Typographie Serif/Sans-Serif hierarchy
 *          - Validation muted (pas de vert vif)
 *          - Espacement genereux (min 20-24px)
 */

/* ==========================================================================
   CSS Variables - Apple Design System
   ========================================================================== */

:root {
    /* Tally.so-like Colors */
    --velvet-primary: #000000;
    --velvet-primary-dark: #333333;
    --velvet-primary-light: rgba(0, 0, 0, 0.05);
    --velvet-success: #30D158;
    --velvet-error: #FF453A;
    --velvet-text: #000000;
    --velvet-text-secondary: #666666;
    --velvet-placeholder: #999999;
    --velvet-border: #E0E0E0;
    --velvet-border-focus: #000000;
    --velvet-bg: #FFFFFF;
    --velvet-bg-elevated: #FFFFFF;
    --velvet-white: #FFFFFF;

    /* Tally-style spacing - optimisé pour légèreté */
    --velvet-radius-sm: 4px;
    --velvet-radius-md: 6px;
    --velvet-radius-lg: 8px;
    --velvet-spacing-field: 16px;
    --velvet-spacing-button: 24px;

    /* Transitions */
    --velvet-ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
    --velvet-duration-fast: 200ms;
}

/* ==========================================================================
   Base Styles (spécificité renforcée)
   ========================================================================== */

.elementor-widget-velvet-form .velvet-form,
.velvet-form.velvet-form {
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    background: transparent !important;
    color: var(--velvet-text) !important;
}

.velvet-form.velvet-form *,
.velvet-form.velvet-form *::before,
.velvet-form.velvet-form *::after {
    box-sizing: border-box !important;
}

.velvet-form.velvet-form .velvet-form-inner {
    transition: filter var(--velvet-duration-slow) var(--velvet-ease-smooth),
        opacity var(--velvet-duration-slow) var(--velvet-ease-smooth),
        transform var(--velvet-duration-slow) var(--velvet-ease-smooth) !important;
}

/* ==========================================================================
   Cookie Wall - Premium Glassmorphism Effect
   ========================================================================== */

/* Animation pour attirer l'attention sur le formulaire verrouillé */
.velvet-form.velvet-form.is-locked .velvet-form-inner {
    pointer-events: none !important;
    user-select: none !important;
}

/* Animation flottante sur les champs - mouvement subtil */
.velvet-form.velvet-form.is-locked .velvet-field {
    animation: velvet-float 3s ease-in-out infinite !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Décalage des animations pour un effet de vague */
.velvet-form.velvet-form.is-locked .velvet-field:nth-child(1) {
    animation-delay: 0s !important;
}

.velvet-form.velvet-form.is-locked .velvet-field:nth-child(2) {
    animation-delay: 0.15s !important;
}

.velvet-form.velvet-form.is-locked .velvet-field:nth-child(3) {
    animation-delay: 0.3s !important;
}

.velvet-form.velvet-form.is-locked .velvet-field:nth-child(4) {
    animation-delay: 0.45s !important;
}

.velvet-form.velvet-form.is-locked .velvet-field:nth-child(5) {
    animation-delay: 0.6s !important;
}

.velvet-form.velvet-form.is-locked .velvet-field:nth-child(6) {
    animation-delay: 0.75s !important;
}

@keyframes velvet-float {

    0%,
    100% {
        transform: translateY(0px) scale(1);
        opacity: 0.7;
    }

    50% {
        transform: translateY(-4px) scale(1.01);
        opacity: 0.85;
    }
}

.velvet-form.velvet-form.is-locked .velvet-field input,
.velvet-form.velvet-form.is-locked .velvet-field textarea,
.velvet-form.velvet-form.is-locked .velvet-field select {
    background: linear-gradient(110deg,
            rgba(227, 227, 235, 0.9) 0%,
            rgba(248, 248, 250, 0.95) 25%,
            rgba(255, 255, 255, 1) 50%,
            rgba(248, 248, 250, 0.95) 75%,
            rgba(227, 227, 235, 0.9) 100%) !important;
    background-size: 200% 100% !important;
    animation: velvet-shimmer 2s ease-in-out infinite !important;
    color: transparent !important;
    border-bottom-color: rgba(0, 0, 0, 0.15) !important;
    box-shadow: none !important;
}

.velvet-form.velvet-form.is-locked .velvet-field input::placeholder,
.velvet-form.velvet-form.is-locked .velvet-field textarea::placeholder {
    color: transparent !important;
}

.velvet-form.velvet-form.is-locked .velvet-label {
    color: rgba(142, 142, 147, 0.8) !important;
    background: none !important;
    -webkit-text-fill-color: rgba(142, 142, 147, 0.8) !important;
    animation: velvet-label-pulse 2s ease-in-out infinite !important;
}

@keyframes velvet-label-pulse {

    0%,
    100% {
        opacity: 0.6;
    }

    50% {
        opacity: 0.85;
    }
}

/* Bouton avec animation pulse pour attirer l'attention */
.velvet-form.velvet-form.is-locked .velvet-submit {
    background: linear-gradient(110deg,
            rgba(200, 200, 210, 0.8) 0%,
            rgba(220, 220, 230, 0.9) 25%,
            rgba(240, 240, 245, 1) 50%,
            rgba(220, 220, 230, 0.9) 75%,
            rgba(200, 200, 210, 0.8) 100%) !important;
    background-size: 200% 100% !important;
    animation: velvet-shimmer 2s ease-in-out infinite, velvet-pulse 2.5s ease-in-out infinite !important;
    color: transparent !important;
    box-shadow: none !important;
}

@keyframes velvet-pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.7;
    }

    50% {
        transform: scale(1.015);
        opacity: 0.9;
    }
}

/* Animation shimmer sur le wrapper consent aussi */
.velvet-form.velvet-form.is-locked .velvet-consent-wrapper {
    opacity: 0.75 !important;
    animation: velvet-float 3.2s ease-in-out infinite 0.9s !important;
}

.velvet-form.velvet-form.is-locked .velvet-consent-checkmark {
    background: linear-gradient(110deg,
            rgba(232, 232, 237, 0.9) 0%,
            rgba(248, 248, 250, 0.95) 50%,
            rgba(232, 232, 237, 0.9) 100%) !important;
    background-size: 200% 100% !important;
    animation: velvet-shimmer 2s ease-in-out infinite !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

@keyframes velvet-shimmer {
    0% {
        background-position: 200% center;
    }

    100% {
        background-position: -200% center;
    }
}

/* Cookie Overlay - Apple Glassmorphism */
.velvet-form.velvet-form .velvet-cookie-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    padding: 0 !important;
    background: rgba(249, 249, 251, 0.65) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    transition: opacity 0.3s ease, backdrop-filter 0.3s ease !important;
    z-index: 9999 !important;
}

@keyframes velvet-overlay-in {
    from {
        opacity: 0;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
    }

    to {
        opacity: 1;
        backdrop-filter: blur(3px) saturate(120%);
        -webkit-backdrop-filter: blur(3px) saturate(120%);
    }
}

/* Cookie Content Card - iOS Modal Style */
.velvet-form.velvet-form .velvet-cookie-content {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border-radius: 20px !important;
    padding: 48px 40px !important;
    text-align: center !important;
    max-width: 480px !important;
    width: auto !important;
    height: auto !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(255, 255, 255, 0.8) inset !important;
    animation: velvet-card-in var(--velvet-duration-slow) var(--velvet-ease-spring) !important;
    transform-origin: center center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

@keyframes velvet-card-in {
    0% {
        opacity: 0;
        transform: scale(0.88) translateY(24px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.velvet-form.velvet-form .velvet-cookie-icon {
    margin-bottom: 20px !important;
    animation: velvet-bounce-in 0.7s var(--velvet-ease-spring) 0.15s both !important;
}

@keyframes velvet-bounce-in {
    0% {
        opacity: 0;
        transform: scale(0.2) rotate(-15deg);
    }

    50% {
        transform: scale(1.15) rotate(5deg);
    }

    70% {
        transform: scale(0.95) rotate(-2deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

.velvet-form.velvet-form .velvet-cookie-icon img,
.velvet-form.velvet-form .velvet-cookie-icon svg {
    filter: drop-shadow(0 8px 16px rgba(139, 69, 19, 0.2)) !important;
    transition: transform var(--velvet-duration-normal) var(--velvet-ease-spring) !important;
}

.velvet-form.velvet-form .velvet-cookie-content:hover .velvet-cookie-icon img,
.velvet-form.velvet-form .velvet-cookie-content:hover .velvet-cookie-icon svg {
    transform: scale(1.08) rotate(5deg) !important;
}

.velvet-form.velvet-form .velvet-cookie-title {
    font-size: 1.375rem !important;
    font-weight: 600 !important;
    color: var(--velvet-text) !important;
    margin: 0 0 10px 0 !important;
    letter-spacing: -0.025em !important;
    animation: velvet-fade-up 0.5s var(--velvet-ease-out) 0.2s both !important;
    line-height: 1.3 !important;
}

.velvet-form.velvet-form .velvet-cookie-text {
    font-size: 0.9375rem !important;
    color: var(--velvet-text-secondary) !important;
    line-height: 1.55 !important;
    margin: 0 0 28px 0 !important;
    animation: velvet-fade-up 0.5s var(--velvet-ease-out) 0.25s both !important;
}

@keyframes velvet-fade-up {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Cookie Accept Button - iOS Primary Button */
.velvet-form.velvet-form .velvet-cookie-accept {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 15px 28px !important;
    width: 100% !important;
    max-width: 260px !important;
    background: #000000 !important;
    /* Force Black */
    color: #FFFFFF !important;
    border: none !important;
    border-radius: var(--velvet-radius-md) !important;
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    transition: all var(--velvet-duration-fast) var(--velvet-ease-smooth) !important;
    animation: velvet-fade-up 0.5s var(--velvet-ease-out) 0.3s both !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    line-height: 1.4 !important;
}

.velvet-form.velvet-form .velvet-cookie-accept:hover {
    filter: brightness(0.92);
    transform: scale(1.02) translateY(-1px) !important;
    box-shadow: 0 8px 24px rgba(0, 122, 255, 0.4) !important;
}

.velvet-form.velvet-form .velvet-cookie-accept:active {
    transform: scale(0.97) !important;
    box-shadow: 0 2px 8px rgba(0, 122, 255, 0.3) !important;
}

/* Cookie Wall Hidden State */
.velvet-form.velvet-form:not(.is-locked) .velvet-cookie-overlay {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Cookie Wall Exit Animation */
.velvet-form.velvet-form .velvet-cookie-overlay.is-hiding {
    animation: velvet-overlay-out var(--velvet-duration-normal) var(--velvet-ease-smooth) forwards !important;
}

.velvet-form.velvet-form .velvet-cookie-overlay.is-hiding .velvet-cookie-content {
    animation: velvet-card-out var(--velvet-duration-normal) var(--velvet-ease-smooth) forwards !important;
}

@keyframes velvet-overlay-out {
    to {
        opacity: 0;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
    }
}

@keyframes velvet-card-out {
    to {
        opacity: 0;
        transform: scale(0.92) translateY(-16px);
    }
}

/* ==========================================================================
   Fields Layout
   ========================================================================== */

.velvet-form.velvet-form .velvet-fields-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--velvet-spacing-field) !important;
}

.velvet-form.velvet-form .velvet-field {
    width: 100% !important;
    position: relative !important;
    margin: 0 !important;
}

.velvet-form.velvet-form .velvet-field-width-50 {
    width: calc(50% - 8px) !important;
}

@media (max-width: 600px) {
    .velvet-form.velvet-form .velvet-fields-wrapper {
        gap: 14px !important;
    }

    .velvet-form.velvet-form .velvet-field-width-50 {
        width: 100% !important;
    }
}

/* ==========================================================================
   reCAPTCHA Badge
   ========================================================================== */

.velvet-form.velvet-form .velvet-field-recaptcha {
    display: flex !important;
    align-items: center !important;
}

.velvet-form.velvet-form .velvet-recaptcha-badge {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 18px !important;
    background: var(--velvet-bg) !important;
    border: 1.5px solid var(--velvet-border-light) !important;
    border-radius: var(--velvet-radius-md) !important;
    width: 100% !important;
}

.velvet-form.velvet-form .velvet-recaptcha-icon {
    flex-shrink: 0 !important;
}

.velvet-form.velvet-form .velvet-recaptcha-text {
    font-size: 0.875rem !important;
    color: var(--velvet-text-secondary) !important;
    font-weight: 500 !important;
}

/* ==========================================================================
   Floating Labels - Apple Style
   ========================================================================== */

.velvet-form.velvet-form .velvet-label {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
    color: var(--velvet-text-secondary) !important;
    pointer-events: none !important;
    transition: all var(--velvet-duration-fast) var(--velvet-ease-smooth) !important;
    transform-origin: left center !important;
    z-index: 1 !important;
    background: transparent !important;
    padding: 0 4px !important;
    margin: 0 0 0 -4px !important;
    line-height: 1.4 !important;
}

/* Label for textarea - different positioning */
.velvet-form.velvet-form .velvet-field-textarea .velvet-label {
    top: 18px !important;
    transform: translateY(0) !important;
}

/* Floating state - when focused or has value */
.velvet-form.velvet-form .velvet-field.is-floating .velvet-label,
.velvet-form.velvet-form .velvet-field input:focus~.velvet-label,
.velvet-form.velvet-form .velvet-field textarea:focus~.velvet-label,
.velvet-form.velvet-form .velvet-field input:not(:placeholder-shown)~.velvet-label,
.velvet-form.velvet-form .velvet-field textarea:not(:placeholder-shown)~.velvet-label,
.velvet-form.velvet-form .velvet-field select:focus~.velvet-label,
.velvet-form.velvet-form .velvet-field select:not([data-empty="true"])~.velvet-label {
    top: 0 !important;
    transform: translateY(-50%) scale(0.82) !important;
    color: var(--velvet-primary) !important;
    font-weight: 500 !important;
    background: var(--velvet-bg-elevated) !important;
}

.velvet-form.velvet-form .velvet-field-textarea.is-floating .velvet-label,
.velvet-form.velvet-form .velvet-field-textarea textarea:focus~.velvet-label,
.velvet-form.velvet-form .velvet-field-textarea textarea:not(:placeholder-shown)~.velvet-label {
    top: -10px !important;
    transform: translateY(0) scale(0.82) !important;
}

/* Error state label */
.velvet-form.velvet-form .velvet-field.has-error .velvet-label,
.velvet-form.velvet-form .velvet-field.has-error input:focus~.velvet-label,
.velvet-form.velvet-form .velvet-field.has-error textarea:focus~.velvet-label {
    color: var(--velvet-error) !important;
}

/* Success state label */
.velvet-form.velvet-form .velvet-field.is-valid .velvet-label {
    color: var(--velvet-success) !important;
}

.velvet-form.velvet-form .velvet-required {
    color: var(--velvet-error) !important;
    margin-left: 2px !important;
    font-weight: 500 !important;
}

/* ==========================================================================
   Input Fields - Premium iOS Style
   ========================================================================== */

.velvet-form.velvet-form .velvet-field input,
.velvet-form.velvet-form .velvet-field textarea,
.velvet-form.velvet-form .velvet-field select {
    width: 100% !important;
    padding: 8px 0 8px 0 !important;
    /* Underline style padding */
    font-family: inherit !important;
    font-size: 1rem !important;
    /* Optimized for readability */
    color: var(--velvet-text) !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--velvet-border) !important;
    border-radius: 0 !important;
    outline: none !important;
    transition: border-color var(--velvet-duration-fast) ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

.velvet-form.velvet-form .velvet-field textarea {
    resize: vertical !important;
    min-height: 120px !important;
    padding-top: 18px !important;
}

.velvet-form.velvet-form .velvet-field select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238E8E93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 44px !important;
    cursor: pointer !important;
}

/* Placeholder - invisible by default for floating label effect */
.velvet-form.velvet-form .velvet-field input::placeholder,
.velvet-form.velvet-form .velvet-field textarea::placeholder {
    color: transparent !important;
    transition: color var(--velvet-duration-fast) var(--velvet-ease-smooth) !important;
}

/* Show placeholder when focused */
.velvet-form.velvet-form .velvet-field input:focus::placeholder,
.velvet-form.velvet-form .velvet-field textarea:focus::placeholder {
    color: var(--velvet-placeholder) !important;
}

/* Outside Labels - Static Positioning */
.velvet-form.velvet-form.velvet-label-outside .velvet-label {
    position: static !important;
    transform: none !important;
    display: inline-block !important;
    margin-bottom: 6px !important;
    margin-left: 0px !important;
    pointer-events: auto !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: var(--velvet-text) !important;
    background: transparent !important;
}

.velvet-form.velvet-form.velvet-label-outside .velvet-field input::placeholder,
.velvet-form.velvet-form.velvet-label-outside .velvet-field textarea::placeholder {
    color: var(--velvet-placeholder) !important;
    opacity: 1 !important;
}


/* Hover State */
.velvet-form.velvet-form .velvet-field input:hover:not(:focus),
.velvet-form.velvet-form .velvet-field textarea:hover:not(:focus),
.velvet-form.velvet-form .velvet-field select:hover:not(:focus) {
    border-bottom-color: var(--velvet-text-secondary) !important;
    background: transparent !important;
}

/* Focus State - iOS Glow */
/* Focus State - Tally underline */
.velvet-form.velvet-form .velvet-field input:focus,
.velvet-form.velvet-form .velvet-field textarea:focus,
.velvet-form.velvet-form .velvet-field select:focus {
    background: transparent !important;
    border-bottom-color: var(--velvet-border-focus) !important;
    box-shadow: none !important;
}

/* Filled State */
.velvet-form.velvet-form .velvet-field input:not(:placeholder-shown),
.velvet-form.velvet-form .velvet-field textarea:not(:placeholder-shown) {
    background: transparent !important;
    border-bottom-color: var(--velvet-border) !important;
}

/* Error State */
.velvet-form.velvet-form .velvet-field.has-error input,
.velvet-form.velvet-form .velvet-field.has-error textarea,
.velvet-form.velvet-form .velvet-field.has-error select {
    border-color: var(--velvet-error) !important;
    background: var(--velvet-error-light) !important;
    animation: velvet-shake 0.5s var(--velvet-ease-out) !important;
}

.velvet-form.velvet-form .velvet-field.has-error input:focus,
.velvet-form.velvet-form .velvet-field.has-error textarea:focus,
.velvet-form.velvet-form .velvet-field.has-error select:focus {
    box-shadow: var(--velvet-shadow-error), var(--velvet-shadow-sm) !important;
}

.velvet-form.velvet-form .velvet-field-error {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: var(--velvet-error) !important;
    margin-top: 6px !important;
    min-height: 1.25em !important;
    opacity: 0 !important;
    transform: translateY(-4px) !important;
    transition: all var(--velvet-duration-fast) var(--velvet-ease-smooth) !important;
}

.velvet-form.velvet-form .velvet-field.has-error .velvet-field-error {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Valid State with Checkmark */
.velvet-form.velvet-form .velvet-field.is-valid input,
.velvet-form.velvet-form .velvet-field.is-valid textarea,
.velvet-form.velvet-form .velvet-field.is-valid select {
    border-color: var(--velvet-success) !important;
    background: var(--velvet-success-light) !important;
    padding-right: 48px !important;
}

.velvet-form.velvet-form .velvet-field.is-valid::after {
    content: '' !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    width: 22px !important;
    height: 22px !important;
    background: var(--velvet-success) !important;
    border-radius: 50% !important;
    transform: translateY(-50%) scale(0) !important;
    animation: velvet-check-pop 0.35s var(--velvet-ease-spring) forwards !important;
    box-shadow: 0 2px 8px rgba(48, 209, 88, 0.3) !important;
}

.velvet-form.velvet-form .velvet-field.is-valid::before {
    content: '' !important;
    position: absolute !important;
    right: 22px !important;
    top: calc(50% - 1px) !important;
    width: 5px !important;
    height: 10px !important;
    border: 2.5px solid white !important;
    border-top: none !important;
    border-left: none !important;
    transform: translateY(-50%) rotate(45deg) scale(0) !important;
    z-index: 1 !important;
    animation: velvet-check-mark 0.25s var(--velvet-ease-out) 0.2s forwards !important;
}

@keyframes velvet-check-pop {
    0% {
        transform: translateY(-50%) scale(0);
    }

    60% {
        transform: translateY(-50%) scale(1.15);
    }

    100% {
        transform: translateY(-50%) scale(1);
    }
}

@keyframes velvet-check-mark {
    to {
        transform: translateY(-50%) rotate(45deg) scale(1);
    }
}

/* ==========================================================================
   Radio & Checkbox - iOS Toggle Style
   ========================================================================== */

.velvet-form.velvet-form .velvet-radio-group,
.velvet-form.velvet-form .velvet-checkbox-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.velvet-form.velvet-form .velvet-checkbox-group-label {
    display: block !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: var(--velvet-text) !important;
    margin-bottom: 8px !important;
}

.velvet-form.velvet-form .velvet-radio-label,
.velvet-form.velvet-form .velvet-checkbox-label {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    cursor: pointer !important;
    font-size: 0.9375rem !important;
    color: var(--velvet-text) !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    border-radius: var(--velvet-radius-sm) !important;
    background: var(--velvet-bg) !important;
    border: 1px solid var(--velvet-border-light) !important;
    transition: all var(--velvet-duration-fast) var(--velvet-ease-smooth) !important;
}

.velvet-form.velvet-form .velvet-radio-label:hover,
.velvet-form.velvet-form .velvet-checkbox-label:hover {
    background: var(--velvet-bg-elevated) !important;
    border-color: var(--velvet-primary) !important;
    box-shadow: var(--velvet-shadow-sm) !important;
}

.velvet-form.velvet-form .velvet-radio-label input,
.velvet-form.velvet-form .velvet-checkbox-label input {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.velvet-form.velvet-form .velvet-radio-mark,
.velvet-form.velvet-form .velvet-checkbox-mark {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border: 2px solid var(--velvet-border) !important;
    background: var(--velvet-bg-elevated) !important;
    transition: all var(--velvet-duration-fast) var(--velvet-ease-spring) !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

.velvet-form.velvet-form .velvet-radio-mark {
    border-radius: 50% !important;
}

.velvet-form.velvet-form .velvet-checkbox-mark {
    border-radius: 7px !important;
}

/* Radio Checked - iOS Blue Dot */
.velvet-form.velvet-form .velvet-radio-label input:checked+.velvet-radio-mark {
    border-color: var(--velvet-primary) !important;
    border-width: 7px !important;
    background: var(--velvet-bg-elevated) !important;
    animation: velvet-radio-pop 0.25s var(--velvet-ease-spring) !important;
    box-shadow: 0 2px 8px rgba(0, 122, 255, 0.25) !important;
}

@keyframes velvet-radio-pop {
    50% {
        transform: scale(1.12);
    }
}

/* Checkbox Checked - iOS Checkmark */
.velvet-form.velvet-form .velvet-checkbox-label input:checked+.velvet-checkbox-mark {
    border-color: var(--velvet-primary) !important;
    background: var(--velvet-primary) !important;
    animation: velvet-checkbox-pop 0.3s var(--velvet-ease-spring) !important;
    box-shadow: 0 2px 8px rgba(0, 122, 255, 0.25) !important;
}

@keyframes velvet-checkbox-pop {
    50% {
        transform: scale(1.18);
    }
}

.velvet-form.velvet-form .velvet-checkbox-label input:checked+.velvet-checkbox-mark::after {
    content: '' !important;
    position: absolute !important;
    left: 7px !important;
    top: 3px !important;
    width: 6px !important;
    height: 11px !important;
    border: 2.5px solid var(--velvet-white) !important;
    border-top: none !important;
    border-left: none !important;
    transform: rotate(45deg) !important;
    animation: velvet-checkmark-draw 0.2s var(--velvet-ease-out) !important;
}

@keyframes velvet-checkmark-draw {
    from {
        clip-path: inset(100% 0 0 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

/* ==========================================================================
   Consent Checkbox - iOS Style
   ========================================================================== */

.velvet-form.velvet-form .velvet-consent-wrapper {
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--velvet-separator) !important;
}

.velvet-form.velvet-form .velvet-consent-label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    cursor: pointer !important;
    font-size: 0.8125rem !important;
    color: var(--velvet-text-secondary) !important;
    line-height: 1.5 !important;
    padding: 2px 0 !important;
    margin: 0 !important;
}

.velvet-form.velvet-form .velvet-consent-checkbox {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.velvet-form.velvet-form .velvet-consent-checkmark {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border: 1.5px solid var(--velvet-border) !important;
    border-radius: 5px !important;
    background: var(--velvet-bg-elevated) !important;
    transition: all var(--velvet-duration-fast) var(--velvet-ease-spring) !important;
    position: relative !important;
    margin-top: -1px !important;
}

.velvet-form.velvet-form .velvet-consent-label:hover .velvet-consent-checkmark {
    border-color: var(--velvet-primary) !important;
    transform: scale(1.06) !important;
    box-shadow: var(--velvet-shadow-sm) !important;
}

.velvet-form.velvet-form .velvet-consent-checkbox:checked+.velvet-consent-checkmark {
    border-color: var(--velvet-primary) !important;
    background: var(--velvet-primary) !important;
    animation: velvet-checkbox-pop 0.3s var(--velvet-ease-spring) !important;
    box-shadow: 0 3px 10px rgba(0, 122, 255, 0.3) !important;
}

.velvet-form.velvet-form .velvet-consent-checkbox:checked+.velvet-consent-checkmark::after {
    content: '' !important;
    position: absolute !important;
    left: 6px !important;
    top: 2px !important;
    width: 5px !important;
    height: 10px !important;
    border: 2px solid var(--velvet-white) !important;
    border-top: none !important;
    border-left: none !important;
    transform: rotate(45deg) !important;
    animation: velvet-checkmark-draw 0.2s var(--velvet-ease-out) !important;
}

.velvet-form.velvet-form .velvet-consent-text a,
.velvet-form.velvet-form .velvet-legal-link {
    color: var(--velvet-primary) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all var(--velvet-duration-fast) var(--velvet-ease-smooth) !important;
    position: relative !important;
}

.velvet-form.velvet-form .velvet-consent-text a::after,
.velvet-form.velvet-form .velvet-legal-link::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 0 !important;
    height: 1.5px !important;
    background: var(--velvet-primary) !important;
    transition: width var(--velvet-duration-normal) var(--velvet-ease-smooth) !important;
}

.velvet-form.velvet-form .velvet-consent-text a:hover::after,
.velvet-form.velvet-form .velvet-legal-link:hover::after {
    width: 100% !important;
}

/* ==========================================================================
   Legal Modal - iOS Sheet Style
   ========================================================================== */

.velvet-form.velvet-form .velvet-legal-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999999 !important;
    display: none !important;
    /* Caché par défaut */
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 !important;
}

/* Modale visible quand ouverte */
.velvet-form.velvet-form .velvet-legal-modal.is-open {
    display: flex !important;
}

@media (min-width: 600px) {
    .velvet-form.velvet-form .velvet-legal-modal {
        align-items: center !important;
        padding: 24px !important;
    }
}

.velvet-form.velvet-form .velvet-legal-backdrop {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    animation: velvet-fade-in var(--velvet-duration-normal) var(--velvet-ease-out) !important;
}

.velvet-form.velvet-form .velvet-legal-content {
    position: relative !important;
    background: var(--velvet-bg-elevated) !important;
    border-radius: var(--velvet-radius-2xl) var(--velvet-radius-2xl) 0 0 !important;
    max-width: 560px !important;
    width: 100% !important;
    max-height: 85vh !important;
    overflow: hidden !important;
    box-shadow: var(--velvet-shadow-xl) !important;
    animation: velvet-sheet-in var(--velvet-duration-slow) var(--velvet-ease-spring) !important;
}

@media (min-width: 600px) {
    .velvet-form.velvet-form .velvet-legal-content {
        border-radius: var(--velvet-radius-2xl) !important;
        animation: velvet-modal-in var(--velvet-duration-slow) var(--velvet-ease-spring) !important;
    }
}

@keyframes velvet-sheet-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes velvet-modal-in {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(40px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Modal Handle (iOS style) */
.velvet-form.velvet-form .velvet-legal-content::before {
    content: '' !important;
    position: absolute !important;
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 36px !important;
    height: 5px !important;
    background: var(--velvet-border) !important;
    border-radius: 3px !important;
}

@media (min-width: 600px) {
    .velvet-form.velvet-form .velvet-legal-content::before {
        display: none !important;
    }
}

.velvet-form.velvet-form .velvet-legal-close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 32px !important;
    height: 32px !important;
    border: none !important;
    background: var(--velvet-bg) !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: var(--velvet-text-secondary) !important;
    cursor: pointer !important;
    transition: all var(--velvet-duration-fast) var(--velvet-ease-spring) !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.velvet-form.velvet-form .velvet-legal-close:hover {
    background: var(--velvet-border-light) !important;
    color: var(--velvet-text) !important;
    transform: scale(1.1) rotate(90deg) !important;
}

.velvet-form.velvet-form .velvet-legal-close:active {
    transform: scale(0.92) !important;
}

.velvet-form.velvet-form .velvet-legal-body {
    padding: 48px 32px 32px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
}

.velvet-form.velvet-form .velvet-legal-body::-webkit-scrollbar {
    width: 6px !important;
}

.velvet-form.velvet-form .velvet-legal-body::-webkit-scrollbar-track {
    background: transparent !important;
}

.velvet-form.velvet-form .velvet-legal-body::-webkit-scrollbar-thumb {
    background: var(--velvet-border) !important;
    border-radius: 3px !important;
}

.velvet-form.velvet-form .velvet-legal-body h3 {
    margin: 0 0 20px 0 !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: var(--velvet-text) !important;
    letter-spacing: -0.02em !important;
}

.velvet-form.velvet-form .velvet-legal-body p {
    margin: 0 0 16px 0 !important;
    line-height: 1.65 !important;
    color: var(--velvet-text-secondary) !important;
}

/* ==========================================================================
   Submit Button - iOS Primary Action Button
   ========================================================================== */

.velvet-form.velvet-form .velvet-submit-wrapper {
    display: flex !important;
    margin-top: var(--velvet-spacing-button) !important;
}

.velvet-form.velvet-form .velvet-submit {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 14px 32px !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    color: var(--velvet-white);
    background: var(--velvet-primary);
    border: none !important;
    border-radius: var(--velvet-radius-md) !important;
    cursor: pointer !important;
    transition: all var(--velvet-duration-fast) var(--velvet-ease-smooth) !important;
    overflow: hidden !important;
    isolation: isolate !important;
    box-shadow: 0 2px 8px rgba(0, 122, 255, 0.2) !important;
    line-height: 1.4 !important;
    text-transform: none !important;
}

/* Shine Effect */
.velvet-form.velvet-form .velvet-submit::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    transform: skewX(-20deg) !important;
    z-index: 2 !important;
}

.velvet-form.velvet-form .velvet-submit:hover::after {
    animation: velvet-shine 0.6s ease !important;
}

@keyframes velvet-shine {
    to {
        left: 150%;
    }
}

/* Hover Animations */
.velvet-form.velvet-form .velvet-btn-lift:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 122, 255, 0.3) !important;
}

.velvet-form.velvet-form .velvet-btn-lift:active {
    transform: translateY(0px) !important;
    box-shadow: 0 2px 8px rgba(0, 122, 255, 0.2) !important;
}

.velvet-form.velvet-form .velvet-btn-scale:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 4px 12px rgba(0, 122, 255, 0.3) !important;
}

.velvet-form.velvet-form .velvet-btn-scale:active {
    transform: scale(0.97) !important;
}

.velvet-form.velvet-form .velvet-btn-color-swap {
    background: var(--velvet-primary) !important;
    position: relative !important;
}

.velvet-form.velvet-form .velvet-btn-color-swap::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: var(--velvet-bg-elevated) !important;
    border-radius: inherit !important;
    transform: scaleX(0) !important;
    transform-origin: right !important;
    transition: transform var(--velvet-duration-normal) var(--velvet-ease-smooth) !important;
    z-index: -1 !important;
}

.velvet-form.velvet-form .velvet-btn-color-swap:hover {
    color: var(--velvet-primary) !important;
    box-shadow: inset 0 0 0 2px var(--velvet-primary) !important;
}

.velvet-form.velvet-form .velvet-btn-color-swap:hover::before {
    transform: scaleX(1) !important;
    transform-origin: left !important;
}

/* Loading State */
.velvet-form.velvet-form .velvet-submit.is-loading {
    pointer-events: none !important;
    background: var(--velvet-border) !important;
    box-shadow: none !important;
}

.velvet-form.velvet-form .velvet-submit.is-loading .velvet-submit-text {
    opacity: 0 !important;
    transform: translateY(12px) !important;
}

.velvet-form.velvet-form .velvet-submit-loading,
.velvet-form.velvet-form .velvet-submit-success {
    position: absolute !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
}

.velvet-form.velvet-form .velvet-submit.is-loading .velvet-submit-loading {
    display: flex !important;
}

.velvet-form.velvet-form .velvet-spinner {
    animation: velvet-spin 0.75s linear infinite !important;
}

/* Success State */
.velvet-form.velvet-form .velvet-submit.is-success {
    background: var(--velvet-success) !important;
    pointer-events: none !important;
    animation: velvet-success-pulse 0.5s var(--velvet-ease-spring) !important;
    box-shadow: 0 4px 16px rgba(48, 209, 88, 0.3) !important;
}

@keyframes velvet-success-pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

.velvet-form.velvet-form .velvet-submit.is-success .velvet-submit-text {
    opacity: 0 !important;
    transform: translateY(12px) !important;
}

.velvet-form.velvet-form .velvet-submit.is-success .velvet-submit-success {
    display: flex !important;
    animation: velvet-success-check 0.4s var(--velvet-ease-spring) !important;
}

@keyframes velvet-success-check {
    from {
        opacity: 0;
        transform: scale(0.4) rotate(-45deg);
    }

    to {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

/* ==========================================================================
   Form Messages - iOS Notification Style
   ========================================================================== */

.velvet-form.velvet-form .velvet-form-message {
    margin-top: 24px !important;
    padding: 16px 20px !important;
    border-radius: var(--velvet-radius-md) !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    animation: velvet-message-in var(--velvet-duration-normal) var(--velvet-ease-spring) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

@keyframes velvet-message-in {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.velvet-form.velvet-form .velvet-form-message.is-success {
    background: var(--velvet-success-light) !important;
    color: #1E8449 !important;
    border: 1px solid rgba(48, 209, 88, 0.25) !important;
}

.velvet-form.velvet-form .velvet-form-message.is-success::before {
    content: '' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    background: var(--velvet-success) !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.velvet-form.velvet-form .velvet-form-message.is-error {
    background: var(--velvet-error-light) !important;
    color: #B71C1C !important;
    border: 1px solid rgba(255, 69, 58, 0.25) !important;
}

.velvet-form.velvet-form .velvet-form-message.is-error::before {
    content: '!' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    background: var(--velvet-error) !important;
    color: white !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
}

/* ==========================================================================
   Animations
   ========================================================================== */

@keyframes velvet-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes velvet-shake {

    0%,
    100% {
        transform: translateX(0);
    }

    15% {
        transform: translateX(-8px);
    }

    30% {
        transform: translateX(8px);
    }

    45% {
        transform: translateX(-6px);
    }

    60% {
        transform: translateX(6px);
    }

    75% {
        transform: translateX(-3px);
    }

    90% {
        transform: translateX(3px);
    }
}

@keyframes velvet-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Staggered Field Animation on Form Load */
.velvet-form.velvet-form .velvet-form-inner .velvet-field {
    animation: velvet-field-in 0.5s var(--velvet-ease-out) both !important;
}

.velvet-form.velvet-form .velvet-form-inner .velvet-field:nth-child(1) {
    animation-delay: 0.05s !important;
}

.velvet-form.velvet-form .velvet-form-inner .velvet-field:nth-child(2) {
    animation-delay: 0.1s !important;
}

.velvet-form.velvet-form .velvet-form-inner .velvet-field:nth-child(3) {
    animation-delay: 0.15s !important;
}

.velvet-form.velvet-form .velvet-form-inner .velvet-field:nth-child(4) {
    animation-delay: 0.2s !important;
}

.velvet-form.velvet-form .velvet-form-inner .velvet-field:nth-child(5) {
    animation-delay: 0.25s !important;
}

.velvet-form.velvet-form .velvet-form-inner .velvet-field:nth-child(6) {
    animation-delay: 0.3s !important;
}

.velvet-form.velvet-form .velvet-form-inner .velvet-field:nth-child(7) {
    animation-delay: 0.35s !important;
}

.velvet-form.velvet-form .velvet-form-inner .velvet-field:nth-child(8) {
    animation-delay: 0.4s !important;
}

@keyframes velvet-field-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================================================
   Accessibility
   ========================================================================== */

.velvet-form.velvet-form .velvet-field input:focus-visible,
.velvet-form.velvet-form .velvet-field textarea:focus-visible,
.velvet-form.velvet-form .velvet-field select:focus-visible,
.velvet-form.velvet-form .velvet-submit:focus-visible,
.velvet-form.velvet-form .velvet-cookie-accept:focus-visible,
.velvet-form.velvet-form .velvet-legal-close:focus-visible {
    outline: 3px solid var(--velvet-primary) !important;
    outline-offset: 2px !important;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {

    .velvet-form.velvet-form *,
    .velvet-form.velvet-form *::before,
    .velvet-form.velvet-form *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .velvet-form.velvet-form .velvet-cookie-overlay {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(255, 255, 255, 0.95) !important;
    }
}

/* ==========================================================================
   Responsive Adjustments
   ========================================================================== */

@media (max-width: 480px) {
    .velvet-form.velvet-form .velvet-cookie-content {
        padding: 40px 28px 32px !important;
        border-radius: 20px !important;
        max-width: calc(100% - 32px) !important;
        width: auto !important;
        height: auto !important;
    }

    .velvet-form.velvet-form .velvet-cookie-title {
        font-size: 1.25rem !important;
    }

    .velvet-form.velvet-form .velvet-cookie-text {
        font-size: 0.875rem !important;
    }

    .velvet-form.velvet-form .velvet-cookie-overlay {
        padding: 0 !important;
    }

    .velvet-form.velvet-form .velvet-field input,
    .velvet-form.velvet-form .velvet-field textarea,
    .velvet-form.velvet-form .velvet-field select {
        padding: 16px 14px !important;
        font-size: 16px !important;
        /* Prevents zoom on iOS */
    }

    .velvet-form.velvet-form .velvet-submit {
        padding: 16px 28px !important;
        font-size: 1rem !important;
    }

    .velvet-form.velvet-form .velvet-legal-body {
        padding: 40px 20px 24px !important;
    }
}

/* ==========================================================================
   Style Prestige - Design Premium & Editorial (DA Constantin-Vallet)
   ========================================================================== */

.velvet-form.velvet-style-prestige {
    /* DA Colors - Exact specifications */
    --prestige-bg: #2A3B4C;                          /* Bleu Petrole - DA */
    --prestige-bg-greige: #EBEBE6;                   /* Greige - DA */
    --prestige-text: #F5F5F5;                        /* Blanc casse sur fond bleu - DA */
    --prestige-text-dark: #1A1A1A;                   /* Noir Charbon - DA */
    --prestige-text-muted: rgba(245, 245, 245, 0.65);
    --prestige-text-secondary: #555555;             /* Gris soutenu - DA */
    --prestige-border: rgba(160, 160, 160, 0.4);    /* Filets - DA (#A0A0A0) */
    --prestige-border-focus: rgba(245, 245, 245, 0.85);
    --prestige-separator: #A0A0A0;                  /* Separateurs - DA */

    /* Validation colors - Muted, sophisticated */
    --prestige-valid: rgba(245, 245, 245, 0.9);     /* Subtle white confirmation */
    --prestige-error: #C9564D;                       /* Muted terracotta red */

    /* Typography */
    --prestige-font-serif: 'Playfair Display', 'Georgia', 'Baskerville', serif;
    --prestige-font-sans: 'Montserrat', 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;

    background: var(--prestige-bg) !important;
    border-radius: 0 !important;
    font-family: var(--prestige-font-sans) !important;
    padding: 32px 24px !important; /* Marges generouses - DA */
}

/* Labels Prestige - Typography hierarchy DA */
.velvet-form.velvet-style-prestige .velvet-label,
.velvet-form.velvet-style-prestige.velvet-label-outside .velvet-label {
    color: var(--prestige-text) !important;
    font-family: var(--prestige-font-sans) !important;
    font-weight: 400 !important;
    font-size: 0.9375rem !important;
    letter-spacing: 0.01em !important;
    background: transparent !important;
    text-transform: none !important;
    transition: color 0.25s ease, transform 0.25s ease !important;
}

/* Label floated state - stays subtle white, no green */
.velvet-form.velvet-style-prestige .velvet-field.is-floating .velvet-label,
.velvet-form.velvet-style-prestige .velvet-field.is-focused .velvet-label,
.velvet-form.velvet-style-prestige .velvet-field input:focus ~ .velvet-label,
.velvet-form.velvet-style-prestige .velvet-field textarea:focus ~ .velvet-label,
.velvet-form.velvet-style-prestige .velvet-field input:not(:placeholder-shown) ~ .velvet-label,
.velvet-form.velvet-style-prestige .velvet-field textarea:not(:placeholder-shown) ~ .velvet-label {
    color: var(--prestige-text) !important;
    background: var(--prestige-bg) !important;
}

/* Valid state label - NO green, subtle confirmation */
.velvet-form.velvet-style-prestige .velvet-field.is-valid .velvet-label {
    color: var(--prestige-text) !important;
}

.velvet-form.velvet-style-prestige .velvet-required {
    color: var(--prestige-text-muted) !important;
    font-weight: 400 !important;
}

/* Fields wrapper - Generous spacing (DA: min 20-24px) */
.velvet-form.velvet-style-prestige .velvet-fields-wrapper {
    gap: 20px !important;
}

/* Champs 50% ajustes pour gap 20px (2 x 10px = 20px) */
.velvet-form.velvet-style-prestige .velvet-field-width-50 {
    width: calc(50% - 10px) !important;
}

/* Champs Prestige - Bordure inferieure, style editorial */
.velvet-form.velvet-style-prestige .velvet-field input,
.velvet-form.velvet-style-prestige .velvet-field textarea,
.velvet-form.velvet-style-prestige .velvet-field select {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--prestige-border) !important;
    border-radius: 0 !important;
    color: var(--prestige-text) !important;
    font-family: var(--prestige-font-sans) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    padding: 10px 0 12px 0 !important;
    box-shadow: none !important;
    transition: border-color 0.25s ease !important;
}

.velvet-form.velvet-style-prestige .velvet-field textarea {
    min-height: 100px !important;
    resize: vertical !important;
    line-height: 1.6 !important;
}

.velvet-form.velvet-style-prestige .velvet-field input::placeholder,
.velvet-form.velvet-style-prestige .velvet-field textarea::placeholder {
    color: var(--prestige-text-muted) !important;
    font-weight: 400 !important;
}

/* Hover state - subtle brightening */
.velvet-form.velvet-form.velvet-style-prestige .velvet-field input:hover:not(:focus),
.velvet-form.velvet-form.velvet-style-prestige .velvet-field textarea:hover:not(:focus),
.velvet-form.velvet-form.velvet-style-prestige .velvet-field select:hover:not(:focus),
.velvet-form.velvet-style-prestige .velvet-field input:hover,
.velvet-form.velvet-style-prestige .velvet-field textarea:hover,
.velvet-form.velvet-style-prestige .velvet-field select:hover {
    background: transparent !important;
    border-bottom-color: var(--prestige-border-focus) !important;
}

/* Focus state - full white underline, no glow */
.velvet-form.velvet-style-prestige .velvet-field input:focus,
.velvet-form.velvet-style-prestige .velvet-field textarea:focus,
.velvet-form.velvet-style-prestige .velvet-field select:focus {
    background: transparent !important;
    border-bottom-color: var(--prestige-text) !important;
    border-bottom-width: 1.5px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Filled state - return to subtle border */
.velvet-form.velvet-style-prestige .velvet-field input:not(:placeholder-shown),
.velvet-form.velvet-style-prestige .velvet-field textarea:not(:placeholder-shown) {
    background: transparent !important;
    border-bottom-color: var(--prestige-border) !important;
}

/* Select Prestige */
.velvet-form.velvet-style-prestige .velvet-field select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-position: right 0 center !important;
    padding-right: 24px !important;
}

/* Radio & Checkbox Prestige */
.velvet-form.velvet-style-prestige .velvet-radio-group,
.velvet-form.velvet-style-prestige .velvet-checkbox-group {
    flex-direction: row !important;
    gap: 24px !important;
}

.velvet-form.velvet-style-prestige .velvet-radio-label,
.velvet-form.velvet-style-prestige .velvet-checkbox-label {
    background: transparent !important;
    border: none !important;
    padding: 8px 0 !important;
    color: var(--prestige-text) !important;
    font-size: 1rem !important;
}

.velvet-form.velvet-style-prestige .velvet-radio-label:hover,
.velvet-form.velvet-style-prestige .velvet-checkbox-label:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.velvet-form.velvet-style-prestige .velvet-radio-mark {
    border-color: var(--prestige-border) !important;
    background: transparent !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
}

.velvet-form.velvet-style-prestige .velvet-radio-label input:checked+.velvet-radio-mark {
    border-color: var(--prestige-text) !important;
    border-width: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.velvet-form.velvet-style-prestige .velvet-checkbox-mark {
    border-color: var(--prestige-border) !important;
    background: transparent !important;
    border-radius: 3px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
}

.velvet-form.velvet-style-prestige .velvet-checkbox-label input:checked+.velvet-checkbox-mark {
    border-color: var(--prestige-text) !important;
    background: var(--prestige-text) !important;
    box-shadow: none !important;
}

.velvet-form.velvet-style-prestige .velvet-checkbox-label input:checked+.velvet-checkbox-mark::after {
    border-color: var(--prestige-bg) !important;
    left: 5px !important;
    top: 1px !important;
    width: 5px !important;
    height: 9px !important;
}

/* Consent Prestige - Clean separator, editorial style */
.velvet-form.velvet-style-prestige .velvet-consent-wrapper {
    border-top: 1px solid var(--prestige-separator) !important;
    margin-top: 24px !important;
    padding-top: 24px !important;
}

.velvet-form.velvet-style-prestige .velvet-consent-label {
    color: var(--prestige-text-muted) !important;
    font-family: var(--prestige-font-sans) !important;
    font-size: 0.8125rem !important;
    line-height: 1.55 !important;
}

.velvet-form.velvet-style-prestige .velvet-consent-checkmark {
    border: 1px solid var(--prestige-border) !important;
    border-radius: 3px !important;
    background: transparent !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    transition: all 0.2s ease !important;
}

.velvet-form.velvet-style-prestige .velvet-consent-label:hover .velvet-consent-checkmark {
    border-color: var(--prestige-border-focus) !important;
    transform: none !important;
    box-shadow: none !important;
}

.velvet-form.velvet-style-prestige .velvet-consent-checkbox:checked+.velvet-consent-checkmark {
    border-color: var(--prestige-text) !important;
    background: var(--prestige-text) !important;
    box-shadow: none !important;
}

.velvet-form.velvet-style-prestige .velvet-consent-checkbox:checked+.velvet-consent-checkmark::after {
    border-color: var(--prestige-bg) !important;
    left: 5px !important;
    top: 1px !important;
    width: 5px !important;
    height: 9px !important;
}

.velvet-form.velvet-style-prestige .velvet-consent-text a,
.velvet-form.velvet-style-prestige .velvet-legal-link {
    color: var(--prestige-text) !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    transition: border-color 0.2s ease !important;
}

.velvet-form.velvet-style-prestige .velvet-consent-text a:hover,
.velvet-form.velvet-style-prestige .velvet-legal-link:hover {
    border-bottom-color: var(--prestige-text) !important;
}

/* Remove the animated underline, use simple border-bottom */
.velvet-form.velvet-style-prestige .velvet-consent-text a::after,
.velvet-form.velvet-style-prestige .velvet-legal-link::after {
    display: none !important;
}

/* Consent Error State - Prestige (DA: terracotta muted) */
.velvet-form.velvet-style-prestige .velvet-consent-wrapper.has-error {
    animation: velvet-shake 0.4s ease !important;
}

.velvet-form.velvet-style-prestige .velvet-consent-wrapper.has-error .velvet-consent-checkmark {
    border-color: var(--prestige-error) !important;
    box-shadow: 0 0 0 3px rgba(201, 86, 77, 0.15) !important;
}

.velvet-form.velvet-style-prestige .velvet-consent-wrapper.has-error .velvet-consent-text {
    color: #E8A39E !important;
}

.velvet-form.velvet-style-prestige .velvet-consent-error {
    display: none;
    font-size: 0.75rem !important;
    color: #E8A39E !important;
    margin-top: 8px !important;
    padding-left: 30px !important;
    font-family: var(--prestige-font-sans) !important;
}

.velvet-form.velvet-style-prestige .velvet-consent-wrapper.has-error .velvet-consent-error {
    display: block !important;
}

/* Bouton Prestige - Style Pillule Ghost/Outline (DA specification) */
.velvet-form.velvet-style-prestige .velvet-submit-wrapper {
    justify-content: flex-start !important;
    margin-top: 28px !important;
}

.velvet-form.velvet-style-prestige .velvet-submit {
    background: transparent !important;
    color: var(--prestige-text) !important;
    border: 1px solid var(--prestige-text) !important;
    border-radius: 50px !important; /* Pillule - DA */
    padding: 14px 36px !important;
    box-shadow: none !important;
    font-family: var(--prestige-font-sans) !important;
    font-weight: 500 !important;
    font-size: 0.9375rem !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    min-width: auto !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

/* Remove the underline effect, not needed for pill button */
.velvet-form.velvet-style-prestige .velvet-submit::after {
    content: none !important;
    display: none !important;
}

/* Hover: fill with text color, invert text - DA Ghost button behavior */
.velvet-form.velvet-style-prestige .velvet-submit:hover {
    background: var(--prestige-text) !important;
    color: var(--prestige-bg) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Active/pressed state */
.velvet-form.velvet-style-prestige .velvet-submit:active {
    transform: scale(0.98) !important;
}

/* Loading state */
.velvet-form.velvet-style-prestige .velvet-submit.is-loading {
    background: transparent !important;
    border-color: var(--prestige-text-muted) !important;
    color: var(--prestige-text-muted) !important;
    pointer-events: none !important;
}

/* Success state - subtle, no bright green */
.velvet-form.velvet-style-prestige .velvet-submit.is-success {
    background: var(--prestige-text) !important;
    color: var(--prestige-bg) !important;
    border-color: var(--prestige-text) !important;
    box-shadow: none !important;
}

/* Messages Prestige - Sophisticated, muted feedback */
.velvet-form.velvet-style-prestige .velvet-form-message {
    font-family: var(--prestige-font-sans) !important;
    border-radius: 4px !important;
}

.velvet-form.velvet-style-prestige .velvet-form-message.is-success {
    background: rgba(245, 245, 245, 0.1) !important;
    color: var(--prestige-text) !important;
    border: 1px solid rgba(245, 245, 245, 0.25) !important;
}

/* Success message icon - elegant circle with checkmark (DA style) */
.velvet-form.velvet-style-prestige .velvet-form-message.is-success::before {
    background: transparent !important;
    border: 1.5px solid var(--prestige-text) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23F5F5F5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.velvet-form.velvet-style-prestige .velvet-form-message.is-error {
    background: rgba(201, 86, 77, 0.15) !important;
    color: #E8A39E !important;
    border: 1px solid rgba(201, 86, 77, 0.3) !important;
}

.velvet-form.velvet-style-prestige .velvet-form-message.is-error::before {
    background: var(--prestige-error) !important;
}

/* Erreurs Prestige - Muted terracotta, not aggressive red */
.velvet-form.velvet-style-prestige .velvet-field.has-error input,
.velvet-form.velvet-style-prestige .velvet-field.has-error textarea,
.velvet-form.velvet-style-prestige .velvet-field.has-error select {
    border-bottom-color: var(--prestige-error) !important;
    background: transparent !important;
    animation: velvet-shake 0.4s ease !important;
}

.velvet-form.velvet-style-prestige .velvet-field.has-error .velvet-label {
    color: #E8A39E !important;
}

.velvet-form.velvet-style-prestige .velvet-field-error {
    color: #E8A39E !important;
    font-family: var(--prestige-font-sans) !important;
    font-size: 0.75rem !important;
    margin-top: 8px !important;
}

/* Validation Prestige - Subtle, sophisticated feedback */
.velvet-form.velvet-style-prestige .velvet-field.is-valid input,
.velvet-form.velvet-style-prestige .velvet-field.is-valid textarea {
    border-bottom-color: var(--prestige-border-focus) !important;
    background: transparent !important;
    padding-right: 0 !important;
}

/* No checkmark circle - keep it minimal and editorial */
.velvet-form.velvet-style-prestige .velvet-field.is-valid::after,
.velvet-form.velvet-style-prestige .velvet-field.is-valid::before {
    display: none !important;
}

/* reCAPTCHA Prestige - Minimal, integrated */
.velvet-form.velvet-style-prestige .velvet-recaptcha-badge {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 16px 0 !important;
    margin-top: 8px !important;
}

.velvet-form.velvet-style-prestige .velvet-recaptcha-text {
    color: var(--prestige-text-muted) !important;
    font-family: var(--prestige-font-sans) !important;
    font-size: 0.75rem !important;
}

.velvet-form.velvet-style-prestige .velvet-recaptcha-icon svg {
    opacity: 0.6 !important;
}

/* Cookie Wall Prestige - Refined blur, editorial feel */
.velvet-form.velvet-style-prestige .velvet-cookie-overlay {
    background: rgba(42, 59, 76, 0.65) !important;
    backdrop-filter: blur(20px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
    padding: 24px !important;
}

.velvet-form.velvet-style-prestige .velvet-cookie-content {
    background: rgba(42, 59, 76, 0.95) !important;
    backdrop-filter: blur(32px) !important;
    -webkit-backdrop-filter: blur(32px) !important;
    border: 1px solid rgba(160, 160, 160, 0.25) !important;
    border-radius: 8px !important; /* More editorial, less iOS */
    max-width: 420px !important;
    width: 100% !important;
    padding: 40px 36px !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35) !important;
}

.velvet-form.velvet-style-prestige .velvet-cookie-title {
    color: var(--prestige-text) !important;
    font-family: var(--prestige-font-serif) !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 12px !important;
}

.velvet-form.velvet-style-prestige .velvet-cookie-text {
    color: var(--prestige-text-muted) !important;
    font-family: var(--prestige-font-sans) !important;
    font-size: 0.9375rem !important;
    line-height: 1.6 !important;
    margin-bottom: 28px !important;
}

/* Cookie accept button - Pill ghost style per DA */
.velvet-form.velvet-style-prestige .velvet-cookie-accept {
    background: transparent !important;
    color: var(--prestige-text) !important;
    border: 1px solid var(--prestige-text) !important;
    border-radius: 50px !important;
    padding: 12px 32px !important;
    font-family: var(--prestige-font-sans) !important;
    font-weight: 500 !important;
    font-size: 0.9375rem !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
    max-width: none !important;
    width: auto !important;
}

.velvet-form.velvet-style-prestige .velvet-cookie-accept:hover {
    background: var(--prestige-text) !important;
    color: var(--prestige-bg) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Etat verrouille Prestige - Subtle, no shimmer */
.velvet-form.velvet-style-prestige.is-locked .velvet-field input,
.velvet-form.velvet-style-prestige.is-locked .velvet-field textarea,
.velvet-form.velvet-style-prestige.is-locked .velvet-field select {
    background: transparent !important;
    border-bottom-color: rgba(160, 160, 160, 0.2) !important;
    animation: none !important;
}

.velvet-form.velvet-style-prestige.is-locked .velvet-label {
    animation: none !important;
    color: rgba(245, 245, 245, 0.4) !important;
}

.velvet-form.velvet-style-prestige.is-locked .velvet-field {
    animation: none !important;
    opacity: 0.5 !important;
}

.velvet-form.velvet-style-prestige.is-locked .velvet-submit {
    background: transparent !important;
    border-color: rgba(245, 245, 245, 0.3) !important;
    color: rgba(245, 245, 245, 0.3) !important;
    animation: none !important;
}

.velvet-form.velvet-style-prestige.is-locked .velvet-consent-wrapper {
    animation: none !important;
    opacity: 0.4 !important;
}

.velvet-form.velvet-style-prestige.is-locked .velvet-consent-checkmark {
    animation: none !important;
}

/* Floating labels Prestige */
.velvet-form.velvet-style-prestige:not(.velvet-label-outside) .velvet-field.is-floating .velvet-label,
.velvet-form.velvet-style-prestige:not(.velvet-label-outside) .velvet-field input:focus~.velvet-label,
.velvet-form.velvet-style-prestige:not(.velvet-label-outside) .velvet-field input:not(:placeholder-shown)~.velvet-label {
    color: var(--prestige-text-muted) !important;
    background: var(--prestige-bg) !important;
}

/* Responsive Prestige */
@media (max-width: 768px) {
    .velvet-form.velvet-style-prestige {
        padding: 24px 20px !important; /* Still generous but adapted */
    }

    .velvet-form.velvet-style-prestige .velvet-fields-wrapper {
        gap: 16px !important;
    }

    .velvet-form.velvet-style-prestige .velvet-submit {
        padding: 12px 28px !important;
        font-size: 0.875rem !important;
    }

    .velvet-form.velvet-style-prestige .velvet-cookie-content {
        padding: 32px 24px !important;
        margin: 16px !important;
    }

    .velvet-form.velvet-style-prestige .velvet-cookie-title {
        font-size: 1.25rem !important;
    }
}

@media (max-width: 600px) {
    .velvet-form.velvet-style-prestige .velvet-radio-group,
    .velvet-form.velvet-style-prestige .velvet-checkbox-group {
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    .velvet-form.velvet-style-prestige .velvet-field-width-50 {
        width: 100% !important;
    }

    .velvet-form.velvet-style-prestige .velvet-consent-wrapper {
        margin-top: 20px !important;
        padding-top: 20px !important;
    }

    .velvet-form.velvet-style-prestige .velvet-submit-wrapper {
        margin-top: 24px !important;
    }
}