:root{font-family:Inter,system-ui,sans-serif;color:#18181b;background:#f5f5f6;font-synthesis:none;--red:#ba0c34;--red-dark:#7e0a27;--ink:#09090b;--muted:#71717a;--line:#e4e4e7}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{min-height:100vh}.sidebar{display:none}main{min-height:100vh;padding-bottom:92px}.topbar{height:72px;background:#09090b;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;position:sticky;top:0;z-index:20}.brand img{width:184px;height:48px;object-fit:contain;object-position:left center}.icon-btn,.notification-btn,.close{border:0;background:transparent;color:white;display:grid;place-items:center}.icon-btn svg{width:25px}.notification-btn{position:relative;width:42px;height:42px;border:1px solid #343438;border-radius:13px}.notification-btn span{position:absolute;right:-3px;top:-4px;background:var(--red);border:2px solid #09090b;width:21px;height:21px;border-radius:50%;font-size:11px;display:grid;place-items:center;font-weight:700}.content{max-width:1120px;margin:auto;padding:26px 18px 60px}.eyebrow{margin:0 0 5px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.14em}.eyebrow.light{color:#f4a1b5}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif}.welcome{display:flex;flex-direction:column;gap:14px;margin:4px 0 24px}.welcome h1,.page-section>h1{font-size:38px;line-height:1;margin-bottom:7px}.welcome p,.page-section>p{color:var(--muted);font-size:14px}.status-pill{align-self:flex-start;border:1px solid #d4d4d8;border-radius:99px;padding:8px 12px;background:white;font-size:12px;font-weight:600}.status-pill span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:6px}.next-class{color:#fff;padding:22px;border-radius:22px;background:linear-gradient(135deg,#9d0b2e 0%,#be123c 54%,#72071f 100%);box-shadow:0 15px 30px #8f0d2b2b;position:relative;overflow:hidden}.next-class:after{content:'#';position:absolute;font:800 210px/1 'Barlow Condensed';right:-20px;top:-36px;color:#fff0; -webkit-text-stroke:1px #ffffff1a}.next-head{display:flex;justify-content:space-between;position:relative;z-index:1}.next-head h2{font-size:32px;margin:0}.next-head>svg{width:42px;height:42px;opacity:.9}.class-details{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0}.class-details>div{display:flex;align-items:center;gap:11px}.class-details svg{width:21px;opacity:.85}.class-details span{font-weight:700;font-size:14px}.class-details small{display:block;font-weight:400;opacity:.68;margin-bottom:2px}.class-actions{display:flex;flex-direction:column;gap:9px;position:relative;z-index:1}.button{border:0;border-radius:11px;padding:13px 16px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px}.button svg{width:18px}.button.white{background:#fff;color:var(--red-dark)}.button.ghost{background:#52051666;color:white;border:1px solid #ffffff4d}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:34px 0 14px}.section-title h2{font-size:26px;margin:0}.section-title button{border:0;background:transparent;color:var(--red);font-size:12px;font-weight:700;display:flex;align-items:center}.section-title svg{width:16px}.news-grid{display:grid;gap:11px}.news{display:flex;gap:13px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.news.important{border-left:4px solid var(--red)}.news-icon{flex:0 0 38px;height:38px;border-radius:11px;background:#fbe8ed;color:var(--red);display:grid;place-items:center}.news-icon svg{width:19px}.news h3{font-size:19px;margin:5px 0}.news p{font-size:12px;line-height:1.55;color:#52525b;margin-bottom:11px}.news small{font-size:10px;color:#a1a1aa}.tag{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--red)}.tag.neutral{color:#52525b}.quick-grid{display:grid;gap:9px;margin-top:24px}.quick-grid>button,.profile-links>button{border:1px solid var(--line);background:white;border-radius:14px;padding:13px;display:flex;align-items:center;gap:12px;text-align:left;color:#18181b}.quick-grid>button>svg,.profile-links>button>svg:last-child{margin-left:auto;width:18px;color:#a1a1aa}.quick-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fbe8ed;color:var(--red)}.quick-icon svg{width:20px}.quick-grid b,.profile-links b{display:block;font-size:13px}.quick-grid small,.profile-links small{font-size:10px;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:76px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{flex:1;border:0;background:transparent;color:#a1a1aa;font-size:10px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.bottom-nav button>span{position:relative}.bottom-nav svg{width:22px}.bottom-nav button.active{color:var(--red)}.bottom-nav i{position:absolute;background:var(--red);color:white;border-radius:99px;font-style:normal;font-size:8px;right:-9px;top:-6px;padding:2px 5px}.page-section{padding-top:4px}.filters{display:flex;gap:7px;overflow:auto;margin:24px -18px 16px;padding:0 18px 5px;scrollbar-width:none}.filters button{border:1px solid var(--line);border-radius:99px;background:white;padding:8px 13px;white-space:nowrap;font-size:12px;font-weight:600}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.schedule-list{display:grid;gap:9px}.schedule-list article{display:grid;grid-template-columns:76px 1fr 30px;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:14px;padding:13px}.schedule-list .time{font-family:'Barlow Condensed';font-size:19px;font-weight:800;color:var(--red);border-right:1px solid var(--line);align-self:stretch;display:flex;align-items:center}.schedule-list span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.schedule-list h3{font-size:18px;margin:2px 0}.schedule-list p{font-size:11px;color:#71717a;margin:0;display:flex;align-items:center;gap:3px}.schedule-list p svg{width:12px}.schedule-list button{border:0;background:transparent;color:#a1a1aa}.channel-list{display:grid;gap:10px;margin-top:25px}.channel-list>button{width:100%;border:1px solid var(--line);background:white;border-radius:14px;padding:13px;display:flex;align-items:center;gap:11px;text-align:left}.avatar{width:42px;height:42px;flex:0 0 42px;background:#fbe8ed;color:var(--red);display:grid;place-items:center;border-radius:13px}.avatar svg{width:20px}.channel-copy{min-width:0;flex:1}.channel-copy b,.channel-copy small,.channel-copy em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-copy b{font-size:12px;margin-bottom:4px}.channel-copy small{font-size:10px;color:var(--muted)}.channel-copy em{font-size:9px;color:#a1a1aa;font-style:normal;margin-top:5px}.channel-list>button>svg{width:17px;color:#a1a1aa}.unread{background:var(--red);color:white;min-width:20px;height:20px;display:grid;place-items:center;border-radius:99px;font-size:10px}.member-card{background:linear-gradient(145deg,#09090b,#27272a);color:white;border-radius:20px;padding:20px;margin-top:24px;min-height:215px;position:relative;overflow:hidden;box-shadow:0 15px 30px #0002}.member-card:after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:var(--red);filter:blur(55px);right:-80px;top:-80px;opacity:.55}.member-card .brand{position:relative;z-index:1}.member-card .brand img{width:150px}.member-name{position:absolute;bottom:45px;left:20px;z-index:1}.member-name small{font-size:9px;letter-spacing:.13em;color:#fda4af}.member-name h2{margin:4px 0 0;font-size:27px}.member-name p{font-size:11px;color:#d4d4d8}.member-card>svg{position:absolute;right:19px;bottom:48px;color:#fda4af;z-index:1}.member-card>span{position:absolute;bottom:16px;left:20px;font-size:10px;color:#86efac}.profile-links{display:grid;gap:9px;margin-top:20px}.profile-links>button>svg:first-child{color:var(--red);width:21px}.profile-links>button>span{flex:1}.prototype-note{text-align:center;font-size:10px!important;margin-top:22px;color:#a1a1aa!important}footer{text-align:center;color:#a1a1aa;font-size:10px;padding:18px}.backdrop{position:fixed;inset:0;border:0;background:#0008;z-index:39} @media(min-width:640px){.welcome{flex-direction:row;align-items:center;justify-content:space-between}.status-pill{align-self:center}.class-details{grid-template-columns:repeat(3,1fr)}.class-actions{flex-direction:row}.class-actions .button{flex:1}.news-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}} @media(min-width:900px){.app-shell{display:grid;grid-template-columns:238px 1fr}.sidebar{display:flex;position:sticky;top:0;height:100vh;background:#09090b;color:#fff;padding:28px 18px;flex-direction:column;z-index:40}.sidebar .brand img{width:200px}.season{font-size:10px;color:#71717a;text-transform:uppercase;letter-spacing:.14em;margin:6px 5px 36px}.sidebar>.bottom-nav{position:static;height:auto;background:transparent;border:0;display:grid;padding:0;gap:7px}.sidebar>.bottom-nav button{height:48px;flex-direction:row;justify-content:flex-start;padding:0 14px;border-radius:12px;font-size:12px;gap:12px}.sidebar>.bottom-nav button.active{background:var(--red);color:white}.sidebar>.bottom-nav svg{width:19px}.admin-note{margin-top:auto;border-top:1px solid #27272a;padding:18px 5px 0;display:flex;gap:9px;align-items:center}.admin-note svg{width:21px;color:#f43f5e}.admin-note b,.admin-note small{display:block}.admin-note b{font-size:11px}.admin-note small{font-size:9px;color:#71717a}.topbar{background:white;border-bottom:1px solid var(--line);padding:8px 34px}.topbar .brand{display:none}.notification-btn{color:#18181b;border-color:var(--line);margin-left:auto}.notification-btn span{border-color:white}.app-shell>main{grid-column:2;padding-bottom:0}.app-shell>.bottom-nav{display:none}.content{padding:42px 44px 70px}.desktop-hidden{display:none}.welcome h1,.page-section>h1{font-size:46px}.next-class{padding:30px}.next-head h2{font-size:39px}.quick-grid>button{padding:16px}.schedule-list{grid-template-columns:1fr 1fr}.channel-list{grid-template-columns:1fr 1fr}} @media(max-width:899px){.sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;width:min(82vw,320px);background:#09090b;color:#fff;padding:24px 18px;flex-direction:column;z-index:45;animation:slide .2s ease}.sidebar.open>.bottom-nav{display:grid;position:static;height:auto;background:transparent;border:0;margin-top:30px}.sidebar.open>.bottom-nav button{height:50px;flex-direction:row;justify-content:flex-start;padding:0 15px;border-radius:12px;gap:12px;font-size:12px}.sidebar.open>.bottom-nav button.active{background:var(--red);color:#fff}.sidebar .close{position:absolute;right:12px;top:12px}.admin-note{margin-top:auto;display:flex;gap:10px;font-size:11px}.admin-note small{display:block;color:#71717a}.sidebar.open .season{font-size:10px;color:#71717a}.sidebar.open .brand{margin-top:20px}@keyframes slide{from{transform:translateX(-100%)}to{transform:none}}} .auth-page{min-height:100vh;background:radial-gradient(circle at 80% 0,#5f071f 0,transparent 38%),#09090b;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px;color:white}.auth-brand{text-align:center;margin-bottom:22px}.auth-brand .brand img{width:min(76vw,310px);height:78px;object-position:center}.auth-brand p{font-size:12px;color:#a1a1aa}.auth-card{width:min(100%,430px);background:white;color:#18181b;border-radius:22px;padding:25px;box-shadow:0 24px 80px #0008}.auth-card h1{font-size:35px;margin-bottom:7px}.auth-card>p:not(.eyebrow):not(.form-message){font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:22px}.auth-card label,.profile-form label,.invite-card label{display:grid;gap:7px;font-size:11px;font-weight:700;margin-bottom:14px}.auth-card input,.profile-form input,.invite-card textarea{width:100%;border:1px solid #d4d4d8;border-radius:11px;padding:12px 13px;background:#fff;color:#18181b;outline:none}.auth-card input:focus,.profile-form input:focus,.invite-card textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #be123c16}.primary-action{width:100%;border:0;border-radius:11px;background:var(--red);color:white;padding:13px 16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.primary-action:hover{background:var(--red-dark)}.primary-action svg{width:18px}.form-message{font-size:11px!important;margin:13px 0 0!important;color:var(--red-dark)!important;line-height:1.45}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.auth-links button{border:0;background:transparent;color:var(--red);font-size:10px;padding:0}.privacy-copy{display:flex;align-items:center;gap:7px;max-width:420px;text-align:center;color:#71717a;font-size:9px;margin-top:20px}.privacy-copy svg{width:18px;flex:none}.loading-screen{min-height:100vh;background:#09090b;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-screen .brand img{width:260px;height:100px;object-position:center}.loading-screen>span{width:25px;height:25px;border:3px solid #3f3f46;border-top-color:var(--red);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-form,.invite-card{background:white;border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:20px}.profile-form h2{font-size:24px}.profile-form input:disabled{background:#f4f4f5;color:#71717a}.logout-button{margin:18px auto 0;border:0;background:transparent;color:#71717a;display:flex;align-items:center;gap:8px;font-size:11px}.logout-button svg{width:17px}.invite-card textarea{min-height:110px;resize:vertical;font-family:inherit}.invite-card>small{display:block;color:#71717a;font-size:9px;margin:-4px 0 15px}.invitation-list{display:grid;gap:8px}.invitation-list article{display:flex;align-items:center;gap:11px;background:white;border:1px solid var(--line);border-radius:13px;padding:12px}.invitation-list article>svg{color:var(--red);width:20px}.invitation-list article>span{flex:1;min-width:0}.invitation-list b,.invitation-list small{display:block;overflow:hidden;text-overflow:ellipsis}.invitation-list b{font-size:11px}.invitation-list small{font-size:9px;color:#a1a1aa;margin-top:3px}.invite-status{font-style:normal;font-size:9px;border-radius:99px;padding:5px 8px;background:#f4f4f5;color:#52525b}.invite-status.accepted{background:#dcfce7;color:#166534}.invite-status.error{background:#fee2e2;color:#991b1b}.empty{text-align:center;color:#a1a1aa;font-size:11px;padding:25px}.bottom-nav button{min-width:0} @media(min-width:700px){.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.profile-form h2,.profile-form .primary-action,.profile-form .form-message{grid-column:1/-1}.invite-card{padding:24px}.invitation-list{grid-template-columns:1fr 1fr}} .family-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:20px}.family-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.family-heading h2{font-size:27px;margin:0}.family-heading>svg{width:34px;height:34px;color:var(--red);padding:7px;background:#fbe8ed;border-radius:11px}.family-card>p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.55}.family-empty .primary-action{margin-top:16px}.family-privacy{display:flex;align-items:flex-start;gap:7px;background:#f4f4f5;border-radius:11px;padding:10px}.family-privacy svg{width:17px;flex:0 0 17px;color:var(--red)}.family-members{display:grid;gap:8px;margin:16px 0}.family-members article,.admin-family-list article{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:11px}.family-members article.inactive{opacity:.62}.family-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:#fbe8ed;color:var(--red);font-family:'Barlow Condensed';font-size:16px;font-weight:800}.family-members article>span:nth-child(2),.admin-family-list article>span:nth-child(2){flex:1;min-width:0}.family-members b,.family-members small,.admin-family-list b,.admin-family-list small{display:block}.family-members b,.admin-family-list b{font-size:11px}.family-members small,.admin-family-list small{font-size:9px;color:var(--muted);margin-top:3px}.family-members article>em{font-size:8px;font-style:normal;color:#166534;background:#dcfce7;border-radius:99px;padding:4px 7px}.family-members article.inactive>em{color:#52525b;background:#e4e4e7}.family-members article>div:last-child{display:flex;flex-direction:column;gap:3px}.family-members article>div:last-child button{border:0;background:transparent;color:var(--red);font-size:8px;padding:2px}.family-form{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.family-form h3{font-size:21px;margin-bottom:14px}.family-form label{display:grid;gap:7px;font-size:10px;font-weight:700;margin-bottom:11px}.family-form input{width:100%;border:1px solid #d4d4d8;border-radius:11px;padding:12px 13px;background:#fff;color:#18181b;outline:none}.family-form input:focus{border-color:var(--red);box-shadow:0 0 0 3px #be123c16}.family-form-actions{display:grid;gap:8px}.secondary-action{width:100%;border:1px solid #d4d4d8;border-radius:11px;background:#fff;color:#52525b;padding:12px 16px;font-weight:700}.admin-family-list{display:grid;gap:8px}.admin-family-list article{background:#fff}.admin-family-list article>em{font-style:normal}.admin-family-list .family-avatar{display:grid}.admin-family-list>.empty{background:#fff;border:1px solid var(--line);border-radius:13px}.family-card .form-message{margin-top:12px!important} @media(min-width:700px){.family-card{padding:24px}.family-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 12px}.family-form h3,.family-form-actions,.family-form .form-message{grid-column:1/-1}.family-form-actions{grid-template-columns:1fr auto}.admin-family-list{grid-template-columns:1fr 1fr}} .preview-badge{margin-left:auto;background:#fbe8ed;color:var(--red);border-radius:99px;padding:7px 11px;font-size:10px;font-weight:800;letter-spacing:.08em}.preview-stats{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}.preview-stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:grid;grid-template-columns:36px 1fr;gap:0 12px;align-items:center}.preview-stats svg{grid-row:1/3;width:28px;color:var(--red)}.preview-stats strong{font:800 28px/1 'Barlow Condensed';color:#18181b}.preview-stats span{font-size:10px;color:var(--muted)} @media(min-width:700px){.preview-stats{grid-template-columns:repeat(3,1fr)}} /* Planning 2026–2027 */ .planning-page{max-width:1000px;margin:0 auto} .audience-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 14px} .audience-switch button{min-height:86px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px 10px;color:#27272a;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;align-items:center} .audience-switch button>span{grid-row:1/3;font-size:24px} .audience-switch button b{font-size:13px} .audience-switch button small{font-size:10px;color:var(--muted)} .audience-switch button.active{border-color:var(--red);box-shadow:0 0 0 2px #ba0c341a;background:#fff8fa;color:var(--red-dark)} .holiday-notice{display:flex;gap:12px;align-items:flex-start;background:#111;color:#fff;border-radius:16px;padding:15px;margin:0 0 14px} .holiday-notice>svg{width:24px;flex:0 0 24px;color:#fbbf24} .holiday-notice b{font-size:13px} .holiday-notice p{font-size:11px;line-height:1.45;color:#d4d4d8;margin:4px 0 0} .kids-intro{display:flex;gap:13px;padding:17px;border-radius:18px;background:linear-gradient(135deg,#fff7ed,#fef2f2);border:1px solid #fed7aa;margin-bottom:11px} .kids-intro>svg{width:28px;flex:0 0 28px;color:#f59e0b} .kids-intro span{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.12em} .kids-intro h2{font-size:25px;margin:4px 0 7px} .kids-intro p{font-size:12px;line-height:1.55;color:#52525b;margin-bottom:10px} .kids-intro strong{display:block;font-size:12px;color:var(--red-dark)} .kids-benefits{display:grid;gap:7px;margin-bottom:16px} .kids-benefits span,.network-note{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:11px;font-weight:650;color:#3f3f46} .kids-benefits svg,.network-note svg{width:17px;height:17px;flex:0 0 17px;color:#16a34a} .network-note{margin:0 0 16px} .planning-page .filters{margin-top:16px} .schedule-list .time{flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.05} .schedule-list .time span{font:800 20px/1 'Barlow Condensed',Impact,sans-serif;color:var(--red);letter-spacing:0;text-transform:none} .schedule-list .time small{font:700 13px/1.1 'Barlow Condensed',Impact,sans-serif;color:#71717a;margin-top:4px} .schedule-list article em{display:inline-block;margin-top:5px;padding:4px 7px;border-radius:99px;background:#f4f4f5;color:#52525b;font-size:9px;font-style:normal;font-weight:700} @media(min-width:700px){ .audience-switch button{padding:16px 20px}.audience-switch button b{font-size:15px}.audience-switch button small{font-size:11px} .kids-benefits{grid-template-columns:1fr 1fr}.holiday-notice{align-items:center;padding:17px 19px} } /* Informations et sondages fermés */ .information-page{max-width:1000px;margin:0 auto} .no-chat-note{display:flex;align-items:flex-start;gap:12px;margin:20px 0 15px;padding:15px;border-radius:16px;background:#111;color:#fff} .no-chat-note>svg{width:23px;flex:0 0 23px;color:#fbbf24} .no-chat-note b{font-size:13px}.no-chat-note p{margin:4px 0 0!important;color:#d4d4d8!important;font-size:11px!important;line-height:1.5} .channel-select{display:grid;gap:7px;font-size:10px;font-weight:800;color:#52525b;margin:17px 0 10px} .channel-select>div{position:relative}.channel-select select{width:100%;appearance:none;border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px 42px 13px 13px;font-weight:700;color:#18181b}.channel-select svg{position:absolute;right:13px;top:50%;width:18px;transform:translateY(-50%);pointer-events:none;color:#71717a} .channel-chips{display:flex;gap:7px;overflow:auto;margin:0 -18px 20px;padding:0 18px 6px;scrollbar-width:none} .channel-chips button{border:1px solid var(--line);border-radius:99px;background:#fff;padding:8px 11px;display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:700;color:#52525b}.channel-chips button.active{background:var(--red);border-color:var(--red);color:#fff}.channel-chips svg{width:14px;height:14px}.channel-chips button>span{font-size:13px} .admin-publisher{background:#fff;border:1px solid var(--line);border-radius:16px;margin:0 0 19px;overflow:hidden}.admin-publisher summary{list-style:none;padding:15px;display:flex;align-items:center;gap:9px;font-weight:800;font-size:12px;cursor:pointer;background:#fff8fa;color:var(--red-dark)}.admin-publisher summary::-webkit-details-marker{display:none}.admin-publisher summary svg{width:19px}.publisher-grid{display:grid;gap:12px;padding:14px}.publisher-grid form{border:1px solid var(--line);border-radius:13px;padding:14px}.publisher-grid h3{font-size:21px;margin-bottom:13px}.publisher-grid label{display:grid;gap:6px;margin-bottom:10px;font-size:10px;font-weight:700}.publisher-grid input,.publisher-grid textarea,.publisher-grid select{width:100%;border:1px solid #d4d4d8;border-radius:10px;background:#fff;padding:11px;font:inherit;color:#18181b}.publisher-grid textarea{min-height:80px;resize:vertical}.publisher-grid small{display:block;margin:-3px 0 11px;color:#71717a;font-size:9px;line-height:1.4} .group-manager>form{padding:15px}.group-manager>form>label{display:grid;gap:7px;font-size:10px;font-weight:800}.group-manager select{width:100%;border:1px solid #d4d4d8;border-radius:10px;background:#fff;padding:11px;font:inherit;color:#18181b}.group-manager>form>small{display:block;margin:11px 0;color:#71717a;font-size:9px;line-height:1.45}.membership-grid{display:grid;gap:7px;margin-top:12px}.membership-grid label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:10px;font-weight:700;color:#52525b}.membership-grid label.selected{border-color:var(--red);background:#fff1f4;color:var(--red-dark)}.membership-grid input{accent-color:var(--red)} .information-message{display:flex;align-items:center;gap:7px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:12px;padding:10px 12px;font-size:10px;font-weight:700}.information-message svg{width:16px;flex:0 0 16px} .information-heading{display:flex;align-items:center;gap:11px;margin:27px 0 11px}.information-heading>svg{width:36px;height:36px;padding:8px;border-radius:11px;background:#fbe8ed;color:var(--red)}.information-heading .eyebrow{margin:0}.information-heading h2{margin:1px 0 0;font-size:25px} .announcement-list,.poll-list{display:grid;gap:10px}.announcement-list>.empty,.poll-list>.empty{background:#fff;border:1px solid var(--line);border-radius:13px} .announcement-list article{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px}.announcement-list article.priority{border-left:4px solid var(--red);background:#fffafb}.announcement-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:11px;background:#fbe8ed;color:var(--red)}.announcement-icon svg{width:19px}.announcement-list article>div:last-child{min-width:0}.announcement-list article span,.poll-channel{display:inline-block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--red)}.announcement-list h3{font-size:19px;margin:5px 0}.announcement-list p{font-size:11px;color:#52525b;line-height:1.55;margin-bottom:8px}.announcement-list small{font-size:9px;color:#a1a1aa} .poll-list article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.poll-list h3{font-size:21px;line-height:1.15;margin:7px 0}.poll-list article>small{font-size:9px;color:#71717a}.poll-options{display:grid;gap:7px;margin-top:14px}.poll-options button{min-height:45px;border:1px solid #d4d4d8;background:#fff;border-radius:11px;padding:10px 13px;display:flex;align-items:center;gap:8px;text-align:left;color:#27272a;font-size:11px;font-weight:700}.poll-options button:hover{border-color:var(--red)}.poll-options button.selected{border-color:var(--red);background:#fff1f4;color:var(--red-dark);box-shadow:0 0 0 2px #ba0c3412}.poll-options button:disabled{opacity:.65}.poll-options svg{width:17px;flex:0 0 17px}.vote-confirmation{display:flex;align-items:flex-start;gap:6px;margin:11px 0 0!important;color:#166534!important;font-size:9px!important;line-height:1.4}.vote-confirmation svg{width:14px;flex:0 0 14px} @media(min-width:700px){.channel-select{max-width:480px}.channel-chips{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.publisher-grid{grid-template-columns:1fr 1fr;padding:18px}.membership-grid{grid-template-columns:repeat(3,1fr)}.announcement-list{grid-template-columns:1fr 1fr}.poll-options{grid-template-columns:repeat(3,1fr)}} /* V5 · planning personnalisé par commune */ .home-shortcuts{grid-template-columns:1fr} .favorite-planning-card{display:grid;gap:13px;margin:14px 0;padding:16px;border-radius:17px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #18181b0a} .favorite-planning-card>div{display:flex;align-items:center;gap:10px}.favorite-planning-card>div>div{display:grid;gap:2px}.favorite-planning-card small{font-size:8px;letter-spacing:.12em;color:var(--muted);font-weight:800}.favorite-planning-card b{font:800 23px/1.05 'Barlow Condensed',Impact,sans-serif} .favorite-planning-card label{display:grid;gap:6px;font-size:9px;font-weight:800;color:var(--muted)}.favorite-planning-card select{width:100%;border:1px solid #d4d4d8;border-radius:11px;padding:11px;background:#fff;color:#18181b;font:inherit;font-weight:700} .city-dot{width:13px;height:13px;flex:0 0 13px;border-radius:50%;box-shadow:0 0 0 4px #18181b0a} .planning-modes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.planning-modes button{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#52525b;padding:9px 10px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:800}.planning-modes button svg{width:16px}.planning-modes button.active{background:#111;color:#fff;border-color:#111}.holiday-notice.active{box-shadow:0 0 0 3px #f59e0b35} .planning-updates{margin:18px 0}.planning-update-list{display:grid;gap:8px}.planning-update-list article{display:flex;align-items:flex-start;gap:10px;background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:13px;padding:13px}.planning-update-list article.cancelled{background:#fff1f2;border-color:#fecdd3;border-left-color:#dc2626}.planning-update-list article>svg{width:19px;flex:0 0 19px;color:#d97706}.planning-update-list article.cancelled>svg{color:#dc2626}.planning-update-list article>div{flex:1;min-width:0}.planning-update-list article span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#92400e}.planning-update-list article h3{font-size:18px;margin:4px 0}.planning-update-list article p{font-size:10px;line-height:1.45;color:#52525b}.planning-update-list article b{display:block;font-size:9px;margin-top:5px}.planning-update-list article>button{border:0;background:transparent;color:#a1a1aa;padding:0}.planning-update-list article>button svg{width:17px} .schedule-groups{display:grid;gap:18px;margin-top:15px}.schedule-group{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #18181b09}.schedule-group>header{display:flex;align-items:center;gap:11px;padding:15px 16px;background:#fafafa;border-bottom:1px solid var(--line)}.schedule-group>header h2{font-size:25px;margin:0}.schedule-group>header p{font-size:9px;color:var(--muted);margin:2px 0 0}.schedule-group .schedule-list{padding:10px;gap:8px;margin:0;grid-template-columns:1fr}.schedule-card{display:flex!important;align-items:center!important;gap:10px!important;border:1px solid var(--line)!important;border-radius:13px!important;padding:11px!important;background:#fff!important;box-shadow:none!important}.schedule-card .time{width:52px;flex:0 0 52px}.schedule-card-copy{flex:1;min-width:0}.schedule-card-copy>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--red)}.schedule-card-copy h3{font-size:17px;margin:3px 0}.schedule-card-copy p{display:flex;align-items:flex-start;gap:4px;font-size:9px;color:var(--muted);line-height:1.35}.schedule-card-copy p svg{width:12px;flex:0 0 12px}.schedule-card>a{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#f4f4f5;color:#52525b;display:grid;place-items:center}.schedule-card>a svg{width:17px} .planning-empty{text-align:center;background:#fff;border:1px dashed #d4d4d8;border-radius:17px;padding:28px 18px;margin-top:15px}.planning-empty>svg{width:34px;color:#a1a1aa}.planning-empty h2{font-size:24px;margin:7px 0}.planning-empty p{font-size:10px;color:var(--muted);margin-bottom:14px}.planning-empty .primary-action{max-width:260px;margin:auto} .planning-admin{background:#fff;border:1px solid var(--line);border-radius:17px;margin-top:22px;overflow:hidden}.planning-admin summary{list-style:none;display:flex;align-items:center;gap:8px;padding:15px;background:#111;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.planning-admin summary::-webkit-details-marker{display:none}.planning-admin summary svg{width:18px}.planning-admin form{display:grid;gap:11px;padding:15px}.planning-admin label{display:grid;gap:6px;font-size:9px;font-weight:800;color:#52525b}.planning-admin input,.planning-admin select,.planning-admin textarea{width:100%;border:1px solid #d4d4d8;border-radius:10px;padding:11px;background:#fff;color:#18181b;font:inherit}.planning-admin textarea{min-height:90px;resize:vertical}.planning-admin .primary-action{grid-column:1/-1}.planning-admin .form-message{grid-column:1/-1} @media(min-width:640px){.home-shortcuts{grid-template-columns:1fr 1fr}.favorite-planning-card{grid-template-columns:1fr minmax(240px,340px);align-items:center}.planning-modes{grid-template-columns:repeat(4,1fr)}.planning-update-list{grid-template-columns:1fr 1fr}.planning-admin form{grid-template-columns:1fr 1fr}.planning-admin .wide{grid-column:1/-1}} @media(min-width:900px){.home-shortcuts{grid-template-columns:repeat(3,1fr)}.schedule-groups{grid-template-columns:1fr 1fr}.schedule-group .schedule-list{grid-template-columns:1fr}.schedule-group:has(.schedule-card:nth-child(4)){grid-column:1/-1}.schedule-group:has(.schedule-card:nth-child(4)) .schedule-list{grid-template-columns:1fr 1fr}} /* V6 · planning couleur et interactions */ .favorite-planning-card{border-left:5px solid var(--city-color);background:linear-gradient(120deg,var(--city-soft),#fff 55%)} .favorite-planning-card .city-dot,.schedule-group .city-dot{background:var(--city-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--city-color) 14%,transparent)} .city-quick-filters{display:flex;gap:7px;overflow-x:auto;margin:0 -18px 13px;padding:1px 18px 7px;scrollbar-width:none} .city-quick-filters button{display:flex;align-items:center;gap:7px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--city-color) 27%,#e4e4e7);border-radius:99px;background:#fff;color:#3f3f46;padding:8px 11px;font-size:9px;font-weight:800;white-space:nowrap} .city-quick-filters button span{width:9px;height:9px;border-radius:50%;background:var(--city-color)} .city-quick-filters button.active{background:var(--city-soft);border-color:var(--city-color);color:var(--city-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--city-color) 10%,transparent)} .planning-display-toolbar{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0 14px;padding:8px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 22px #18181b08} .display-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f4f4f5;border-radius:10px;padding:4px} .display-switch button,.favorites-filter{min-height:39px;border:0;border-radius:8px;background:transparent;color:#52525b;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:900} .display-switch button svg,.favorites-filter svg{width:15px;height:15px} .display-switch button.active{background:#111;color:#fff;box-shadow:0 3px 9px #18181b20} .favorites-filter{border:1px solid #e4e4e7;background:#fff}.favorites-filter.active{border-color:#f59e0b;background:#fffbeb;color:#b45309} .planning-alert-title{display:flex;align-items:center;gap:10px;margin:0 0 10px}.planning-alert-title>svg{width:38px;height:38px;padding:9px;border-radius:12px;background:#fff7ed;color:#ea580c}.planning-alert-title .eyebrow{margin:0}.planning-alert-title h2{font-size:23px;margin:1px 0 0} .schedule-group{border-top:5px solid var(--city-color)} .schedule-group>header{background:linear-gradient(110deg,var(--city-soft),#fff 72%)} .display-week .schedule-group{border-top-color:#18181b}.display-week .schedule-group>header{background:#f4f4f5} .city-coded.schedule-card{position:relative;cursor:pointer;border-left:5px solid var(--city-color)!important;background:linear-gradient(100deg,var(--city-soft),#fff 45%)!important;transition:transform .16s ease,box-shadow .16s ease} .city-coded.schedule-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px #18181b12!important} .city-coded .time span,.city-coded .day-label{color:var(--city-color)!important} .touch-hint{display:block;margin-top:7px;color:#a1a1aa;font-size:8px;font-weight:700} .course-state-icons{display:grid;gap:5px;align-self:flex-start;color:var(--city-color)}.course-state-icons svg{width:16px;height:16px} .course-modal-backdrop{position:fixed;inset:0;z-index:70;display:grid;align-items:end;background:#18181bb5;backdrop-filter:blur(5px);padding:12px} .course-modal{position:relative;width:min(100%,520px);margin:0 auto;border-top:7px solid var(--city-color);border-radius:24px 24px 17px 17px;background:#fff;padding:22px;box-shadow:0 25px 80px #0007;animation:course-in .2s ease} @keyframes course-in{from{transform:translateY(20px);opacity:.4}to{transform:none;opacity:1}} .modal-close{position:absolute;right:15px;top:15px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#52525b;display:grid;place-items:center}.modal-close svg{width:18px} .course-city{display:flex;align-items:center;gap:7px;margin:0 48px 18px 0;padding:7px 10px;width:max-content;max-width:calc(100% - 48px);border-radius:99px;background:var(--city-soft);color:var(--city-color);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.course-city i{width:9px;height:9px;border-radius:50%;background:var(--city-color)} .course-modal h2{font-size:31px;line-height:1.02;margin:3px 0 15px}.course-details{display:grid;gap:8px;padding:14px;border-radius:14px;background:var(--city-soft);border:1px solid color-mix(in srgb,var(--city-color) 20%,#e4e4e7)}.course-details p{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#3f3f46}.course-details svg{width:17px;flex:0 0 17px;color:var(--city-color)} .course-actions{display:grid;gap:8px;margin-top:14px}.course-actions button,.course-actions a{min-height:46px;border:1px solid #d4d4d8;border-radius:11px;background:#fff;color:#27272a;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-size:10px;font-weight:900;text-align:center}.course-actions button svg,.course-actions a svg{width:17px}.course-actions .primary-action{border-color:#111;background:#111;color:#fff}.course-actions button.active{border-color:#f59e0b;background:#fffbeb;color:#b45309} .course-privacy{display:block;margin-top:13px;color:#71717a;font-size:8px;line-height:1.5;text-align:center} @media(min-width:640px){.planning-display-toolbar{grid-template-columns:1fr auto}.favorites-filter{min-width:130px}.course-actions{grid-template-columns:1fr 1fr}.course-actions .primary-action{grid-column:1/-1}.course-modal-backdrop{align-items:center}.course-modal{border-radius:22px}.city-quick-filters{margin-left:0;margin-right:0;padding-left:0;padding-right:0}} @media(min-width:900px){.display-week.schedule-groups{grid-template-columns:1fr}.display-week .schedule-list{grid-template-columns:1fr 1fr}.display-week .schedule-group:has(.schedule-card:nth-child(4)){grid-column:auto}} /* V7 · reprise progressive, identité sportive et contact privé */ .sport-hero{background:radial-gradient(circle at 86% 17%,#f43f5e55 0 8%,transparent 9%),linear-gradient(135deg,#09090b 0%,#3f0718 48%,#ba0c34 100%);min-height:300px} .sport-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 58%,#ffffff0b 58% 61%,transparent 61%);pointer-events:none} .sport-silhouettes{position:absolute;right:13px;bottom:12px;display:grid;grid-template-columns:repeat(2,62px);gap:8px;opacity:.12;transform:rotate(-5deg)} .sport-silhouettes svg{width:62px;height:62px;stroke-width:1.5}.sport-hero .next-head,.sport-hero .class-details,.sport-hero .class-actions{max-width:760px} .season-launch-notice{display:flex;align-items:flex-start;gap:13px;margin:18px 0;padding:17px;border-radius:17px;background:linear-gradient(125deg,#fff1f4,#fff 68%);border:1px solid #fecdd3;border-left:5px solid var(--red)} .season-launch-notice>svg{width:39px;height:39px;flex:0 0 39px;padding:9px;border-radius:12px;background:var(--red);color:#fff} .season-launch-notice span{display:block;color:var(--red);font-size:9px;font-weight:900;letter-spacing:.12em}.season-launch-notice h2{font-size:23px;margin:3px 0 5px}.season-launch-notice p{font-size:10px!important;line-height:1.55;color:#52525b!important;margin:0!important} .contact-page{max-width:1050px;margin:auto}.contact-privacy{display:flex;align-items:flex-start;gap:11px;margin:18px 0;padding:15px;border-radius:15px;background:#111;color:#fff}.contact-privacy>svg{width:23px;flex:0 0 23px;color:#fbbf24}.contact-privacy b{font-size:12px}.contact-privacy p{font-size:10px!important;line-height:1.5;color:#d4d4d8!important;margin:4px 0 0!important} .staff-access{display:flex;align-items:center;gap:10px;margin:-7px 0 15px;padding:11px 13px;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff;color:#1e3a8a}.staff-access>svg{width:23px}.staff-access span{display:grid;gap:2px}.staff-access small{font-size:8px;letter-spacing:.1em;font-weight:900}.staff-access b{font-size:11px} .contact-create{width:100%;margin-bottom:12px}.contact-page>.information-message{margin:10px 0 15px}.contact-layout{display:grid;gap:15px}.thread-list>.information-heading{margin-top:13px}.thread-list>.empty{background:#fff;border:1px dashed #d4d4d8;border-radius:14px;padding:20px} .thread-list>button{width:100%;display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#27272a;text-align:left}.thread-list>button.active{border-color:var(--red);box-shadow:0 0 0 2px #ba0c3412;background:#fffafb}.thread-list>button>span:last-child{min-width:0;display:grid;gap:3px}.thread-list small{font-size:8px;color:var(--red);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-list b{font-size:11px}.thread-list em{font-size:8px;color:#15803d;font-style:normal;font-weight:800} .thread-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:#fbe8ed;color:var(--red)}.thread-icon svg{width:18px} .conversation{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff}.conversation>header{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line);background:#fafafa}.conversation>header small{font-size:8px;color:var(--red);font-weight:800}.conversation>header h2{font-size:21px;margin:2px 0 0}.message-stream{display:grid;gap:10px;min-height:170px;max-height:420px;overflow:auto;padding:15px;background:#f8f8f8}.message-stream article{width:min(87%,480px);padding:11px 12px;border-radius:14px;background:#fff;border:1px solid var(--line)}.message-stream article.mine{justify-self:end;background:#111;color:#fff;border-color:#111;border-bottom-right-radius:4px}.message-stream article.staff{justify-self:start;border-left:4px solid var(--red);border-bottom-left-radius:4px}.message-stream b{font-size:9px}.message-stream p{font-size:10px;line-height:1.5;margin:5px 0}.message-stream small{display:block;font-size:8px;opacity:.62}.reply-form{display:grid;gap:9px;padding:13px;border-top:1px solid var(--line)} .contact-form{display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff}.contact-form-heading{display:flex;align-items:center;gap:10px}.contact-form-heading>button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-items:center}.contact-form-heading svg{width:18px}.contact-form-heading .eyebrow{margin:0}.contact-form-heading h2{font-size:23px;margin:2px 0 0}.contact-form label,.reply-form label{display:grid;gap:6px;font-size:9px;font-weight:800;color:#52525b}.contact-form input,.contact-form select,.contact-form textarea,.reply-form textarea{width:100%;border:1px solid #d4d4d8;border-radius:10px;background:#fff;padding:11px;font:inherit;color:#18181b}.contact-form textarea,.reply-form textarea{min-height:95px;resize:vertical} .contact-rules{margin-top:18px;border:1px solid #d4d4d8;border-radius:15px;background:#fff;overflow:hidden}.contact-rules summary{display:flex;align-items:center;gap:8px;padding:13px;font-size:10px;font-weight:800;cursor:pointer}.contact-rules summary svg{width:17px;color:var(--red)}.contact-rules>div{padding:0 14px 12px}.contact-rules p{font-size:9px!important;line-height:1.5;color:#52525b!important;margin:6px 0!important} @media(min-width:700px){.sport-hero{min-height:330px}.sport-silhouettes{grid-template-columns:repeat(2,88px);gap:12px}.sport-silhouettes svg{width:88px;height:88px}.contact-layout{grid-template-columns:minmax(240px,330px) 1fr}.contact-form{padding:20px}.reply-form{grid-template-columns:1fr auto;align-items:end}.reply-form .primary-action{height:44px;margin-bottom:1px}} @media(min-width:900px){.sidebar{width:268px;padding-left:20px;padding-right:20px}.app-shell{grid-template-columns:268px 1fr}.sidebar .brand img{width:228px;height:86px}.sidebar .season{text-align:center;margin-top:0}.sidebar>.bottom-nav button{height:46px}.sport-silhouettes{right:30px;bottom:24px}.next-class{padding-right:210px}} /* V8 · logo officiel renforcé, contrasté et lisible */ .hero-brand{position:absolute;z-index:3;top:16px;left:18px;right:18px;height:136px;overflow:hidden;border:8px solid #f7f2e9;border-radius:22px;background:#050505;box-shadow:0 18px 38px #21000780,0 0 0 1px #ffffff80} .hero-brand::after{content:"";position:absolute;inset:auto 18px 0;height:4px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#a50027,#ef164c,#a50027);box-shadow:0 -2px 12px #ef164c66} .hero-brand img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block} .sport-hero{padding-top:174px} .sport-hero-content{position:relative;z-index:2} .sport-silhouettes{z-index:1} .sidebar .brand{position:relative;width:100%;height:116px;overflow:hidden;border:7px solid #f7f2e9;border-radius:20px;background:#050505;box-shadow:0 15px 32px #000a,0 0 0 1px #ba0c34} .sidebar .brand::after{content:"";position:absolute;right:14px;bottom:0;left:14px;height:4px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#8f001f,#e31342,#8f001f)} .sidebar .brand img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block} .sidebar .season{margin-top:16px!important;color:#d4d4d8!important;font-weight:800;letter-spacing:.18em!important} @media(min-width:700px){.hero-brand{left:auto;right:24px;top:24px;width:340px;height:142px}.sport-hero{padding-top:30px;padding-right:390px;min-height:360px}.sport-hero-content{max-width:690px}.sport-silhouettes{right:34px;bottom:22px}} @media(min-width:900px){.sidebar{width:304px;padding:24px 18px}.app-shell{grid-template-columns:304px 1fr}.sidebar .brand{height:116px}.sidebar .brand img{width:100%;height:100%}.sidebar .season{font-size:11px;margin-bottom:25px}.sidebar>.bottom-nav button{font-size:13px}.hero-brand{width:360px;height:148px}.sport-hero{padding-right:410px}} /* V9 · équipe, ateliers et cartes adhérent virtuelles */ .team-teaser{display:grid;gap:18px;margin-top:24px;padding:22px;border-radius:20px;background:linear-gradient(135deg,#09090b,#310611 58%,#860b2b);color:#fff;overflow:hidden;box-shadow:0 14px 36px #18181b1c}.team-teaser h2{font-size:28px;margin:4px 0 7px}.team-teaser p:not(.eyebrow){font-size:11px;line-height:1.55;color:#e4e4e7}.team-teaser button{border:0;background:#fff;color:#7e0a27;border-radius:10px;padding:11px 14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:900}.team-teaser button svg{width:15px}.team-teaser-photos{display:flex;align-items:center;justify-content:center;padding:6px}.team-teaser-photos img{width:82px;height:82px;border:4px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 8px 22px #0008}.team-teaser-photos img+img{margin-left:-18px}.team-teaser-photos img:nth-child(1){object-position:center 25%}.team-teaser-photos img:nth-child(2){object-position:center 20%}.team-teaser-photos img:nth-child(3){object-position:center 22%} .team-page{max-width:1080px;margin:auto}.coach-grid{display:grid;gap:14px;margin-top:24px}.coach-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 11px 30px #18181b10}.coach-photo{height:270px;overflow:hidden;background:#18181b}.coach-photo img{width:100%;height:100%;display:block;object-fit:cover}.coach-card:nth-child(1) .coach-photo img{object-position:center 23%}.coach-card:nth-child(2) .coach-photo img{object-position:center 18%}.coach-card:nth-child(3) .coach-photo img{object-position:center 20%}.coach-copy{padding:17px;border-top:5px solid var(--red)}.coach-copy>span{display:flex;align-items:center;gap:5px;color:var(--red);font-size:8px;font-weight:900;letter-spacing:.1em}.coach-copy>span svg{width:14px}.coach-copy h2{font-size:31px;margin:5px 0 0}.coach-copy b{display:block;font-size:11px;line-height:1.4;color:#3f3f46}.coach-copy p{font-size:10px!important;line-height:1.5;color:#71717a!important;margin:8px 0 0!important}.team-section-title{margin-top:36px}.office-grid{display:grid;gap:12px}.office-grid>article{padding:17px;border:1px solid var(--line);border-radius:17px;background:#fff}.office-grid header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.office-grid header svg{width:24px;color:var(--red)}.office-grid h3{font-size:22px;margin:0}.office-person{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #f4f4f5}.office-person>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#111;color:#fff;font:800 16px 'Barlow Condensed'}.office-person p{display:grid;gap:2px;margin:0!important}.office-person b{font-size:11px}.office-person small{font-size:9px;color:#71717a}.workshop-intro{max-width:760px;font-size:11px!important;line-height:1.55!important;color:#52525b!important}.workshop-grid{display:grid;gap:13px}.workshop-grid>article{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 10px 28px #18181b0d}.workshop-visual{min-height:150px;display:grid;place-items:center;align-content:center;gap:9px;background:radial-gradient(circle at 70% 20%,#f43f5e55,transparent 33%),linear-gradient(145deg,#09090b,#760822);color:#fff}.workshop-visual svg{width:64px;height:64px;stroke-width:1.35}.workshop-visual span{font-size:9px;font-weight:900;letter-spacing:.17em}.workshop-copy{padding:17px}.workshop-copy h3{font-size:25px;margin:0 0 6px}.workshop-copy>p{font-size:10px;line-height:1.5;color:#52525b}.workshop-copy>div{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.workshop-copy>div span{display:flex;align-items:center;gap:4px;padding:7px 9px;border-radius:99px;background:#f4f4f5;font-size:9px;font-weight:800}.workshop-copy>div svg{width:14px;color:var(--red)}.workshop-copy button{width:100%;min-height:43px;border:0;border-radius:10px;background:#111;color:#fff;font-size:10px;font-weight:900}.workshop-copy button.interested{background:#166534}.workshop-copy>small{display:block;margin-top:7px;color:#71717a;font-size:8px;text-align:center}.future-workshops{display:flex;align-items:flex-start;gap:11px;margin-top:14px;padding:16px;border:1px dashed #f59e0b;border-radius:16px;background:#fffbeb;color:#92400e}.future-workshops>svg{width:23px;flex:0 0 23px}.future-workshops b{font-size:12px}.future-workshops p{font-size:9px!important;line-height:1.5;color:#92400e!important;margin:4px 0 0!important} .membership-card-list{display:grid;gap:15px;margin:22px 0}.membership-card{position:relative;overflow:hidden;min-height:315px;padding:18px;border-radius:23px;background:linear-gradient(145deg,#060606 0%,#17171a 60%,#65051c 100%);color:#fff;box-shadow:0 18px 42px #18181b28;border:1px solid #ffffff20}.membership-card.child{background:linear-gradient(145deg,#171109 0%,#2b1806 55%,#b45309 100%)}.membership-card-glow{position:absolute;width:230px;height:230px;right:-90px;top:-90px;border-radius:50%;background:#e11d48;filter:blur(55px);opacity:.45}.membership-card.child .membership-card-glow{background:#f59e0b}.membership-card>header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}.membership-card>header img{width:145px;height:58px;object-fit:cover;object-position:center;border:4px solid #f7f2e9;border-radius:12px;background:#050505}.membership-card>header span{display:flex;align-items:center;gap:4px;padding:7px 9px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff2b;font-size:8px;font-weight:800}.membership-card>header span svg{width:14px;color:#86efac}.membership-card-main{position:relative;z-index:2;display:flex;align-items:center;gap:13px;margin:30px 0 24px}.membership-initials{width:68px;height:68px;flex:0 0 68px;display:grid;place-items:center;border-radius:19px;background:#fff;color:#950b2e;font:900 29px 'Barlow Condensed';box-shadow:inset 0 0 0 4px #f4b6c4}.membership-card.child .membership-initials{color:#92400e;box-shadow:inset 0 0 0 4px #fde68a}.membership-card-main small{font-size:8px;font-weight:900;letter-spacing:.13em;color:#fda4af}.membership-card.child .membership-card-main small{color:#fcd34d}.membership-card-main h2{font-size:28px;margin:3px 0 1px}.membership-card-main p{font-size:10px;color:#d4d4d8;margin:0}.membership-card dl{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.membership-card dl>div{padding:10px;border-radius:11px;background:#ffffff10;border:1px solid #ffffff18}.membership-card dl>div:last-child{grid-column:1/-1}.membership-card dt{display:flex;align-items:center;gap:4px;font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#a1a1aa}.membership-card dt svg{width:12px}.membership-card dd{margin:5px 0 0;font-size:10px;font-weight:900}.membership-card>footer{position:relative;z-index:2;display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid #ffffff1f;color:#d4d4d8;font-size:8px;letter-spacing:.08em}.membership-card>footer b{color:#fff}.membership-pending{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px dashed #a1a1aa;border-radius:17px;background:#fff}.membership-pending>svg{width:28px;color:var(--red)}.membership-pending h2{font-size:22px;margin:0 0 4px}.membership-pending p{font-size:9px!important;line-height:1.5;color:#71717a!important;margin:0!important}.plan-summary{margin:26px 0}.plan-summary>h2{font-size:26px}.plan-summary>div{display:grid;gap:9px}.plan-summary article{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.plan-summary article span{font-size:8px;font-weight:900;color:var(--red);letter-spacing:.09em}.plan-summary article b{display:block;font:900 29px 'Barlow Condensed';margin:5px 0}.plan-summary article p{font-size:9px!important;line-height:1.5;color:#71717a!important;margin:0!important} .workshop-schedule-card{border-left-color:#f59e0b!important;background:linear-gradient(100deg,#fffbeb,#fff 48%)!important}.workshop-schedule-card .day-label{color:#b45309!important}.workshop-price{display:inline-block;margin:6px 0 2px;padding:4px 7px;border-radius:99px;background:#f59e0b;color:#fff;font-size:9px}.workshop-schedule-card em{display:block;margin-top:5px;font-size:8px;color:#92400e;font-style:normal} .bottom-nav{overflow-x:auto;justify-content:flex-start}.bottom-nav button{min-width:62px} @media(min-width:640px){.team-teaser{grid-template-columns:1fr auto;align-items:center}.team-teaser-photos img{width:92px;height:92px}.coach-grid{grid-template-columns:repeat(3,1fr)}.coach-photo{height:310px}.office-grid,.workshop-grid,.membership-card-list,.plan-summary>div{grid-template-columns:1fr 1fr}.workshop-grid>article{grid-template-columns:180px 1fr}.membership-card-list .membership-card{min-height:330px}.plan-summary>div article:last-child{grid-column:1/-1}} @media(min-width:900px){.bottom-nav{overflow:visible}.bottom-nav button{min-width:0}.sidebar>.bottom-nav button{min-width:0}.membership-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-card-list .membership-card:only-child{max-width:620px}.plan-summary>div{grid-template-columns:repeat(3,1fr)}.plan-summary>div article:last-child{grid-column:auto}.office-grid{grid-template-columns:1fr 1fr}.workshop-grid>article{grid-template-columns:200px 1fr}} /* V9 · le pied de la carte conserve son gabarit compact malgré le style global */ .membership-card>footer{padding:12px 0 0;text-align:left} /* V10 · Notre équipe : portraits du bureau + cadrage Charlène */ .office-person{align-items:center;gap:16px;padding:14px 0}.office-person>img.office-photo{width:106px;height:106px;flex:0 0 106px;border-radius:18px;object-fit:cover;background:#e4e4e7;box-shadow:0 10px 24px #18181b18}.office-person p{flex:1}.office-person b{font-size:16px}.office-person small{font-size:12px;line-height:1.35}.office-person small+small{margin-top:2px;color:#9f1239;font-weight:800}.coach-card:nth-child(3) .coach-photo{background:#b7b7b7}.coach-card:nth-child(3) .coach-photo img{object-fit:contain!important;object-position:center top!important;padding-top:10px;background:#b7b7b7}.coach-photo img{object-position:center 20%}.team-page>p{max-width:780px;line-height:1.55}.team-page .coach-copy b{font-size:12px}.team-page .coach-copy p{font-size:11px!important}.office-grid>article{padding:18px}.office-grid h3{font-size:24px}.team-section-title h2{font-size:30px}.workshop-grid>article{grid-template-columns:1fr}.workshop-visual{position:relative;overflow:hidden;min-height:215px;display:flex;align-items:flex-end;justify-content:flex-start;padding:14px;background:#09090b}.workshop-visual img.workshop-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.workshop-visual img.workshop-self-defense{object-position:center 35%}.workshop-visual img.workshop-pilates{object-position:center center}.workshop-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,11,.12) 0%,rgba(9,9,11,.18) 35%,rgba(9,9,11,.7) 100%)}.workshop-visual span{position:relative;z-index:2;padding:8px 11px;border-radius:999px;background:rgba(9,9,11,.78);border:1px solid rgba(255,255,255,.16);font-size:10px;font-weight:900;letter-spacing:.17em}.team-page .workshop-copy h3{font-size:24px}.team-page .workshop-copy>p{font-size:11px;line-height:1.55}.team-page .workshop-copy>div span{font-size:10px}.team-page .workshop-copy button{font-size:11px}@media(min-width:640px){.workshop-grid>article{grid-template-columns:240px 1fr}.workshop-visual{min-height:100%;padding:16px}}@media(max-width:639px){.coach-photo{height:340px}.coach-card:nth-child(3) .coach-photo{height:430px}.office-person>img.office-photo{width:118px;height:118px;flex-basis:118px}.office-person b{font-size:17px}.office-person small{font-size:12px}.workshop-visual{min-height:240px}} /* V10.1 · Rubrique APA Charlène */ .apa-highlight{display:grid;gap:18px;align-items:stretch;margin:10px 0 6px;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 14px 34px #18181b10}.apa-visual{position:relative;min-height:260px;background:#111}.apa-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 45%}.apa-badge{position:absolute;left:16px;bottom:16px;display:grid;gap:4px;padding:10px 12px;border-radius:16px;background:rgba(9,9,11,.76);backdrop-filter:blur(6px);color:#fff;max-width:240px}.apa-badge span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#fda4af}.apa-badge b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;line-height:1}.apa-copy{padding:20px}.apa-copy h2{font-size:34px;margin:4px 0 10px}.apa-copy>p{font-size:12px!important;line-height:1.6;color:#52525b!important}.apa-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 18px}.apa-tags span{padding:7px 10px;border-radius:999px;background:#f4f4f5;font-size:10px;font-weight:800;color:#3f3f46}.apa-prices{display:grid;gap:10px}.apa-prices article{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fcfcfd}.apa-prices span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#9f1239;text-transform:uppercase}.apa-prices b{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;line-height:1;margin:7px 0 4px}.apa-prices small{display:block;font-size:11px;line-height:1.45;color:#52525b}.apa-note{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:15px;border-radius:16px;background:#fef2f2;border:1px solid #fecdd3}.apa-note svg{width:20px;flex:0 0 20px;color:var(--red)}.apa-note b{display:block;font-size:12px}.apa-note p{margin:4px 0 0!important;font-size:10px!important;line-height:1.5;color:#7f1d1d!important}@media(min-width:760px){.apa-highlight{grid-template-columns:1.02fr 1.12fr}.apa-copy{padding:24px}.apa-prices{grid-template-columns:1fr 1fr}} /* V10.2 · Lisibilité générale, calendrier Zone A et résultats de sondages */ html{font-size:17px}body{font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}.content{max-width:1180px}.page-section>p,.welcome p{font-size:15px;line-height:1.6}.eyebrow{font-size:12px}.section-title h2{font-size:30px}.news h3{font-size:22px}.news p{font-size:14px}.news small{font-size:12px}.quick-grid b,.profile-links b{font-size:15px}.quick-grid small,.profile-links small{font-size:12px;line-height:1.35}.bottom-nav button{font-size:12px}.filters button,.planning-modes button,.display-switch button,.favorites-filter,.city-quick-filters button{font-size:13px}.favorite-planning-card small,.schedule-card .day-label,.schedule-card .touch-hint{font-size:11px}.schedule-card h3{font-size:21px}.schedule-card p,.schedule-card em{font-size:13px}.schedule-card .time span{font-size:23px}.schedule-card .time small{font-size:13px}.course-modal h2{font-size:32px}.course-details p,.course-actions button,.course-actions a{font-size:14px}.information-page>p{font-size:15px}.no-chat-note p,.announcement-list p,.poll-list h3,.poll-options button,.admin-publisher label,.admin-publisher small{font-size:14px}.channel-chips button,.channel-select select{font-size:13px}.announcement-list h3{font-size:22px}.poll-options button{min-height:48px}.poll-admin-count{margin-left:auto;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#18181b;color:#fff;font-style:normal;display:grid;place-items:center;font-size:12px;font-weight:800}.poll-admin-summary{margin:10px 0 0!important;padding:9px 11px;border-radius:10px;background:#f4f4f5;color:#3f3f46!important;font-size:12px!important;font-weight:700}.holiday-notice.active{align-items:flex-start}.school-holiday-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;margin-top:13px}.school-holiday-grid article{padding:11px 12px;border-radius:12px;background:#fff;border:1px solid #fecdd3}.school-holiday-grid strong{display:block;font-size:13px;color:#9f1239}.school-holiday-grid span{display:block;margin-top:3px;font-size:12px;color:#3f3f46}.holiday-source-note{display:block;margin-top:10px;font-size:11px;line-height:1.45;color:#7f1d1d}.office-person b{font-size:18px}.office-person small{font-size:13px}.workshop-copy h3{font-size:27px!important}.workshop-copy>p{font-size:13px!important}.apa-copy>p{font-size:14px!important}.apa-prices small{font-size:12px}.apa-tags span{font-size:11px}@media(max-width:639px){html{font-size:16px}.content{padding-left:16px;padding-right:16px}.welcome h1,.page-section>h1{font-size:42px}.section-title h2{font-size:29px}.bottom-nav{height:82px}.bottom-nav button{font-size:11px}.quick-grid>button{padding:15px}.schedule-card h3{font-size:22px}.schedule-card p{font-size:13px}.school-holiday-grid{grid-template-columns:1fr 1fr}} .payment-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin:14px 0 4px;border:0;border-radius:13px;background:linear-gradient(135deg,#ba0c34,#7e0a27);color:#fff;font-weight:900;text-decoration:none;box-shadow:0 10px 24px #7e0a2730}.payment-cta:hover{filter:brightness(.96)}.payment-cta small{font-size:10px;font-weight:700;opacity:.85}.new-course-note{display:inline-block;margin-top:5px;padding:4px 8px;border-radius:999px;background:#fff1f2;color:#9f1239;font-size:9px;font-weight:900;letter-spacing:.06em}.schedule-list article.new-pilates{border-left:4px solid #ba0c34;background:linear-gradient(100deg,#fff1f2,#fff 48%)} .official-filter-grid{display:grid;gap:10px;margin:18px 0}.official-filter-grid label{display:grid;gap:6px;font-weight:800;font-size:12px}.official-filter-grid select{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:white;font-size:14px}.official-week-list{display:grid;gap:10px;margin-top:18px}.official-course{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}.official-course.is-off{background:linear-gradient(135deg,#fff1f2,#fee2e2);border:2px solid #dc2626;box-shadow:0 8px 22px #dc262618}.official-course.is-off .official-date{border-right-color:#fca5a5}.official-course.is-off .official-city,.official-course.is-off .official-main h3{color:#991b1b}.official-course.is-off .official-main em{background:#b91c1c;color:#fff;font-size:11px;padding:7px 10px;letter-spacing:.02em}.official-course.is-off::before{content:"PAS DE COURS";grid-column:1/-1;display:block;margin:-15px -15px 10px;padding:7px 12px;background:#b91c1c;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em}.official-date{display:flex;flex-direction:column;border-right:1px solid var(--line);justify-content:center}.official-date b{font-family:'Barlow Condensed';font-size:20px}.official-date small{font-size:11px;color:var(--muted)}.official-city{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:900;color:var(--red);text-transform:uppercase}.official-city svg{width:14px}.official-main h3{font-size:21px;margin:4px 0 5px}.official-main p{display:flex;align-items:center;gap:5px;margin:3px 0!important;font-size:12px!important;color:#52525b!important}.official-main p svg{width:15px}.official-main em{display:inline-block;margin-top:7px;padding:6px 8px;border-radius:999px;background:#fef2f2;color:#991b1b;font-size:10px;font-style:normal;font-weight:800}@media(min-width:700px){.official-filter-grid{grid-template-columns:2fr 1.2fr 1fr}} /* V10.3 · Repères de reprise */ .recovery-steps{display:grid;gap:8px;margin:16px 0 20px}.recovery-step{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:#fff}.recovery-step strong{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:50%;background:#f4f4f5;font-size:13px}.recovery-step b{display:block;font-size:13px}.recovery-step small{display:block;margin-top:2px;font-size:11px;color:#71717a}.recovery-step.active{border-color:#f59e0b;background:#fffbeb}.recovery-step.active strong{background:#f59e0b;color:#fff}.recovery-step.complete{border-color:#bbf7d0;background:#f0fdf4}.recovery-step.complete strong{background:#16a34a;color:#fff}.recovery-step.season{border-color:#d4d4d8}.recovery-step.season strong{background:#18181b;color:#fff}@media(min-width:700px){.recovery-steps{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}} /* V10.2 · Accès planning plus intuitif */ .planning-main-shortcut{grid-column:1/-1!important;background:linear-gradient(135deg,#09090b,#7e0a27)!important;color:#fff!important;border:0!important;min-height:76px!important;box-shadow:0 12px 30px #7e0a2725}.planning-main-shortcut .quick-icon{background:#fff!important;color:var(--red)!important;width:50px!important;height:50px!important}.planning-main-shortcut b{font-size:21px!important;font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.02em}.planning-main-shortcut small{color:#f4d4dc!important;font-size:13px!important}.planning-main-shortcut>svg{color:#fff!important}.planning-choice{display:grid;gap:14px;margin:20px 0}.planning-choice button{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;min-height:100px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:left;color:#18181b;box-shadow:0 8px 25px #18181b0c}.planning-choice button.primary{background:linear-gradient(135deg,#09090b,#7e0a27);color:#fff;border:0}.planning-choice .choice-icon{width:52px;height:52px;border-radius:15px;background:#fbe8ed;color:var(--red);display:grid;place-items:center}.planning-choice button.primary .choice-icon{background:#fff;color:var(--red)}.planning-choice .choice-icon svg{width:25px}.planning-choice b{display:block;font:800 25px/1 'Barlow Condensed',Impact,sans-serif}.planning-choice small{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:#71717a}.planning-choice button.primary small{color:#f4d4dc}.planning-choice>button>svg{width:22px;color:#a1a1aa}.planning-choice button.primary>svg{color:#fff}.planning-priority-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12px;line-height:1.45;margin-bottom:18px}.planning-priority-note svg{width:19px;flex:0 0 19px}.planning-back{border:0;background:transparent;color:var(--red);font-size:13px;font-weight:800;padding:4px 0 14px;display:flex;align-items:center;gap:5px}.season-reference-list{display:grid;gap:11px;margin-top:18px}.season-day-group{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.season-day-group>header{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#f4f4f5}.season-day-group h2{font-size:24px;margin:0}.season-day-group header small{font-size:11px;color:#71717a}.season-course{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:14px 15px;border-top:1px solid #f4f4f5}.season-course .season-time{font:800 21px/1.1 'Barlow Condensed',Impact,sans-serif;color:var(--red)}.season-course .season-time small{display:block;color:#71717a;font:600 11px/1.2 Inter,sans-serif;margin-top:3px}.season-course h3{font-size:20px;margin:0 0 4px}.season-course p{font-size:12px;color:#52525b;margin:2px 0}.season-course em{display:inline-block;margin-top:5px;padding:5px 8px;border-radius:999px;background:#fbe8ed;color:#9f1239;font-style:normal;font-size:10px;font-weight:800}.season-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.season-filter-row label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#52525b}.season-filter-row select{width:100%;padding:11px;border:1px solid #d4d4d8;border-radius:11px;background:#fff;font:inherit}@media(max-width:639px){.planning-choice button{grid-template-columns:auto 1fr;min-height:112px}.planning-choice>button>svg{display:none}.planning-choice b{font-size:26px}.season-filter-row{grid-template-columns:1fr}.season-course{grid-template-columns:74px 1fr}} /* V10.2 · Lancement & adoption de l'application */ .official-app-card{margin:0 0 20px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#09090b 0%,#2b0b13 55%,#8f0d2b 100%);color:#fff;box-shadow:0 14px 34px #18181b20;position:relative;overflow:hidden}.official-app-card:after{content:'ZT';position:absolute;right:-12px;top:-24px;font:900 128px/1 'Barlow Condensed',Impact,sans-serif;color:#ffffff0a}.official-app-card .official-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff24;color:#fda4af;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.official-app-card h2{font-size:31px;margin:12px 0 6px}.official-app-card>p{max-width:720px;margin:0;color:#e4e4e7;font-size:13px;line-height:1.55}.official-benefits{display:grid;gap:8px;margin:16px 0}.official-benefits span{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff14;font-size:11px;font-weight:700}.official-benefits i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#9f1239;font-style:normal;font-weight:900}.official-actions{display:grid;gap:8px;margin-top:15px}.official-actions button{min-height:45px;border-radius:12px;border:1px solid #ffffff35;background:#ffffff10;color:#fff;font-weight:900;font-size:12px}.official-actions button.primary{background:#fff;color:#8f0d2b;border-color:#fff}.official-note{display:block;margin-top:10px;color:#fda4af;font-size:10px;font-weight:800}.zt-onboarding-backdrop{position:fixed;inset:0;z-index:9999;background:#000b;display:flex;align-items:flex-end;justify-content:center;padding:16px}.zt-onboarding{width:min(680px,100%);max-height:90vh;overflow:auto;border-radius:26px 26px 18px 18px;background:#fff;color:#18181b;box-shadow:0 30px 80px #0007;padding:22px}.zt-onboarding .mark{display:inline-block;padding:6px 10px;border-radius:999px;background:#fbe8ed;color:#9f1239;font-size:10px;font-weight:900;letter-spacing:.12em}.zt-onboarding h2{font-size:36px;line-height:1;margin:12px 0 8px}.zt-onboarding>p{font-size:13px;line-height:1.55;color:#52525b}.zt-onboarding-grid{display:grid;gap:9px;margin:17px 0}.zt-onboarding-grid article{padding:13px;border:1px solid #e4e4e7;border-radius:15px;background:#fafafa}.zt-onboarding-grid b{display:block;font-size:13px;margin-bottom:3px}.zt-onboarding-grid span{font-size:11px;line-height:1.45;color:#71717a}.zt-onboarding-actions{display:grid;gap:8px}.zt-onboarding-actions button{min-height:47px;border:0;border-radius:12px;font-weight:900}.zt-onboarding-actions .discover{background:#9f1239;color:#fff}.zt-onboarding-actions .install{background:#111;color:#fff}.zt-onboarding-foot{margin:11px 0 0!important;font-size:10px!important;text-align:center;color:#71717a!important}@media(min-width:640px){.official-benefits{grid-template-columns:1fr 1fr}.official-actions{grid-template-columns:1fr 1fr}.zt-onboarding-backdrop{align-items:center}.zt-onboarding{border-radius:26px;padding:28px}.zt-onboarding-grid{grid-template-columns:1fr 1fr}} /* V10.4 · Passages de grade Hapkido Saint-Étienne */ .grade-events{margin-top:18px;padding:18px;border:1px solid #27272a;border-radius:20px;background:linear-gradient(135deg,#09090b,#18181b 58%,#5f3707);color:#fff;box-shadow:0 14px 32px #18181b1a}.grade-events .eyebrow{color:#f59e0b}.grade-events h2{font-size:30px;margin:4px 0 7px}.grade-events>p{font-size:12px!important;line-height:1.55;color:#e4e4e7!important}.grade-event-list{display:grid;gap:10px;margin-top:14px}.grade-event{display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #ffffff1f;border-radius:14px;background:#ffffff0c}.grade-date{display:grid;place-items:center;text-align:center;padding:7px 5px;border-radius:11px;background:#f59e0b;color:#111}.grade-date b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;line-height:.9}.grade-date small{font-size:9px;font-weight:900;text-transform:uppercase}.grade-copy b{display:block;font-size:13px}.grade-copy small{display:block;margin-top:3px;font-size:10px;line-height:1.45;color:#d4d4d8}.grade-event a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border-radius:10px;background:#fff;color:#111;text-decoration:none;font-size:10px;font-weight:900;white-space:nowrap}@media(max-width:639px){.grade-event{grid-template-columns:68px 1fr}.grade-event a{grid-column:1/-1;width:100%}.grade-events h2{font-size:27px}} /* V10.5 · Navigation, salles et identité visuelle */ .hero-brand{height:154px!important;border:0!important;border-radius:24px!important;background:linear-gradient(135deg,#09090b,#1b0a0f)!important;box-shadow:0 16px 36px #18181b26!important;padding:12px 18px!important}.hero-brand::after{left:32px!important;right:32px!important}.hero-brand img{object-fit:contain!important;object-position:center!important}.sport-hero{padding-top:190px!important}.sidebar .brand{height:134px!important;border:0!important;border-radius:18px!important;background:transparent!important;box-shadow:none!important;padding:9px 4px!important;overflow:visible!important}.sidebar .brand::after{display:none!important}.sidebar .brand img{object-fit:contain!important;object-position:center!important}.topbar .brand img{object-fit:contain!important;padding:2px}.zt-route-btn{align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border:1px solid #d4d4d8;border-radius:11px;background:#fff;color:#18181b;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 5px 14px #18181b0a}.zt-route-btn:hover{border-color:#ba0c34;color:#9f1239}.official-course{grid-template-columns:92px minmax(0,1fr) auto}.official-course.is-off{grid-template-columns:92px minmax(0,1fr)}.season-course{grid-template-columns:82px minmax(0,1fr) auto}.zt-venue-directory{margin:0 0 20px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.zt-venue-directory summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 15px;cursor:pointer}.zt-venue-directory summary::-webkit-details-marker{display:none}.zt-venue-directory summary>svg{width:21px;color:var(--red)}.zt-venue-directory summary span{display:grid;gap:2px}.zt-venue-directory summary b{font-size:13px}.zt-venue-directory summary small{font-size:11px;color:#71717a}.zt-venue-list{display:grid;gap:0;border-top:1px solid var(--line)}.zt-venue-list article{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 15px;border-top:1px solid #f4f4f5}.zt-venue-list article:first-child{border-top:0}.zt-venue-list article>div{display:grid;gap:3px}.zt-venue-list b{font-size:12px}.zt-venue-list small{font-size:11px;color:#52525b}.zt-venue-list em{font-size:9px;color:#9f1239;font-style:normal}.zt-venue-list a{padding:8px 10px;border-radius:10px;background:#111;color:#fff;text-decoration:none;font-size:10px;font-weight:900}.zt-section-logo{display:block;width:118px;height:36px;object-fit:contain;margin:0 0 10px;opacity:.92}.information-page>.zt-section-logo,.team-page>.zt-section-logo,.planning-page>.zt-section-logo{margin-bottom:12px}@media(max-width:639px){.hero-brand{height:132px!important;padding:10px 12px!important}.sport-hero{padding-top:166px!important}.official-course,.official-course.is-off{grid-template-columns:74px minmax(0,1fr)}.official-course .zt-route-btn{grid-column:2;margin-top:7px;justify-self:start}.season-course{grid-template-columns:70px minmax(0,1fr)}.season-course .zt-route-btn{grid-column:2;justify-self:start;margin-top:5px}.zt-venue-list article{grid-template-columns:1fr}.zt-venue-list a{justify-self:start}.zt-section-logo{width:105px;height:32px}} /* V10.6 · Logo intégré sans cadre + annonces Saint-Étienne ciblées */ .grade-events-global{display:none!important}.brand,.sidebar .brand,.hero-brand{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.brand::after,.hero-brand::after{display:none!important}.sidebar .brand{height:154px!important;padding:2px 0!important}.sidebar .brand img{width:224px!important;height:132px!important;max-width:100%!important;object-fit:contain!important;object-position:center!important}.topbar .brand img{width:212px!important;height:56px!important;max-width:68vw!important;object-fit:contain!important;padding:0!important}.hero-brand{height:174px!important;padding:0 4px!important;border-radius:0!important}.hero-brand img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}.sport-hero{padding-top:198px!important}.membership-card header img{width:176px!important;height:auto!important;object-fit:contain!important;background:transparent!important}@media(max-width:639px){.topbar .brand img{width:188px!important;height:52px!important}.hero-brand{height:150px!important;top:8px!important;left:10px!important;right:10px!important}.sport-hero{padding-top:176px!important}.sidebar .brand img{width:210px!important}} /* V10.2 · Lisibilité mobile renforcée + équilibre APA */ :root{--reading-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif} body{font-family:var(--reading-font);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility} p,button,input,select,textarea,label{font-family:var(--reading-font)} h3{font-family:var(--reading-font);font-weight:800;letter-spacing:-.01em} .content p,.page-section>p{font-size:15px;line-height:1.6}.content small{font-size:13px;line-height:1.45}.content button{font-size:14px;line-height:1.25;min-height:44px} .eyebrow{font-size:12px;line-height:1.3}.welcome p{font-size:16px}.status-pill{font-size:14px}.class-details span{font-size:16px}.class-details small{font-size:13px} .news h3{font-size:21px}.news p{font-size:15px}.news small{font-size:12px}.quick-grid b,.profile-links b{font-size:15px}.quick-grid small,.profile-links small{font-size:13px} .schedule-list .time{font-size:23px}.schedule-list span{font-size:12px}.schedule-list h3{font-size:20px}.schedule-list p{font-size:14px}.filters button{font-size:14px} .channel-copy b{font-size:15px}.channel-copy small{font-size:13px}.channel-copy em{font-size:12px}.bottom-nav button{font-size:12px} .coach-copy b{font-size:14px!important}.coach-copy p{font-size:14px!important}.office-person b{font-size:17px}.office-person small{font-size:13px}.workshop-copy>p{font-size:14px!important}.workshop-copy>div span{font-size:12px} .apa-highlight{margin-top:18px;box-shadow:0 10px 26px #18181b0d}.apa-copy h2{font-family:var(--reading-font);font-size:30px;line-height:1.15;font-weight:850;letter-spacing:-.025em}.apa-copy>p{font-size:16px!important;line-height:1.65}.apa-tags span{font-size:13px}.apa-prices span{font-size:12px}.apa-prices small{font-size:14px}.apa-note b{font-size:15px}.apa-note p{font-size:13px!important}.apa-badge span{font-size:11px}.apa-badge b{font-family:var(--reading-font);font-size:22px;line-height:1.15} @media(max-width:639px){body{font-size:17px}.content{padding-left:16px;padding-right:16px}.welcome h1,.page-section>h1{font-size:40px}.content p,.page-section>p{font-size:16px}.content small{font-size:14px}.content button{font-size:15px}.quick-grid b,.profile-links b{font-size:16px}.quick-grid small,.profile-links small{font-size:14px}.schedule-list{gap:12px}.schedule-list article{grid-template-columns:86px 1fr 34px;padding:15px}.schedule-list .time{font-size:25px}.schedule-list h3{font-size:21px}.schedule-list p{font-size:15px}.filters button{font-size:15px;padding:10px 15px}.news p{font-size:16px}.channel-copy b{font-size:16px}.channel-copy small{font-size:14px}.apa-highlight{grid-template-columns:1fr}.apa-visual{min-height:235px}.apa-copy{padding:18px}.apa-copy h2{font-size:29px}.apa-copy>p{font-size:17px!important}.apa-tags span{font-size:14px}.apa-prices{grid-template-columns:1fr 1fr}.apa-prices b{font-size:31px}.apa-prices small{font-size:14px}} /* Aperçu de l’espace APA simplifié. En production, le profil APA sera routé vers cette vue. */ .apa-only-shell{min-height:100vh;background:#f5f5f6;color:#18181b;font-family:var(--reading-font)}.apa-only-top{background:#09090b;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.apa-only-top img{width:min(250px,65vw);height:74px;object-fit:contain;object-position:left center}.apa-only-top span{color:#fff;font-weight:800;font-size:15px}.apa-only-main{max-width:760px;margin:auto;padding:24px 18px 60px}.apa-only-main h1{font-family:var(--reading-font);font-size:36px;line-height:1.1;margin:0 0 10px}.apa-only-main>.lead{font-size:18px;line-height:1.6;color:#52525b;margin-bottom:22px}.apa-only-hero{overflow:hidden;border-radius:22px;background:#fff;border:1px solid #e4e4e7;margin-bottom:18px}.apa-only-hero img{width:100%;height:260px;object-fit:cover;object-position:center 48%;display:block}.apa-only-hero div{padding:18px}.apa-only-hero h2{font-family:var(--reading-font);font-size:26px;margin:0 0 7px}.apa-only-hero p{font-size:17px;line-height:1.6;color:#52525b;margin:0}.apa-only-actions{display:grid;gap:12px}.apa-only-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dedee3;border-radius:18px;padding:17px;text-decoration:none;color:#18181b;min-height:76px}.apa-only-card .ico{width:46px;height:46px;border-radius:14px;background:#fbe8ed;color:#ba0c34;display:grid;place-items:center;font-size:22px;flex:0 0 46px}.apa-only-card b{display:block;font-size:18px}.apa-only-card small{display:block;font-size:15px;color:#62626b;margin-top:3px;line-height:1.35}.apa-only-prices{margin-top:22px}.apa-only-prices h2{font-family:var(--reading-font);font-size:26px}.apa-only-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.apa-only-price{background:#fff;border:1px solid #dedee3;border-radius:16px;padding:15px}.apa-only-price span{display:block;font-size:14px;font-weight:800;color:#9f1239}.apa-only-price strong{font-size:29px;display:block;margin:5px 0}.apa-only-price small{font-size:14px;line-height:1.4;color:#52525b}.apa-only-note{margin-top:12px;background:#fef2f2;border:1px solid #fecdd3;border-radius:15px;padding:14px;font-size:15px;line-height:1.5;color:#7f1d1d}.apa-only-back{margin-top:22px;text-align:center;font-size:13px;color:#71717a}@media(max-width:520px){.apa-only-main h1{font-size:33px}.apa-only-main>.lead{font-size:18px}.apa-only-hero img{height:220px}.apa-only-card b{font-size:19px}.apa-only-card small{font-size:16px}.apa-only-price-grid{grid-template-columns:1fr}.apa-only-price span{font-size:15px}.apa-only-price small{font-size:15px}} /* V10.3 · Vacances, compensation Périgneux et option Pilates */ .compensation-note{margin-top:8px;border:1px solid #fecaca;border-radius:12px;background:#fff;padding:0;overflow:hidden}.compensation-note summary{cursor:pointer;list-style:none;padding:10px 12px;color:#991b1b;font-weight:900;font-size:13px}.compensation-note summary::-webkit-details-marker{display:none}.compensation-note p{margin:0!important;padding:0 12px 12px!important;font-size:13px!important;line-height:1.5!important;color:#7f1d1d!important}.course-more-info{margin-top:9px;border:1px solid #d4d4d8;border-radius:12px;background:#fafafa;overflow:hidden}.course-more-info summary{cursor:pointer;list-style:none;padding:9px 11px;font-size:13px;font-weight:900;color:#18181b}.course-more-info summary::-webkit-details-marker{display:none}.course-more-info p{padding:0 11px 11px;margin:0!important;font-size:13px!important;line-height:1.5!important;color:#52525b!important}.season-course em{font-size:12px!important;line-height:1.35}.holiday-notice p{font-size:14px!important;line-height:1.55!important}@media(max-width:639px){.compensation-note summary,.compensation-note p,.course-more-info summary,.course-more-info p{font-size:14px!important}.holiday-notice p{font-size:15px!important}} /* V10.4 · Inscription en ligne */ .online-registration-box{margin:22px 0 26px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#09090b 0%,#18181b 58%,#7e0a27 100%);color:#fff;box-shadow:0 16px 34px #18181b22}.online-registration-box .eyebrow{color:#fda4af;margin-bottom:6px}.online-registration-box h2{font-size:32px;margin:0 0 8px}.online-registration-box p{font-size:15px!important;line-height:1.55;color:#e4e4e7!important;margin:0 0 15px}.online-registration-box a{min-height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#fff;color:#7e0a27;font-weight:900;font-size:16px;text-decoration:none;padding:13px 18px}.online-registration-box small{display:block;margin-top:10px;color:#d4d4d8;font-size:12px;line-height:1.4}@media(max-width:639px){.online-registration-box{padding:18px 16px}.online-registration-box h2{font-size:29px}.online-registration-box p{font-size:16px!important}.online-registration-box a{font-size:16px;min-height:56px}} /* V10.5 · CTA inscription prioritaire */ .home-shortcuts .registration-quick-cta{order:-10;position:relative;overflow:hidden;min-height:76px;border:2px solid #f59e0b!important;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 54%,#ea580c 100%)!important;color:#18181b!important;box-shadow:0 12px 30px rgba(234,88,12,.24),0 0 0 0 rgba(245,158,11,.36)!important;transform:translateZ(0)} .home-shortcuts .registration-quick-cta .quick-icon{background:rgba(255,255,255,.78)!important;color:#9a3412!important;box-shadow:0 4px 14px rgba(120,53,15,.12)} .home-shortcuts .registration-quick-cta b{font-size:18px!important;letter-spacing:.035em;color:#18181b!important} .home-shortcuts .registration-quick-cta small{font-size:13px!important;line-height:1.35!important;color:#431407!important;font-weight:800!important} .home-shortcuts .registration-quick-cta svg{color:#9a3412} .home-shortcuts .registration-quick-cta:before{content:"SAISON 2026–2027";position:absolute;top:6px;right:10px;font-size:9px;font-weight:950;letter-spacing:.12em;color:#7c2d12;background:rgba(255,255,255,.7);padding:4px 7px;border-radius:999px} @keyframes ztRegistrationPulse{0%,100%{box-shadow:0 12px 30px rgba(234,88,12,.24),0 0 0 0 rgba(245,158,11,.38)}50%{box-shadow:0 14px 34px rgba(234,88,12,.3),0 0 0 9px rgba(245,158,11,0)}} @media (prefers-reduced-motion:no-preference){.home-shortcuts .registration-quick-cta{animation:ztRegistrationPulse 2.6s ease-in-out infinite}} @media(max-width:639px){.home-shortcuts .registration-quick-cta{min-height:82px;padding:14px 13px!important}.home-shortcuts .registration-quick-cta b{font-size:19px!important}.home-shortcuts .registration-quick-cta small{font-size:14px!important;padding-right:56px}} /* V10.6 · Invitations & première connexion */ .invite-production-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin:18px 0;box-shadow:0 10px 28px #18181b0d}.invite-production-card h2{font-size:28px;margin:0 0 8px}.invite-production-card>p{font-size:14px!important;line-height:1.55;color:#52525b!important}.invite-production-card form{display:grid;gap:12px;margin-top:16px}.invite-production-card label{display:grid;gap:7px;font-size:13px;font-weight:800}.invite-production-card input{width:100%;min-height:50px;border:1px solid #d4d4d8;border-radius:12px;padding:12px 14px;font-size:16px;background:#fff;color:#18181b}.invite-production-card input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #be123c16}.invite-production-card button{min-height:52px;border:0;border-radius:12px;background:var(--red);color:#fff;font-size:15px;font-weight:900;padding:12px 16px}.invite-production-card .invite-help{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:12px;border-radius:12px;background:#f4f4f5;color:#52525b;font-size:12px;line-height:1.45}.invite-preview-list{display:grid;gap:9px;margin-top:18px}.invite-preview-list article{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px}.invite-preview-list span{flex:1;min-width:0}.invite-preview-list b,.invite-preview-list small{display:block}.invite-preview-list b{font-size:14px}.invite-preview-list small{font-size:12px;color:#71717a;margin-top:2px}.invite-preview-list em{font-style:normal;font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#fff7ed;color:#9a3412}.invite-preview-list em.accepted{background:#dcfce7;color:#166534}.onboarding-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.onboarding-fields span{padding:10px 11px;border-radius:11px;background:#f4f4f5;font-size:12px;font-weight:800;color:#3f3f46}@media(max-width:639px){.invite-production-card{padding:16px}.invite-production-card h2{font-size:27px}.invite-production-card>p{font-size:15px!important}.onboarding-fields{grid-template-columns:1fr}.invite-preview-list article{align-items:flex-start;flex-wrap:wrap}.invite-preview-list em{margin-left:auto}} /* V10.7 · Invitations groupées */ .invite-mode-switch{display:flex;gap:8px;margin:14px 0 18px}.invite-mode-switch button{flex:1;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 12px;font-weight:800;font-size:13px;color:#3f3f46}.invite-mode-switch button.active{background:var(--ink);border-color:var(--ink);color:#fff}.bulk-invite-box textarea{width:100%;min-height:160px;border:1px solid #d4d4d8;border-radius:12px;padding:13px;font:inherit;font-size:14px;line-height:1.5;resize:vertical}.bulk-invite-box textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #be123c16}.bulk-tools{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.bulk-tools span{background:#f4f4f5;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;color:#52525b}.bulk-tools span.ok{background:#dcfce7;color:#166534}.bulk-tools span.warn{background:#fef3c7;color:#92400e}.bulk-preview{display:grid;gap:7px;margin:12px 0}.bulk-preview article{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:9px 10px;background:#fff}.bulk-preview b{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.bulk-preview em{font-style:normal;font-size:10px;color:#166534;background:#dcfce7;border-radius:99px;padding:4px 7px}.bulk-note{padding:12px 13px;border-radius:13px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:11px;line-height:1.5;margin-top:12px}.bulk-submit{min-height:50px;font-size:15px!important}.invite-count{font-weight:900;color:var(--red-dark)}@media(max-width:639px){.invite-mode-switch{flex-direction:column}.bulk-invite-box textarea{font-size:16px;min-height:190px}} /* Production auth */ .zt-auth-cover{position:fixed;inset:0;z-index:99999;background:#09090b;display:flex;align-items:flex-start;justify-content:center;padding:18px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:Inter,system-ui,sans-serif}.zt-auth-card{width:min(520px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 28px 80px #0008;margin:auto 0}.zt-auth-card img{display:block;width:210px;max-width:70%;margin:0 auto 18px}.zt-auth-card h2{font-size:34px;margin:0 0 8px}.zt-auth-card p{color:#52525b;line-height:1.55}.zt-auth-card form{display:grid;gap:12px}.zt-auth-card label{display:grid;gap:6px;font-weight:800;font-size:13px}.zt-auth-card input{min-height:52px;border:1px solid #d4d4d8;border-radius:12px;padding:12px 14px;font-size:16px}.zt-auth-card button{min-height:52px;border:0;border-radius:12px;background:#ba0c34;color:#fff;font-weight:900;font-size:15px;padding:12px}.zt-auth-card button.alt{background:#18181b}.zt-auth-actions{display:grid;grid-template-columns:1fr;gap:10px}.zt-auth-msg{font-size:13px;color:#991b1b;min-height:18px}.zt-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zt-profile-grid .wide{grid-column:1/-1}@media(max-width:620px){.zt-auth-card{padding:20px 16px}.zt-auth-card h2{font-size:30px}.zt-auth-actions,.zt-profile-grid{grid-template-columns:1fr}.zt-profile-grid .wide{grid-column:auto}} .family-card{display:none!important} .zt-member-card{position:relative;overflow:hidden;margin:20px 0;padding:22px;border-radius:22px;background:linear-gradient(145deg,#09090b,#27272a);color:#fff;box-shadow:0 15px 30px #0002} .zt-member-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:#ba0c34;filter:blur(58px);right:-90px;top:-95px;opacity:.58} .zt-member-card>*{position:relative;z-index:1}.zt-member-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.zt-member-card header img{width:150px;height:70px;object-fit:contain;object-position:left center}.zt-member-card .zt-card-status{padding:7px 10px;border:1px solid #ffffff40;border-radius:999px;font-size:10px;font-weight:900}.zt-member-card .zt-card-status.pending{color:#fca5a5}.zt-member-card .zt-card-status.partial{color:#fdba74}.zt-member-card .zt-card-status.paid,.zt-member-card .zt-card-status.exempt,.zt-member-card .zt-card-status.admin{color:#86efac}.zt-member-card h2{font-size:32px;margin:18px 0 4px}.zt-member-card .zt-card-plan{font-size:12px;color:#d4d4d8}.zt-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.zt-card-grid div{padding:11px;border:1px solid #ffffff18;border-radius:13px;background:#ffffff0b}.zt-card-grid small,.zt-card-grid b{display:block}.zt-card-grid small{font-size:9px;color:#a1a1aa;text-transform:uppercase;letter-spacing:.08em}.zt-card-grid b{font-size:12px;margin-top:4px}.zt-member-card footer{display:flex;justify-content:space-between;padding:16px 0 0!important;color:#d4d4d8!important;font-size:10px!important;text-align:left!important}.online-registration-box a.zt-payment-disabled{pointer-events:none;background:#71717a!important;opacity:.8}.zt-invite-territory{display:grid;gap:7px;margin:15px 0;padding:13px;border:1px solid #e4e4e7;border-radius:13px;background:#fafafa}.zt-invite-territory label{font-size:11px;font-weight:800}.zt-invite-territory select,.zt-admin-member select{width:100%;min-height:42px;border:1px solid #d4d4d8;border-radius:10px;background:#fff;padding:0 10px;font:inherit}.zt-admin-members{margin-top:28px}.zt-admin-members>header{margin-bottom:14px}.zt-admin-members>header h2{font-size:28px;margin:4px 0}.zt-admin-members>header p{font-size:12px;color:#71717a}.zt-admin-member-list{display:grid;gap:11px}.zt-admin-member{padding:15px;border:1px solid #e4e4e7;border-radius:15px;background:#fff}.zt-admin-member header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.zt-admin-member header b,.zt-admin-member header small{display:block}.zt-admin-member header small{font-size:10px;color:#71717a;margin-top:3px}.zt-admin-member-number{font-size:9px;border-radius:999px;background:#f4f4f5;padding:6px 8px;color:#52525b}.zt-admin-member-grid{display:grid;gap:9px;margin-top:13px}.zt-admin-member label{display:grid;gap:5px;font-size:10px;font-weight:800}.zt-admin-member button{width:100%;margin-top:12px;border:0;border-radius:10px;background:#18181b;color:#fff;padding:11px;font-weight:800}.zt-admin-member .zt-save-message{display:block;min-height:16px;margin-top:7px;font-size:10px;color:#166534}.zt-payment-config{margin:16px 0;padding:14px;border-radius:14px;background:#f4f4f5}.zt-payment-config b,.zt-payment-config small{display:block}.zt-payment-config small{margin-top:5px;color:#71717a;font-size:10px}.zt-payment-config .waiting{color:#9a3412;font-weight:800}.registration-quick-cta:disabled{opacity:.65;cursor:not-allowed}.status-pill.pending span{background:#ba0c34!important}.status-pill.partial span{background:#f97316!important}.status-pill.paid span,.status-pill.exempt span,.status-pill.admin span{background:#22c55e!important} @media(min-width:700px){.zt-card-grid{grid-template-columns:repeat(4,1fr)}.zt-admin-member-list{grid-template-columns:1fr 1fr}.zt-admin-member-grid{grid-template-columns:repeat(3,1fr)}} /* 28/08 : masque les boutons Itineraire des lieux sans adresse connue */ a[href="#zt-no-route"]{display:none!important} /* 29/08 : encadre d'information sur le planning officiel */ .zt-notice{margin:14px 0 18px;border:1px solid #F0C24A;border-left:5px solid #E0A21A;background:#FFF9EC;border-radius:12px;padding:12px 16px} .zt-notice>summary{cursor:pointer;font-weight:700;font-size:14px;color:#8A5D00;list-style:none;padding:2px 0} .zt-notice>summary::-webkit-details-marker{display:none} .zt-notice>summary::after{content:" +";font-weight:700} .zt-notice[open]>summary::after{content:" \2212"} .zt-notice>p{margin:10px 0 0;font-size:13.5px;line-height:1.55;color:#4A3A12} .zt-pass-wrap{position:relative;display:block}.zt-pass-wrap input{width:100%;padding-right:46px}.zt-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:36px;height:36px;width:36px;padding:0;border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer}.zt-auth-forgot{margin:2px 0 0;text-align:center}.zt-auth-forgot button{border:0;background:none;color:#ba0c34;font-weight:800;font-size:13px;padding:6px;cursor:pointer;text-decoration:underline} /* 29/08 : encart Cours du midi (Zone Inspire / After Work) */ .midi-zi-notice{display:flex;align-items:flex-start;gap:13px;margin:18px 0;padding:17px;border-radius:17px;background:linear-gradient(125deg,#eefdf3,#fff 68%);border:1px solid #bbf7d0;border-left:5px solid #15803d} .midi-zi-notice>svg{width:39px;height:39px;flex:0 0 39px;padding:9px;border-radius:12px;background:#15803d;color:#fff} .midi-zi-notice span{display:block;color:#15803d;font-size:9px;font-weight:900;letter-spacing:.12em} .midi-zi-notice h2{font-size:23px;margin:3px 0 5px} .midi-zi-notice p{font-size:13.5px!important;line-height:1.6;color:#3f3f46!important;margin:0!important}.midi-zi-reprise{display:block;margin:10px 0 0!important;padding:9px 13px;border-radius:11px;background:#15803d;color:#fff!important;font-size:16px!important;font-weight:900;line-height:1.35!important}.midi-zi-vacances{display:block;margin:9px 0 0!important;font-size:13px!important;color:#166534!important;font-weight:700;line-height:1.5}@media (max-width:520px){.midi-zi-reprise{font-size:15px!important}} .midi-zi-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px} .midi-zi-list li{font-size:12.5px;color:#27272a;line-height:1.5} .midi-zi-list li b{color:#15803d} .midi-zi-list li.midi-zi-price{font-weight:900;color:#15803d;font-size:13px;padding-top:2px} /* 30/08 : encart Contact avec la mascotte ZONO */ .contact-privacy-zono{align-items:center} .contact-privacy-avatar{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:#fff;object-fit:cover;object-position:top center} .contact-privacy-zono b{font-size:14px} /* 30/08 : bannière Infos avec ZONO, aligné à droite dans l'espace libre */ .no-chat-note-zono{align-items:center} .no-chat-note-copy{flex:1 1 auto;min-width:0} .no-chat-note-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:50%;background:#fff;object-fit:cover;object-position:top center;margin-left:auto} @media (max-width:520px){.no-chat-note-avatar{display:none}} /* 31/08 : point de statut règlement, visible d'un coup d'œil dans la liste admin */ .zt-admin-member header span{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .zt-pay-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex:0 0 12px;box-shadow:0 0 0 3px #fff,0 0 0 4px #e4e4e7} .zt-pay-dot.pending{background:#ba0c34} .zt-pay-dot.partial{background:#f97316} .zt-pay-dot.paid,.zt-pay-dot.exempt,.zt-pay-dot.admin{background:#22c55e} /* 31/08 : bouton et message pour l'attestation d'adhésion */ .zt-att-btn{display:block;width:100%;margin-top:16px;padding:13px 16px;border:0;border-radius:14px;background:#fff;color:#09090b;font-weight:800;font-size:13px;cursor:pointer} .zt-att-btn:active{transform:scale(.98)} .zt-att-locked{margin-top:16px;padding:13px 16px;border-radius:14px;background:#ffffff14;color:#d4d4d8;font-size:11.5px;line-height:1.5} /* 31/08 : changer son mot de passe depuis le Profil, une fois connecté */ .zt-pwd-change{margin-top:16px;padding:14px 16px;border-radius:14px;background:#ffffff14;color:#fff} .zt-pwd-change summary{font-weight:800;font-size:13px;cursor:pointer} .zt-pwd-row{display:flex;gap:8px;margin-top:12px} .zt-pwd-input{flex:1;border:0;border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;color:#09090b} .zt-pwd-eye{border:0;border-radius:10px;background:#ffffff2a;color:#fff;width:42px;font-size:16px;cursor:pointer} .zt-pwd-submit{display:block;width:100%;margin-top:10px;padding:11px;border:0;border-radius:10px;background:#ba0c34;color:#fff;font-weight:800;font-size:13px;cursor:pointer} .zt-pwd-msg{margin:8px 0 0;font-size:11.5px;color:#d4d4d8;min-height:14px} /* 31/08 : rubriques Nos activités et Boutique — ton neutre, pas un avertissement */ .zt-activities-notice,.zt-shop-notice{border-color:#e4e4e7;border-left-color:#ba0c34;background:#fafafa} .zt-activities-notice>summary,.zt-shop-notice>summary{color:#09090b} .zt-activities-notice>summary::after,.zt-shop-notice>summary::after{color:#ba0c34} .zt-activity-group{margin:16px 0 6px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ba0c34} .zt-activity-group:first-of-type{margin-top:10px} .zt-activity-item{display:block;width:100%;text-align:left;padding:10px 4px;border:0;border-top:1px solid #e4e4e7;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent} .zt-activity-item:first-of-type{border-top:0} .zt-activity-item:active{background:#f4f4f5} .zt-activity-item b{display:block;font-size:13.5px;color:#09090b} .zt-activity-item p{margin:3px 0 0!important;font-size:12.5px!important;color:#52525b!important;line-height:1.5} .zt-activity-link{display:block;margin-top:5px;font-size:11px;font-weight:800;color:#ba0c34} .zt-shop-notice>p{color:#52525b} /* 31/08 : puce de filtre actif sur le planning saison, déclenchée depuis Nos activités */ .zt-activity-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:9px 12px 9px 14px;border-radius:999px;background:#09090b;color:#fff;font-size:12.5px} .zt-activity-chip b{color:#fff} .zt-activity-chip button{border:0;background:#ffffff22;color:#fff;width:22px;height:22px;border-radius:50%;font-size:11px;cursor:pointer;flex:0 0 22px} /* 01/09 : bandeau Zoni (duo) sur l'écran d'accueil */ .zt-zoni-duo{display:flex;align-items:center;gap:16px;margin:6px 0 20px;padding:14px 18px 14px 10px;border-radius:20px;background:linear-gradient(120deg,#09090b,#1c0509 120%);color:#fff} .zt-zoni-duo-figures{display:flex;flex:0 0 auto} .zt-zoni-duo-figures img{width:64px;height:64px;border-radius:50%;background:#fff;object-fit:cover;object-position:top center;border:2px solid #1c0509;box-shadow:0 3px 10px #0006} .zt-zoni-duo-figures img+img{margin-left:-18px} .zt-zoni-duo b{display:block;font-size:13.5px} .zt-zoni-duo p{margin:2px 0 0!important;font-size:11.5px!important;color:#d4d4d8!important} @media (max-width:380px){.zt-zoni-duo{padding:12px 14px}.zt-zoni-duo-figures img{width:52px;height:52px}} /* 01/09 : badge "Soir" sur les cours adultes à partir de 18h */ .zt-evening-badge{display:inline-block;margin-left:7px;padding:2px 8px;border-radius:999px;background:#18181b;color:#fbbf24;font-size:9.5px;font-weight:800;letter-spacing:.04em;vertical-align:middle} /* 01/09 : image dans les annonces — admin (ajout) et adhérent (affichage) */ .zt-announce-image{margin:14px 0} .zt-announce-image-label{display:block;font-size:12px;font-weight:800;margin-bottom:6px;color:#3f3f46} .zt-announce-image-pick{display:flex;align-items:center;justify-content:center;padding:16px;border:2px dashed #d4d4d8;border-radius:14px;color:#71717a;font-size:13px;font-weight:700;cursor:pointer;text-align:center} .zt-announce-image-pick:hover{border-color:#ba0c34;color:#ba0c34} .zt-announce-image-preview{position:relative;border-radius:14px;overflow:hidden;background:#f4f4f5} .zt-announce-image-preview img{display:block;width:100%;max-height:220px;object-fit:cover} .zt-announce-image-actions{display:flex;gap:8px;padding:9px;background:#fff} .zt-announce-image-actions label,.zt-announce-image-actions button{flex:1;padding:9px;border-radius:9px;border:1px solid #e4e4e7;background:#fff;font-size:12.5px;font-weight:800;text-align:center;cursor:pointer;color:#18181b} .zt-announce-image-actions button{color:#ba0c34;border-color:#fecdd3} .zt-announce-image-error{margin:8px 0 0!important;font-size:12px!important;color:#ba0c34!important} .zt-announce-image-view{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;margin:8px 0 4px;border-radius:12px;overflow:hidden} .zt-announce-image-view img{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:12px} .zt-lightbox{position:fixed;inset:0;z-index:99998;background:#000000ee;display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-out} .zt-lightbox img{max-width:100%;max-height:100%;border-radius:10px;object-fit:contain} /* Recherche et suppression dans l'espace administrateur */ .zt-admin-search{display:flex;align-items:center;gap:12px;margin:14px 0 10px} .zt-admin-search input{flex:1;min-width:0;padding:11px 14px;border:1px solid #d4d4d8; border-radius:11px;font:inherit;font-size:14px;background:#fff;color:#18181b} .zt-admin-search input:focus{outline:none;border-color:#ba0c34;box-shadow:0 0 0 3px rgba(186,12,52,.12)} .zt-admin-search-count{font-size:12px;color:#71717a;white-space:nowrap} .zt-admin-member-actions{display:flex;gap:9px;margin-top:13px} .zt-admin-member-actions .zt-save-btn{flex:1;width:auto;margin-top:0} .zt-admin-member-actions .zt-delete-btn{width:auto;margin-top:0;border:1px solid #e4b3bf;background:#fff;color:#9f1239; border-radius:11px;padding:11px 15px;font:inherit;font-size:13px;font-weight:600;cursor:pointer; white-space:nowrap} .zt-admin-member-actions .zt-delete-btn:hover{background:#fdf0f3;border-color:#ba0c34} .zt-admin-member-actions .zt-delete-btn:disabled{opacity:.5;cursor:default} @media (max-width:560px){.zt-admin-member-actions{flex-direction:column}} /* Badges d'invitation cliquables vers la fiche adhérent */ .invite-preview-list article em{cursor:pointer;transition:transform .12s ease,filter .12s ease} .invite-preview-list article em:hover{transform:translateY(-1px);filter:brightness(.94)} .invite-preview-list article em:active{transform:translateY(0)} .zt-admin-member.zt-jump-hit{box-shadow:0 0 0 2px #ba0c34;transition:box-shadow .2s ease} @media (prefers-reduced-motion:reduce){ .invite-preview-list article em{transition:none} .invite-preview-list article em:hover{transform:none} } /* Bouton Tout afficher de la recherche adhérents */ .zt-admin-search .zt-admin-showall{width:auto;margin-top:0;flex:none;border:1px solid #d4d4d8; background:#fff;color:#3f3f46;border-radius:11px;padding:11px 15px;font:inherit;font-size:13px; font-weight:600;cursor:pointer;white-space:nowrap} .zt-admin-search .zt-admin-showall:hover{background:#f4f4f5;border-color:#a1a1aa} @media (max-width:560px){ .zt-admin-search{flex-wrap:wrap} .zt-admin-search input{flex:1 1 100%} .zt-admin-search-count{flex:1 1 100%} } /* Invitations : liste repliée, affichée via les deux boutons */ .zt-inv-bar{display:flex;gap:9px;margin:14px 0 4px;flex-wrap:wrap} .zt-inv-bar button{border:1px solid #d4d4d8;background:#fff;color:#3f3f46;border-radius:11px; padding:11px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer; display:inline-flex;align-items:center;gap:8px} .zt-inv-bar button:hover{background:#f4f4f5;border-color:#a1a1aa} .zt-inv-bar button em{font-style:normal;font-size:12px;font-weight:700; background:#f4f4f5;color:#52525b;border-radius:999px;padding:2px 8px} .zt-inv-bar button.on{background:#09090b;border-color:#09090b;color:#fff} .zt-inv-bar button.on em{background:#ba0c34;color:#fff} .zt-inv-host .invite-preview-list article{display:none} .zt-inv-host.zt-inv-pending .invite-preview-list article:not(:has(em.accepted)){display:flex} .zt-inv-host.zt-inv-active .invite-preview-list article:has(em.accepted){display:flex} /* Bandeau horaire exceptionnel */ .zt-alert-wrap{margin:0 0 18px} .zt-alert{display:flex;gap:13px;align-items:flex-start;background:#fff7ed; border:1px solid #fed7aa;border-left:4px solid #ea580c;border-radius:12px;padding:14px 16px} .zt-alert+.zt-alert{margin-top:10px} .zt-alert-icon{flex:none;width:24px;height:24px;border-radius:50%;background:#ea580c;color:#fff; font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;margin-top:1px} .zt-alert b{display:block;font-size:15px;color:#7c2d12;margin-bottom:3px} .zt-alert p{margin:0;font-size:14px;line-height:1.5;color:#9a3412} /* Bandeaux planning — annulation, ciblage commune, exception au planning */ .zt-alert-stop{background:#fef2f2;border-color:#fecaca;border-left-color:#dc2626} .zt-alert-stop .zt-alert-icon{background:#dc2626} .zt-alert-stop b{color:#7f1d1d} .zt-alert-stop p{color:#991b1b} .zt-alert-city{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase; letter-spacing:.04em;background:rgba(0,0,0,.07);border-radius:999px;padding:2px 9px;margin-bottom:5px} .season-course.zt-course-hidden{display:none} .season-course.zt-course-exception{border-color:#ea580c;background:#fff7ed} .zt-exception-badge{margin-left:8px;font-size:10px;font-weight:800;text-transform:uppercase; letter-spacing:.05em;background:#ea580c;color:#fff;border-radius:999px;padding:3px 9px; vertical-align:middle} /* Formulaire admin des bandeaux */ .zt-alert-admin{margin-top:26px;padding:18px;border:1px solid #e4e4e7;border-radius:14px;background:#fafafa} .zt-alert-admin h3{margin:0 0 6px;font-size:19px} .zt-alert-admin-help{margin:0 0 14px;font-size:13px;line-height:1.5;color:#52525b} .zt-alert-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .zt-alert-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#3f3f46} .zt-alert-form .zt-alert-full{grid-column:1/-1} .zt-alert-form input,.zt-alert-form select,.zt-alert-form textarea{padding:10px 12px;border:1px solid #d4d4d8; border-radius:10px;font:inherit;font-size:14px;font-weight:400;background:#fff;color:#18181b;width:100%} .zt-alert-form textarea{resize:vertical} .zt-alert-publish{margin-top:14px;width:100%;border:0;border-radius:11px;background:#09090b;color:#fff; padding:12px;font:inherit;font-weight:800;cursor:pointer} .zt-alert-publish:hover{background:#27272a} .zt-alert-msg{display:block;margin-top:8px;font-size:12px;color:#52525b} .zt-alert-live{margin-top:16px;display:grid;gap:8px} .zt-alert-none{margin:0;font-size:13px;color:#71717a} .zt-alert-live-row{display:flex;align-items:center;gap:12px;justify-content:space-between; background:#fff;border:1px solid #e4e4e7;border-radius:11px;padding:11px 13px} .zt-alert-live-row b{display:block;font-size:14px} .zt-alert-live-row small{font-size:12px;color:#71717a} .zt-alert-del{border:1px solid #e4b3bf;background:#fff;color:#9f1239;border-radius:9px; padding:8px 13px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap} .zt-alert-del:hover{background:#fdf0f3} @media (max-width:560px){.zt-alert-form{grid-template-columns:1fr}} /* Onglet Boutique à venir */ .bottom-nav button.zt-nav-soon{opacity:.45;cursor:default} .bottom-nav button.zt-nav-soon:hover{opacity:.45;background:none} .bottom-nav button.zt-nav-soon:active{transform:none} /* Champs avancés repliés du formulaire de bandeau */ .zt-alert-adv{margin-top:12px;border:1px solid #e4e4e7;border-radius:11px;background:#fff;padding:0} .zt-alert-adv summary{cursor:pointer;padding:12px 14px;font-size:13px;font-weight:700;color:#3f3f46; list-style:none;display:flex;align-items:center;gap:8px} .zt-alert-adv summary::-webkit-details-marker{display:none} .zt-alert-adv summary::before{content:'+';font-size:16px;font-weight:800;color:#ba0c34} .zt-alert-adv[open] summary::before{content:'\2212'} .zt-alert-adv[open] summary{border-bottom:1px solid #e4e4e7} .zt-alert-adv-help{margin:12px 14px 0;font-size:12px;line-height:1.5;color:#71717a} .zt-alert-adv .zt-alert-form{padding:12px 14px 14px} /* Exception dans la vue semaine */ .official-course.zt-course-hidden{display:none} .official-course.zt-course-exception{border-color:#ea580c;background:#fff7ed} .official-course.zt-course-exception .official-city{color:#c2410c} /* Encarts cliquables de la carte "Tout Zone Training dans votre poche" */ .official-benefits span.zt-benefit-link{cursor:pointer;position:relative;padding-right:34px; transition:background .14s ease,transform .14s ease} .official-benefits span.zt-benefit-link::after{content:'\203A';position:absolute;right:15px; top:50%;transform:translateY(-50%);font-size:21px;line-height:1;opacity:.5} .official-benefits span.zt-benefit-link:hover{background:rgba(255,255,255,.13);transform:translateX(2px)} .official-benefits span.zt-benefit-link:hover::after{opacity:1} .official-benefits span.zt-benefit-link:focus-visible{outline:2px solid #fff;outline-offset:2px} @media (prefers-reduced-motion:reduce){ .official-benefits span.zt-benefit-link{transition:none} .official-benefits span.zt-benefit-link:hover{transform:none} }