.app-bottom-nav,.app-more-menu{display:none}
@media(max-width:760px){
 :root{--app-bar-height:66px;--app-safe-bottom:env(safe-area-inset-bottom,0px)}
 html{scroll-padding-top:80px;-webkit-text-size-adjust:100%}
 body{padding-bottom:calc(var(--app-bar-height) + var(--app-safe-bottom) + 18px)!important}
 body:not(.session-started) main{margin:0!important;width:100%!important;max-width:none!important;min-width:0!important}
 body:not(.session-started) #sessionCard{padding:0!important;border-radius:0!important;min-width:0!important}
 body:not(.session-started) .vitrine-ref-header{position:sticky!important;top:0!important;z-index:100!important;display:flex!important;align-items:center!important;min-height:62px!important;height:auto!important;padding:10px 18px!important;background:#fffdfb!important;border-bottom:1px solid #eee5f2!important;box-shadow:0 2px 12px #35134f08!important}
 body:not(.session-started) .vitrine-ref-nav{display:none!important}
 body:not(.session-started) .vitrine-ref-brand{min-width:0!important;gap:10px!important}
 body:not(.session-started) .vitrine-ref-brand img{width:38px!important;height:38px!important;object-fit:contain!important}
 body:not(.session-started) .vitrine-ref-brand span{font-size:11px!important}
 body:not(.session-started) .vitrine-ref-brand strong{font-size:20px!important}
 .app-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:220;padding:6px 6px calc(6px + var(--app-safe-bottom));background:#fffdfbf5;backdrop-filter:blur(18px);border-top:1px solid #e9dfee;box-shadow:0 -4px 24px #35134f0a}
 .app-bottom-nav a,.app-bottom-nav button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:52px;margin:0!important;padding:5px 2px!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;color:#73627f!important;text-decoration:none!important;font:600 11px/1.2 system-ui,sans-serif!important}
 .app-bottom-nav svg{width:23px;height:23px}
 .app-bottom-nav [aria-current=page],.app-bottom-nav .is-current{background:#f0e7f7!important;color:#54227c!important}
 .app-bottom-nav :focus-visible{outline:3px solid #ffd747;outline-offset:-3px}
 body.session-started .app-bottom-nav{display:none!important}
 body:has(#administrationSite:target) .app-bottom-nav{display:none!important}
 body:has(#administrationSite:target) .admin-workspace-nav{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none!important;overflow:visible!important}
 body:has(#administrationSite:target) .admin-workspace-nav .admin-nav-group-label{grid-column:1/-1!important}
 body:has(#administrationSite:target) .admin-workspace-nav :is(button,a){min-width:0!important;min-height:48px!important;white-space:normal!important;font-size:13px!important}
 .app-more-menu[open]{display:block;position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;box-sizing:border-box;overflow:auto;padding:24px 20px calc(24px + var(--app-safe-bottom));border:0;border-radius:24px 24px 0 0;background:#fffdfb;color:#35134f;box-shadow:0 -12px 60px #35134f30;font:16px/1.5 system-ui,sans-serif}
 .app-more-menu::backdrop{background:#23113380}
 .app-more-menu header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}
 .app-more-menu h2{font-size:22px;margin:0}
 .app-more-menu button,.app-more-menu a{box-sizing:border-box;display:block;width:100%;min-height:50px;padding:14px 16px;margin:10px 0;border:1px solid #e7d8ef;border-radius:14px;background:#f7f1fb;color:#35134f;text-decoration:none;text-align:left;font:700 16px/1.4 system-ui,sans-serif}
 .app-more-menu header button{width:44px;height:44px;margin:0;padding:0;text-align:center;font-size:26px;background:transparent}
 .app-more-menu a span{display:block;margin-top:3px;font-size:13px;font-weight:400;color:#796582}
 .app-more-menu [data-app-install]{background:#ffd747;border:0}.app-more-menu [hidden]{display:none!important}.app-more-menu p{font-size:13px;color:#796582}
 .rfc-install-trigger{display:none!important}
 #chatbotLauncher.chatbot-launcher{right:14px!important;bottom:calc(82px + var(--app-safe-bottom))!important;width:50px!important;height:50px!important;min-width:50px!important;padding:4px!important;border-radius:50%!important;z-index:210!important}
 #chatbotLauncher strong{display:none!important}#chatbotLauncher img{width:38px!important;height:38px!important;margin:0!important}
 #chatbotPanel.chatbot-panel{position:fixed!important;inset:10px 10px calc(80px + var(--app-safe-bottom))!important;width:auto!important;height:auto!important;max-height:none!important;z-index:300!important;min-width:0!important;box-sizing:border-box!important}
 #chatbotPanel .chatbot-messages{min-height:0!important;flex:1;overflow:auto!important}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;box-sizing:border-box;max-width:100%}
 button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
 textarea{min-height:120px}
 body:not(.session-started) :is(.contact-layout,.contact-trust,.contact-help){margin-left:16px!important;margin-right:16px!important;width:auto!important}
 body:not(.session-started) #vitrineContactPage .contact-layout{display:flex!important;flex-direction:column!important;gap:20px!important}
 body:not(.session-started) #vitrineContactPage .contact-form{padding:24px 18px!important;order:0!important;width:100%!important;box-sizing:border-box!important}
 body:not(.session-started) #vitrineContactPage .contact-visit{order:1!important;width:100%!important;display:flex!important;flex-direction:column!important}
 body:not(.session-started) #vitrineContactPage .contact-form h2{font-size:30px!important;line-height:1.12!important}
 body:not(.session-started) #vitrineContactPage .contact-form h3{font-size:30px!important;line-height:1.12!important;letter-spacing:-.03em!important}
 body:not(.session-started) #vitrineContactPage .contact-reassurance{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:0!important;width:auto!important;max-width:calc(100% - 32px)!important;margin:16px!important;transform:none!important}
 body:not(.session-started) #vitrineContactPage .contact-reassurance>div{box-sizing:border-box!important;flex:0 0 245px!important;min-width:0!important;min-height:100px!important;padding:16px!important;scroll-snap-align:start;border-right:1px solid #e7d8ef!important;border-bottom:0!important}
 body:not(.session-started) #vitrineContactPage .contact-reassurance p{min-width:0!important}
 body:not(.session-started) #vitrineContactPage .contact-hero{min-height:0!important}
 body:not(.session-started) #vitrineContactPage .contact-hero::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none;background:linear-gradient(90deg,#281036d9,#28103680)!important}
 body:not(.session-started) #vitrineContactPage .contact-hero-copy{min-height:0!important;width:auto!important;margin:0!important;padding:36px 20px!important;box-sizing:border-box!important}
 body:not(.session-started) #vitrineContactPage .contact-hero h2{font-size:36px!important;line-height:1.08!important;letter-spacing:-.035em!important;max-width:100%!important}
 body:not(.session-started) #vitrineContactPage .contact-hero h2::after{display:none!important}
 body:not(.session-started) #vitrineContactPage .contact-hero-intro{font-size:15px!important;line-height:1.55!important;margin-top:16px!important;color:#fff!important}
 body:not(.session-started) #vitrineContactPage .contact-form-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 body:not(.session-started) #vitrineContactPage .contact-choice-pills{grid-template-columns:minmax(0,1fr)!important}
 body:not(.session-started) #vitrineContactPage .contact-choice-pills label{min-height:48px!important;padding:12px!important;box-sizing:border-box!important}
 body:not(.session-started) #vitrineContactPage .contact-visit-content{padding:24px 18px!important}
 body:not(.session-started) #vitrineContactPage .contact-visit-visual{height:190px!important;min-height:190px!important}
 body:not(.session-started) .contact-trust{transform:none!important;margin-top:16px!important;margin-bottom:20px!important}
 body:not(.session-started) :is(.vitrine-ref-content h1,.contact-hero h1,.atelierplus-parent-hero h1){font-size:clamp(32px,9vw,46px)!important;line-height:1.08!important;overflow-wrap:break-word!important}
 body:not(.session-started) :is(.tarif-card,.workshop-card,.access-role-card){min-width:0!important;max-width:100%!important}
 body:not(.session-started) .public-workshop-calendar.workshop-stories{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:20px 16px!important}
 body:not(.session-started) .workshop-stories-heading{min-width:0!important;max-width:100%!important}
 body:not(.session-started) .workshop-stories-heading h4{font-size:26px!important;overflow-wrap:break-word}
 body:not(.session-started) .workshop-stories-grid.workshop-carousel{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;gap:12px!important;scroll-snap-type:x mandatory}
 body:not(.session-started) .workshop-carousel>.workshop-story{flex:0 0 100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;scroll-snap-align:start}
 body:not(.session-started) .workshop-story-copy{min-width:0!important;padding:18px!important}
 body.session-started #internalNavigation{position:fixed!important;inset:0 0 auto!important;z-index:230!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:60px!important;margin:0!important;padding:8px 12px!important;background:#fffdfb!important;box-shadow:0 2px 12px #35134f10!important;display:flex;align-items:center;gap:8px!important}
 body.session-started #internalBackButton{min-height:44px!important;font-size:14px!important;white-space:nowrap}
 body.session-started #internalBreadcrumb{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important}
 body.session-started #mobileChangeLearner{display:none!important}
 body.session-started #mobileMenuToggle.mobile-menu-toggle{top:auto!important;left:12px!important;bottom:calc(12px + var(--app-safe-bottom))!important;min-height:48px!important;z-index:225!important}
 body.session-started main{margin-top:76px!important}
 body.session-started #pathwayNavigation#pathwayNavigation.steps{top:72px!important;bottom:calc(78px + var(--app-safe-bottom))!important;max-height:none!important}
 body:has(#app)>header{position:sticky;top:0;z-index:100;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#fffdfb}
 body:has(#app) #nav{display:flex;gap:8px;overflow-x:auto;width:100%;padding:4px 0}
 body:has(#app) #nav button{flex-shrink:0;min-height:44px}
 body:has(#app) #app{padding:20px 16px;margin:0;min-width:0}
 body:has(#app) .book-tabs{display:flex;overflow-x:auto;gap:8px}
 body:has(#app) .book-tabs button{flex:0 0 auto;min-height:44px}
 .app-keyboard-open .app-bottom-nav,.app-keyboard-open #chatbotLauncher,.app-keyboard-open #mobileMenuToggle{display:none!important}
 .app-keyboard-open #chatbotPanel.chatbot-panel{bottom:10px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Création d’atelier : une action identifiable et un formulaire clairement titré. */
#administrationSite [data-workshop-new]{background:#ffd644!important;color:#35124c!important;border:0!important;border-radius:14px!important;padding:14px 22px!important;font:inherit!important;font-weight:750!important;min-height:48px;cursor:pointer;box-shadow:0 5px 16px #35124c12}
#administrationSite .admin-workspace-nav{position:static!important}
#bookingAdmin .admin-actions{background:transparent!important;box-shadow:none!important;padding:0!important;display:flex!important;gap:12px!important;flex-wrap:wrap!important}
#administrationSite [data-workshop-new]:hover{background:#ffcf33!important}
#workshopAdminForm{scroll-margin-top:100px}
.workshop-editor-intro{padding:20px;background:#f6f0fa;border-left:4px solid #7631a3;border-radius:12px;margin-bottom:20px}
.workshop-editor-intro h4{font-size:24px;margin:0 0 8px;color:#35124c}
.workshop-editor-intro p{margin:0;line-height:1.5;color:#51415d}
#administrationSite #workshopAdminForm .admin-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;justify-content:flex-start!important;background:none!important;background-image:none!important;box-shadow:none!important;border:0!important;border-top:1px solid #e8ddee!important;border-radius:0!important;padding:20px 0 0!important;margin:20px 0 12px!important;min-height:0!important}
#administrationSite #workshopAdminForm .admin-actions::before,#administrationSite #workshopAdminForm .admin-actions::after{display:none!important}
#administrationSite #workshopSubmitButton{background:#ffd644!important;color:#35124c!important;border:1px solid #ffd644!important;box-shadow:none!important;border-radius:12px!important;padding:13px 22px!important;min-height:48px;font-weight:750!important}
#administrationSite #workshopAdminForm .admin-actions .secondary-action{background:#fff!important;color:#54227c!important;border:1px solid #d9c5e5!important;box-shadow:none!important;border-radius:12px!important;padding:13px 20px!important;min-height:48px}
#administrationSite #workshopAdminForm .admin-actions button:focus-visible{outline:3px solid #7631a3!important;outline-offset:3px}
@media(max-width:600px){#administrationSite #workshopAdminForm .admin-actions button:not([hidden]){width:100%!important}}