{"id":18526,"date":"2026-03-18T15:31:14","date_gmt":"2026-03-18T14:31:14","guid":{"rendered":"https:\/\/www.rochermistral.com\/?page_id=18526"},"modified":"2026-03-18T15:52:46","modified_gmt":"2026-03-18T14:52:46","slug":"dinner-shows-ticket","status":"publish","type":"page","link":"https:\/\/www.rochermistral.com\/en\/dinner-shows-ticket\/","title":{"rendered":"dinner shows tickets"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"18526\" class=\"elementor elementor-18526 elementor-16438\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81d87fe e-flex e-con-boxed e-con e-parent\" data-id=\"81d87fe\" data-element_type=\"container\" data-settings='{\"background_background\":\"classic\",\"content_width\":\"boxed\"}' data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8b81ea elementor-widget elementor-widget-html\" data-id=\"d8b81ea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =============================================\r\n     ENVISO TICKET WIDGET &mdash; D&Icirc;NER SPECTACLE\r\n     Rocher Mistral &mdash; Bloc HTML Gutenberg\r\n     LE JS EST DANS functions.php (wp_footer)\r\n     ============================================= -->\r\n\r\n<script src=\"https:\/\/widget.enviso.io\/loader.js\"><\/script><script>\r\n  enviso.load([\r\n    'https:\/\/widget.enviso.io\/build-ts\/components\/tickets\/enviso-ticket-widget-element.js',\r\n    'https:\/\/widget.enviso.io\/build-ts\/components\/common\/enviso-style-element.js',\r\n    'https:\/\/widget.enviso.io\/build-ts\/components\/common\/enviso-dialog-element.js',\r\n  ]);\r\n\r\n  Object.assign(enviso.settings, {\r\n    apiKey:       'CDaRZh6R+ke5t4qz9i1OgQ==',\r\n    salesPointId: '2989',\r\n    language:     'EN',\r\n    translations: {\r\n      en: {\r\n    Vouchers: ' ',\r\n    Buy: 'Tickets',\r\n    'I want to subscribe to the newsletter':\r\n      'I want to subscribe to the Rocher Mistral newsletter',\r\n    'Please select the date and time of your visit':\r\n      'Please select your visit date',\r\n    'Choose date & time': 'Choose a date',\r\n    'Date & time':        'Visit date',\r\n    'Add to basket':      'Confirm my date',\r\n      },\r\n    },\r\n  });\r\n<\/script><enviso-style hidden>\r\n\r\n  :host {\r\n    --gold:         #932099;\r\n    --gold-dark:    #7a1a80;\r\n    --gold-a10:     rgba(147, 32, 153, 0.10);\r\n    --gold-a20:     rgba(147, 32, 153, 0.20);\r\n    --gold-a50:     rgba(147, 32, 153, 0.50);\r\n    --ink:          #1a1a1a;\r\n    --surface:      #ffffff;\r\n    --surface-alt:  #fafafa;\r\n    --muted:        #f5f5f5;\r\n    --disabled:     #cccccc;\r\n    --shadow:       0 4px 20px rgba(0,0,0,0.06);\r\n    --shadow-hover: 0 12px 36px rgba(0,0,0,0.11);\r\n    --radius:       16px;\r\n    --radius-sm:    10px;\r\n    --transition:   all 0.25s ease;\r\n    --enviso-primary-color:   var(--gold);\r\n    --enviso-secondary-color: var(--ink);\r\n    font-family: 'Crimson Text', Georgia, serif;\r\n    font-size: 16px;\r\n    color: var(--ink);\r\n  }\r\n\r\n  :host header,\r\n  :host button,\r\n  :host .enviso-name,\r\n  :host .enviso-calendar-header,\r\n  :host .enviso-calendar-controls button { font-family: 'Rocher Mistral', sans-serif; }\r\n\r\n  :host .enviso-title.enviso-time-selection-step-header {\r\n    font-family: 'Rocher Mistral', sans-serif;\r\n    font-size: 2rem !important;\r\n    font-weight: 400 !important;\r\n  }\r\n\r\n  \/* --- MASQUAGES G\u00c9N\u00c9RAUX --- *\/\r\n  \/* CORRECTION : s\u00e9lecteurs regroup\u00e9s proprement en un seul bloc *\/\r\n  :host .enviso-ticket-widget-offers-header,\r\n  :host .enviso-filter-bar,\r\n  :host button.enviso-btn.icon-only enviso-icon[name='info-squared'],\r\n  :host .enviso-product-image-wrapper,\r\n  :host img.enviso-product-image,\r\n  :host .enviso-basket-offer-image,\r\n  :host .enviso-basket-item-image-wrapper,\r\n  :host .timeslots,\r\n  :host .enviso-timeslot-description,\r\n  :host .enviso-timeslots-container,\r\n  :host button.enviso-btn:has(enviso-icon[name=\"date-to\"]),\r\n  :host .enviso-basket-header .enviso-btn:not(.icon-left),\r\n  :host .enviso-checkout-header .enviso-btn { display: none !important; }\r\n\r\n  :host [data-testid=\"enviso-cross-sell-items-title\"],\r\n  :host .enviso-cross-sell__title { display: none !important; }\r\n\r\n  :host [data-testid*=\"cross-sell-offer-28688\"],\r\n  :host [data-testid=\"enviso-cross-sell-offer-28688-name\"],\r\n  :host enviso-cross-sell-offer[offer-id=\"28688\"] {\r\n    visibility: hidden !important; pointer-events: none !important;\r\n    position: absolute !important; width: 1px !important; height: 1px !important;\r\n    overflow: hidden !important; opacity: 0 !important;\r\n  }\r\n\r\n  :host .enviso-ticket-widget-cross-sell-header,\r\n  :host .enviso-carousel-items { display: none !important; }\r\n\r\n  \/* --- LAYOUT WIDGET --- *\/\r\n  :host(enviso-ticket-widget) {\r\n    display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;\r\n    -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important;\r\n    -ms-flex-direction: column !important; flex-direction: column !important;\r\n    width: 100% !important; gap: 16px; padding: 24px 0;\r\n  }\r\n  :host(enviso-ticket-widget) &gt; div,\r\n  :host(enviso-ticket-widget) .enviso-ticket-widget-offers {\r\n    display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;\r\n    -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important;\r\n    -ms-flex-direction: column !important; flex-direction: column !important; width: 100% !important;\r\n  }\r\n  :host(enviso-ticket-selection),\r\n  :host(enviso-ticket-selection-step),\r\n  :host(enviso-ticket-widget) {\r\n    background: transparent !important;\r\n    -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important;\r\n  }\r\n\r\n  \/* --- CROSS-SELL COUPON (offre 23628) --- *\/\r\n  :host header[data-testid=\"enviso-cross-sell-offer-23628-name\"],\r\n  :host header[data-testid=\"enviso-cross-sell-offer-23628-name\"] span {\r\n    font-size: 1.5rem !important; font-weight: 400 !important;\r\n    color: var(--gold-dark) !important; line-height: 1.2 !important;\r\n    display: block !important; text-transform: uppercase !important;\r\n  }\r\n  :host summary[data-testid=\"enviso-cross-sell-offer-23628-info-link\"],\r\n  :host .enviso-cross-sell-offer-tags { display: none !important; }\r\n\r\n  :host enviso-button[data-testid=\"enviso-cross-sell-offer-23628-add-button\"] {\r\n    position: relative !important; display: inline-block !important;\r\n    width: 160px !important; height: 52px !important;\r\n    min-width: 160px !important; min-height: 52px !important; overflow: visible !important;\r\n  }\r\n  :host enviso-button[data-testid=\"enviso-cross-sell-offer-23628-add-button\"]::after {\r\n    content: \"Ajouter un coupon\" !important;\r\n    position: absolute !important; top: 0 !important; left: 0 !important;\r\n    width: 160px !important; height: 52px !important;\r\n    display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;\r\n    -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;\r\n    -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;\r\n    background-color: var(--gold) !important; color: #ffffff !important;\r\n    font-family: 'Rocher Mistral', sans-serif !important; font-size: 1.1rem !important;\r\n    font-weight: 400 !important; letter-spacing: 0.1em !important;\r\n    border-radius: var(--radius-sm) !important; pointer-events: none !important;\r\n    z-index: 2 !important; white-space: nowrap !important;\r\n    -webkit-box-sizing: border-box !important; box-sizing: border-box !important;\r\n  }\r\n  :host enviso-button[data-testid=\"enviso-cross-sell-offer-23628-add-button\"]:hover::after {\r\n    background-color: var(--gold-dark) !important;\r\n  }\r\n  :host enviso-button[data-testid=\"enviso-cross-sell-offer-23628-add-button\"] button {\r\n    opacity: 0 !important; width: 160px !important; height: 52px !important;\r\n    cursor: pointer !important; position: relative !important; z-index: 1 !important; display: block !important;\r\n  }\r\n\r\n  \/* --- CARTES TICKETS --- *\/\r\n  :host(enviso-ticket-item) {\r\n    display: block !important; width: 100% !important; max-width: 100% !important;\r\n    margin: 0 0 12px !important; padding: 0 !important;\r\n    background: transparent !important; border: none !important;\r\n  }\r\n  :host(enviso-ticket-item)::before,\r\n  :host(enviso-ticket-item)::after { content: none !important; }\r\n\r\n  :host(enviso-ticket-item) .enviso-ticket-item-wrapper {\r\n    display: -webkit-box; display: -ms-flexbox; display: flex;\r\n    -webkit-box-orient: horizontal; -webkit-box-direction: normal;\r\n    -ms-flex-direction: row; flex-direction: row;\r\n    -webkit-box-align: center; -ms-flex-align: center; align-items: center;\r\n    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;\r\n    gap: 24px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;\r\n    background: -webkit-linear-gradient(315deg, #ffffff 0%, #fafafa 100%) !important;\r\n    background:         linear-gradient(135deg, #ffffff 0%, #fafafa 100%) !important;\r\n    border: 1.5px solid var(--gold-a20) !important;\r\n    border-left: 5px solid var(--gold) !important;\r\n    border-radius: var(--radius); padding: 22px 26px;\r\n    -webkit-box-shadow: var(--shadow); box-shadow: var(--shadow);\r\n    -webkit-transition: var(--transition); transition: var(--transition);\r\n  }\r\n  :host(enviso-ticket-item) .enviso-ticket-item-wrapper:hover {\r\n    -webkit-transform: translateY(-3px); transform: translateY(-3px);\r\n    border-color: var(--gold-a50) !important; border-left-color: var(--gold-dark) !important;\r\n    -webkit-box-shadow: var(--shadow-hover); box-shadow: var(--shadow-hover);\r\n  }\r\n  :host(enviso-ticket-item) .enviso-info {\r\n    -webkit-box-flex: 1; -ms-flex: 1; flex: 1;\r\n    display: -webkit-box; display: -ms-flexbox; display: flex;\r\n    -webkit-box-orient: vertical; -webkit-box-direction: normal;\r\n    -ms-flex-direction: column; flex-direction: column; gap: 6px; min-width: 0;\r\n  }\r\n  :host(enviso-ticket-item) .enviso-name {\r\n    font-size: 1.4rem; font-weight: 400; line-height: 1.3; color: var(--ink);\r\n    word-break: break-word; -webkit-transition: color 0.2s ease; transition: color 0.2s ease;\r\n  }\r\n  :host(enviso-ticket-item) .enviso-ticket-item-wrapper:hover .enviso-name { color: var(--gold-dark); }\r\n  :host(enviso-ticket-item) .enviso-price-full { font-size: 1.25rem; font-weight: 400; letter-spacing: -0.02em; color: var(--ink); }\r\n  :host(enviso-ticket-item) .enviso-amount { -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; z-index: 1; }\r\n\r\n  \/* --- STEPPER +\/- --- *\/\r\n  :host(enviso-ticket-item) .enviso-nud {\r\n    background: -webkit-linear-gradient(315deg, #ffffff, #f4f4f4) !important;\r\n    background:         linear-gradient(145deg, #ffffff, #f4f4f4) !important;\r\n    border: 1.5px solid var(--gold-a20) !important; border-radius: var(--radius-sm); padding: 4px;\r\n    display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;\r\n    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;\r\n    -webkit-box-align: center; -ms-flex-align: center; align-items: center;\r\n    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;\r\n    gap: 2px; width: 44px; height: 72px;\r\n  }\r\n  :host(enviso-ticket-item) .enviso-nud button {\r\n    background: transparent !important; color: var(--ink) !important; border: none !important;\r\n    width: 44px; height: 32px; padding: 0; font-size: 1.2rem !important; cursor: pointer;\r\n    display: -webkit-box; display: -ms-flexbox; display: flex;\r\n    -webkit-box-align: center; -ms-flex-align: center; align-items: center;\r\n    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;\r\n    border-radius: 6px;\r\n    -webkit-transition: background 0.2s ease, -webkit-transform 0.15s ease;\r\n    transition: background 0.2s ease, transform 0.15s ease;\r\n  }\r\n  :host(enviso-ticket-item) .enviso-nud button:hover { background: var(--gold-a10) !important; -webkit-transform: scale(1.1); transform: scale(1.1); }\r\n  :host(enviso-ticket-item) .enviso-nud .enviso-nud-value { font-weight: 700; font-size: 1rem; text-align: center; min-width: 20px; }\r\n\r\n  \/* --- BOUTONS GLOBAUX --- *\/\r\n  :host button, :host .enviso-btn, :host button.enviso-btn, :host(enviso-button) button {\r\n    font-family: 'Rocher Mistral', sans-serif; font-weight: 400 !important;\r\n    font-size: clamp(18px, 2.5vw, 26px) !important; border-radius: var(--radius-sm);\r\n    -webkit-transition: var(--transition); transition: var(--transition);\r\n  }\r\n  :host(enviso-button)[icon-only] {\r\n    width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important;\r\n    display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important;\r\n  }\r\n  :host(enviso-button)[icon-only] button { width: 48px !important; height: 48px !important; padding: 0 !important; }\r\n  :host(enviso-button)[icon-only] svg, :host(enviso-button)[icon-only] enviso-icon { width: 24px !important; height: 24px !important; }\r\n  :host .enviso-basket-summary .enviso-btn-primary,\r\n  :host .enviso-btn-primary { background-color: var(--gold) !important; border-color: var(--gold) !important; color: var(--surface) !important; }\r\n  :host .enviso-btn-primary:hover { background-color: var(--gold-dark) !important; border-color: var(--gold-dark) !important; }\r\n\r\n  \/* --- CALENDRIER --- *\/\r\n  :host .enviso-day:not([aria-disabled='true']):not(.enviso-selected) {\r\n    color: var(--ink) !important; background-color: var(--surface) !important;\r\n    border: 1px solid var(--gold-a20) !important; -webkit-transition: var(--transition); transition: var(--transition);\r\n  }\r\n  :host .enviso-day:not([aria-disabled='true']):not(.enviso-selected):hover { background-color: var(--gold-a10) !important; border-color: var(--gold) !important; cursor: pointer; }\r\n  :host .enviso-day.enviso-selected, :host .enviso-day[aria-selected='true'] {\r\n    background-color: var(--gold) !important; border-color: var(--gold) !important;\r\n    color: var(--surface) !important; font-weight: 700;\r\n    -webkit-box-shadow: 0 2px 8px rgba(147,32,153,0.2); box-shadow: 0 2px 8px rgba(147,32,153,0.2);\r\n  }\r\n  :host .enviso-day[aria-disabled='true'] { background-color: var(--muted) !important; color: var(--disabled) !important; border: 1px solid #eeeeee !important; pointer-events: none; }\r\n  :host .enviso-calendar-header, :host .enviso-calendar-controls button { color: var(--ink) !important; }\r\n\r\n  \/* --- PANIER --- *\/\r\n  :host(enviso-basket-item) .enviso-basket-item-wrapper { border-left-color: var(--gold) !important; border-color: var(--gold-a20) !important; border-radius: var(--radius-sm); }\r\n  :host .enviso-basket-navigation, :host .enviso-basket-actions, :host .enviso-checkout-actions {\r\n    -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;\r\n    gap: 24px !important; -ms-flex-wrap: wrap; flex-wrap: wrap;\r\n  }\r\n  :host .enviso-basket-offer-description-amount { font-family: 'Rocher Mistral', sans-serif; font-weight: 400; font-size: 1.2rem; }\r\n\r\n  \/* =============================================\r\n     RESPONSIVE \u2014 640px\r\n     ============================================= *\/\r\n  @media (max-width: 640px) {\r\n    :host(enviso-ticket-item) .enviso-ticket-item-wrapper {\r\n      -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important;\r\n      -ms-flex-direction: row !important; flex-direction: row !important;\r\n      -webkit-box-align: center; -ms-flex-align: center; align-items: center;\r\n      padding: 16px; gap: 14px; border-radius: 12px;\r\n    }\r\n    :host(enviso-ticket-item) .enviso-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; gap: 5px; }\r\n    :host(enviso-ticket-item) .enviso-name { font-size: 1.2rem; font-weight: 400; }\r\n    :host(enviso-ticket-item) .enviso-price-full { font-size: 1.05rem; display: block !important; }\r\n    :host(enviso-ticket-item) .enviso-amount { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 0; }\r\n    :host(enviso-ticket-item) .enviso-nud {\r\n      -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important;\r\n      -ms-flex-direction: column !important; flex-direction: column !important;\r\n      width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 80px !important;\r\n      padding: 4px; gap: 0; background: #ffffff !important;\r\n      border: 1.5px solid rgba(147,32,153,0.2) !important; border-radius: 10px;\r\n    }\r\n    :host(enviso-ticket-item) .enviso-nud button { width: 44px !important; height: 32px !important; font-size: 1.2rem !important; color: var(--ink) !important; border-radius: 6px; }\r\n    :host(enviso-ticket-item) .enviso-nud .enviso-nud-value { min-width: 44px; font-size: 1rem; font-weight: 700; text-align: center; }\r\n    :host(enviso-basket-item), :host .enviso-basket-item-wrapper, :host .enviso-basket-summary {\r\n      width: 100% !important; max-width: 100% !important;\r\n      -webkit-box-sizing: border-box !important; box-sizing: border-box !important; margin: 0 !important;\r\n    }\r\n    :host(enviso-basket-item) .enviso-basket-item-wrapper { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }\r\n  }\r\n\r\n<\/enviso-style><enviso-ticket-widget offer-id=\"23625\" newsletter=\"true\" id=\"newsletter-form\" terms=\"https:\/\/www.rochermistral.com\/cgv\/\" privacy=\"https:\/\/www.rochermistral.com\/politique-confidentialite\/\"><\/enviso-ticket-widget><!-- =============================================\r\n     POPUP UPSELL &mdash; SHELL HTML + CSS\r\n     Le contenu du body est inject&eacute; par functions.php\r\n     ============================================= --><style>\r\n\r\n  \/* =============================================\r\n     VARIABLES GLOBALES &mdash; source unique de v&eacute;rit&eacute;\r\n     Pr&eacute;fixe --rm- pour &eacute;viter les collisions\r\n     ============================================= *\/\r\n  :root {\r\n    --rm-purple:        #932099;\r\n    --rm-purple-dark:   #7a1a80;\r\n    --rm-purple-a07:    rgba(147, 32, 153, 0.07);\r\n    --rm-purple-a10:    rgba(147, 32, 153, 0.10);\r\n    --rm-purple-a20:    rgba(147, 32, 153, 0.20);\r\n    --rm-purple-a25:    rgba(147, 32, 153, 0.25);\r\n    --rm-ink:           #1a1a1a;\r\n    --rm-surface:       #ffffff;\r\n    --rm-surface-alt:   #fafafa;\r\n    --rm-error:         #a31515;\r\n    --rm-error-bg:      #fff5f5;\r\n    --rm-error-border:  #f5c0c0;\r\n    --rm-radius:        20px;\r\n    --rm-radius-sm:     10px;\r\n    --rm-transition:    0.2s ease;\r\n    --rm-shadow:        0 24px 64px rgba(0,0,0,0.22);\r\n    --rm-font-display:  'Rocher Mistral', sans-serif;\r\n    --rm-font-body:     'Crimson Text', Georgia, serif;\r\n  }\r\n\r\n  \/* =============================================\r\n     OVERLAY &mdash; technique visibility\/opacity\r\n     CORRECTION : remplace display:none qui bloquait\r\n     la transition et emp&ecirc;chait le fade-in\r\n     ============================================= *\/\r\n  #rm-upsell-overlay {\r\n    display: -webkit-box; display: -ms-flexbox; display: flex;\r\n    position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999;\r\n    background: rgba(10,8,5,0.72);\r\n    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);\r\n    -webkit-box-align: center; -ms-flex-align: center; align-items: center;\r\n    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;\r\n    padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;\r\n    transition: opacity 0.3s ease, visibility 0.3s ease;\r\n  }\r\n  #rm-upsell-overlay.rm-visible {\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* =============================================\r\n     CARTE UPSELL\r\n     ============================================= *\/\r\n  #rm-upsell-card:focus { outline: none; }\r\n  #rm-upsell-card {\r\n    background: var(--rm-surface);\r\n    border-radius: var(--rm-radius);\r\n    -webkit-box-shadow: var(--rm-shadow); box-shadow: var(--rm-shadow);\r\n    max-width: 520px; width: 100%; overflow: hidden;\r\n    -webkit-transform: translateY(24px) scale(0.97); transform: translateY(24px) scale(0.97);\r\n    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.16,1,0.3,1), opacity 0.3s ease;\r\n    transition: transform 0.35s cubic-bezier(0.16,1,0.3,1), opacity 0.3s ease;\r\n    opacity: 0;\r\n    font-family: var(--rm-font-body);\r\n    color: var(--rm-ink);\r\n  }\r\n  #rm-upsell-overlay.rm-visible #rm-upsell-card {\r\n    -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1);\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* --- HEADER --- *\/\r\n  .rm-upsell-header {\r\n    background: -webkit-linear-gradient(135deg, var(--rm-purple) 0%, var(--rm-purple-dark) 100%);\r\n    background:         linear-gradient(135deg, var(--rm-purple) 0%, var(--rm-purple-dark) 100%);\r\n    padding: 28px 28px 22px; text-align: center;\r\n  }\r\n  .rm-upsell-eyebrow {\r\n    font-family: var(--rm-font-display);\r\n    font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase;\r\n    color: rgba(255,255,255,0.72); margin-bottom: 6px;\r\n  }\r\n  .rm-upsell-title {\r\n    font-family: var(--rm-font-display);\r\n    font-size: 2rem; font-weight: 400; color: var(--rm-surface);\r\n    line-height: 1.15; margin: 0; text-transform: uppercase; letter-spacing: 0.04em;\r\n  }\r\n\r\n  \/* --- BODY ---\r\n     CORRECTION : overscroll-behavior bloque le scroll parent sur mobile\r\n     CORRECTION : retrait de -webkit-overflow-scrolling (d&eacute;pr&eacute;ci&eacute; iOS 13+)\r\n  *\/\r\n  .rm-upsell-body {\r\n    padding: 24px 28px 28px;\r\n    max-height: 60vh; overflow-y: auto;\r\n    overscroll-behavior: contain;\r\n    scroll-behavior: auto;\r\n  }\r\n\r\n  \/* --- SECTIONS --- *\/\r\n  .rm-upsell-section {\r\n    background: var(--rm-surface-alt);\r\n    border: 1.5px solid var(--rm-purple-a20);\r\n    border-radius: 14px; padding: 18px 20px; margin-bottom: 12px;\r\n  }\r\n  .rm-upsell-section.rm-hidden { display: none !important; }\r\n  .rm-upsell-section-name {\r\n    font-family: var(--rm-font-display);\r\n    font-size: 1.25rem; font-weight: 400; color: var(--rm-ink);\r\n    text-transform: uppercase; letter-spacing: 0.04em; margin: 0 0 4px;\r\n  }\r\n  .rm-upsell-section-desc {\r\n    font-size: 0.95rem; line-height: 1.5; color: #666666;\r\n    margin: 0 0 12px;\r\n  }\r\n  .rm-upsell-section-price {\r\n    font-family: var(--rm-font-display);\r\n    font-size: 1.1rem; color: var(--rm-purple-dark); margin: 0 0 14px;\r\n  }\r\n  .rm-upsell-section-price-note { font-size: 0.85rem; color: #aaaaaa; }\r\n\r\n  \/* --- STEPPER ROW --- *\/\r\n  .rm-upsell-stepper-row {\r\n    display: -webkit-box; display: -ms-flexbox; display: flex;\r\n    -webkit-box-align: center; -ms-flex-align: center; align-items: center;\r\n    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;\r\n    gap: 12px;\r\n  }\r\n  .rm-upsell-subtotal { font-size: 0.9rem; color: #999999; }\r\n\r\n  \/* --- STEPPER --- *\/\r\n  .rm-stepper {\r\n    display: -webkit-box; display: -ms-flexbox; display: flex;\r\n    -webkit-box-align: center; -ms-flex-align: center; align-items: center;\r\n    background: var(--rm-surface);\r\n    border: 1.5px solid var(--rm-purple-a25);\r\n    border-radius: var(--rm-radius-sm); overflow: hidden;\r\n    -ms-flex-negative: 0; flex-shrink: 0;\r\n  }\r\n  .rm-stepper button {\r\n    background: transparent; border: none;\r\n    width: 40px; height: 40px; font-size: 1.3rem; cursor: pointer;\r\n    color: var(--rm-ink);\r\n    display: -webkit-box; display: -ms-flexbox; display: flex;\r\n    -webkit-box-align: center; -ms-flex-align: center; align-items: center;\r\n    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;\r\n    -webkit-transition: background var(--rm-transition); transition: background var(--rm-transition);\r\n    line-height: 1; padding: 0; -ms-flex-negative: 0; flex-shrink: 0;\r\n  }\r\n  .rm-stepper button:hover { background: var(--rm-purple-a10); color: var(--rm-purple-dark); }\r\n  .rm-stepper button:disabled { opacity: 0.3; cursor: not-allowed; }\r\n  .rm-stepper-value {\r\n    min-width: 34px; text-align: center;\r\n    font-family: var(--rm-font-display);\r\n    font-size: 1.15rem; color: var(--rm-ink);\r\n    border-left: 1px solid var(--rm-purple-a20);\r\n    border-right: 1px solid var(--rm-purple-a20);\r\n    height: 40px;\r\n    display: -webkit-box; display: -ms-flexbox; display: flex;\r\n    -webkit-box-align: center; -ms-flex-align: center; align-items: center;\r\n    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;\r\n    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;\r\n  }\r\n\r\n  \/* --- TOTAUX --- *\/\r\n  .rm-upsell-divider { border: none; border-top: 1px solid var(--rm-purple-a20); margin: 16px 0; }\r\n  .rm-upsell-grand-total {\r\n    display: -webkit-box; display: -ms-flexbox; display: flex;\r\n    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;\r\n    -webkit-box-align: center; -ms-flex-align: center; align-items: center;\r\n    background: var(--rm-purple-a07);\r\n    border: 1.5px solid var(--rm-purple-a25);\r\n    border-radius: var(--rm-radius-sm); padding: 12px 16px; margin-bottom: 16px;\r\n  }\r\n  .rm-upsell-grand-total-label { font-family: var(--rm-font-display); font-size: 1rem; color: var(--rm-ink); }\r\n  .rm-upsell-grand-total-value { font-family: var(--rm-font-display); font-size: 1.2rem; color: var(--rm-purple-dark); }\r\n\r\n  \/* --- MESSAGE \"tout ajout&eacute;\" --- *\/\r\n  .rm-upsell-all-added {\r\n    display: none; text-align: center; padding: 16px;\r\n    background: var(--rm-purple-a07);\r\n    border: 1.5px solid var(--rm-purple-a25);\r\n    border-radius: var(--rm-radius-sm); margin-bottom: 16px;\r\n    font-family: var(--rm-font-display); color: var(--rm-purple-dark); font-size: 1rem;\r\n  }\r\n  .rm-upsell-all-added.rm-visible { display: block; }\r\n\r\n  \/* --- MESSAGE D'ERREUR CAPACIT&Eacute; --- *\/\r\n  .rm-upsell-error {\r\n    font-family: var(--rm-font-body);\r\n    font-size: 0.95rem; line-height: 1.5;\r\n    color: var(--rm-error);\r\n    background: var(--rm-error-bg);\r\n    border: 1.5px solid var(--rm-error-border);\r\n    border-radius: var(--rm-radius-sm);\r\n    padding: 12px 16px; margin-bottom: 16px; text-align: center;\r\n  }\r\n\r\n  \/* --- ACTIONS --- *\/\r\n  .rm-upsell-actions {\r\n    display: -webkit-box; display: -ms-flexbox; display: flex;\r\n    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n  .rm-btn-add {\r\n    width: 100% !important;\r\n    font-family: var(--rm-font-display) !important;\r\n    font-size: 1.1rem !important; letter-spacing: 0.06em !important; text-transform: uppercase !important;\r\n    background: -webkit-linear-gradient(135deg, var(--rm-purple) 0%, var(--rm-purple-dark) 100%) !important;\r\n    background:         linear-gradient(135deg, var(--rm-purple) 0%, var(--rm-purple-dark) 100%) !important;\r\n    border: none !important; border-radius: var(--rm-radius-sm) !important;\r\n    padding: 15px 24px !important; cursor: pointer !important;\r\n    -webkit-transition: opacity var(--rm-transition), -webkit-transform 0.15s ease !important;\r\n    transition: opacity var(--rm-transition), transform 0.15s ease !important;\r\n    display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;\r\n    -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;\r\n    -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;\r\n    color: var(--rm-surface) !important;\r\n  }\r\n  .rm-btn-add:hover:not(:disabled) { opacity: 0.88; -webkit-transform: translateY(-1px); transform: translateY(-1px); }\r\n  .rm-btn-add:disabled { opacity: 0.4 !important; cursor: not-allowed !important; -webkit-transform: none !important; transform: none !important; }\r\n  .rm-btn-add .btn-contents {\r\n    display: -webkit-box; display: -ms-flexbox; display: flex;\r\n    -webkit-box-align: center; -ms-flex-align: center; align-items: center;\r\n    gap: 8px;\r\n  }\r\n  .rm-btn-skip {\r\n    background: transparent; color: #888888;\r\n    border: 1.5px solid #e0e0e0; border-radius: var(--rm-radius-sm);\r\n    padding: 12px 24px;\r\n    font-family: var(--rm-font-body); font-size: 1rem;\r\n    cursor: pointer;\r\n    -webkit-transition: border-color var(--rm-transition), color var(--rm-transition);\r\n    transition: border-color var(--rm-transition), color var(--rm-transition);\r\n    width: 100%; text-align: center;\r\n  }\r\n  .rm-btn-skip:hover { border-color: #bbbbbb; color: #555555; }\r\n\r\n  \/* --- SPINNER --- *\/\r\n  .rm-spinner {\r\n    display: inline-block; width: 16px; height: 16px;\r\n    border: 2px solid rgba(255,255,255,0.4); border-top-color: var(--rm-surface);\r\n    border-radius: 50%;\r\n    -webkit-animation: rm-spin 0.7s linear infinite; animation: rm-spin 0.7s linear infinite;\r\n  }\r\n  @-webkit-keyframes rm-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }\r\n  @keyframes rm-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }\r\n\r\n  \/* =============================================\r\n     RESPONSIVE &mdash; 480px\r\n     ============================================= *\/\r\n  @media (max-width: 480px) {\r\n    #rm-upsell-overlay { padding: 10px; }\r\n    .rm-upsell-header { padding: 22px 20px 18px; }\r\n    .rm-upsell-title { font-size: 1.5rem; }\r\n    .rm-upsell-body { padding: 18px 16px 22px; max-height: 85vh; }\r\n  }\r\n\r\n  \/* =============================================\r\n     RESPONSIVE &mdash; 768px desktop\r\n     ============================================= *\/\r\n  @media (min-width: 768px) {\r\n    #rm-upsell-card { max-width: 680px; }\r\n    .rm-upsell-body { max-height: 75vh; }\r\n  }\r\n\r\n<\/style><!-- Shell upsell &mdash; contenu inject&eacute; par functions.php --><div id=\"rm-upsell-overlay\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"rm-upsell-title\">\r\n  <div id=\"rm-upsell-card\" tabindex=\"-1\">\r\n    <div class=\"rm-upsell-header\">\r\n      <div class=\"rm-upsell-eyebrow\" id=\"rm-upsell-eyebrow\"><\/div>\r\n      <h2 class=\"rm-upsell-title\" id=\"rm-upsell-title\"><\/h2>\r\n    <\/div>\r\n    <div class=\"rm-upsell-body\" id=\"rm-upsell-body\"><\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-140b659 e-flex e-con-boxed e-con e-parent\" data-id=\"140b659\" data-element_type=\"container\" data-settings='{\"content_width\":\"boxed\"}' data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38ae138 elementor-widget elementor-widget-spacer\" data-id=\"38ae138\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 07-02-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style><div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>:host { &#8211;gold: #932099; &#8211;gold-dark: #7a1a80; &#8211;gold-a10: rgba(147, 32, 153, 0.10); &#8211;gold-a20: rgba(147, 32, 153, 0.20); &#8211;gold-a50: rgba(147, 32, 153, 0.50); &#8211;ink: #1a1a1a; &#8211;surface: #ffffff; &#8211;surface-alt: #fafafa; &#8211;muted: #f5f5f5; &#8211;disabled: #cccccc; &#8211;shadow: 0 4px 20px rgba(0,0,0,0.06); &#8211;shadow-hover: 0 12px 36px rgba(0,0,0,0.11); &#8211;radius: 16px; &#8211;radius-sm: 10px; &#8211;transition: all 0.25s ease; &#8211;enviso-primary-color: var(&#8211;gold); &#8211;enviso-secondary-color: var(&#8211;ink); font-family: &#8216;Crimson <a href=\"https:\/\/www.rochermistral.com\/en\/dinner-shows-ticket\/\" class=\"more-link\">&#8230;<\/a><\/p>\n","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","inline_featured_image":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/www.rochermistral.com\/en\/wp-json\/wp\/v2\/pages\/18526"}],"collection":[{"href":"https:\/\/www.rochermistral.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rochermistral.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rochermistral.com\/en\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rochermistral.com\/en\/wp-json\/wp\/v2\/comments?post=18526"}],"version-history":[{"count":4,"href":"https:\/\/www.rochermistral.com\/en\/wp-json\/wp\/v2\/pages\/18526\/revisions"}],"predecessor-version":[{"id":18556,"href":"https:\/\/www.rochermistral.com\/en\/wp-json\/wp\/v2\/pages\/18526\/revisions\/18556"}],"wp:attachment":[{"href":"https:\/\/www.rochermistral.com\/en\/wp-json\/wp\/v2\/media?parent=18526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}