/* 4.2. Zone de recherche,connexion,utilisateur et contrôles header */ .search-login-container{grid-column:3;display:flex;justify-content:flex-end;align-items:center;padding-right:clamp(8px,2vw,20px);gap:clamp(6px,1.5vw,15px)}.search-container{position:relative;display:flex;align-items:center;gap:8px;/* espace entre icône et bouton */}.search-button{position:relative;color:var(--color-text);padding:8px;background-color:#142736;border:1px solid rgba(24,180,255,0.5);border-radius:50%;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.search-button:hover{background-color:#1c364b}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(11,26,34,0.95);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-index-search);opacity:0;visibility:hidden;transition:all 0.3s ease;padding-top:100px}.search-overlay.active{opacity:1;visibility:visible}.search-form-container{width:90%;max-width:750px;position:relative}.search-form{position:relative;isolation:isolate;display:flex;gap:10px;background:transparent;padding:15px;border:none;clip-path:polygon(var(--cut-md) 0,100% 0,100% calc(100% - var(--cut-md)),calc(100% - var(--cut-md)) 100%,0 100%,0 var(--cut-md))}.search-form::before,.search-form::after{content:'';position:absolute;z-index:-1;clip-path:polygon(var(--cut-md) 0,100% 0,100% calc(100% - var(--cut-md)),calc(100% - var(--cut-md)) 100%,0 100%,0 var(--cut-md))}.search-form::before{inset:0;background:var(--color-accent)}.search-form::after{inset:2px;background:#142736}/* Live Search Results */ .live-search-results{margin-top:8px;max-height:60vh;overflow-y:auto;background:#142736;border:1px solid rgba(119,92,49,0.3);border-radius:4px;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.ls-section{padding:6px 0}.ls-section + .ls-section{border-top:1px solid rgba(119,92,49,0.2)}.ls-label{padding:8px 16px;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-accent);opacity:0.8}.ls-item{display:block;padding:12px 16px;text-decoration:none;color:var(--color-text);transition:background-color 0.15s ease;cursor:pointer}.ls-item:hover,.ls-item.ls-active{background-color:rgba(119,92,49,0.15)}.ls-title{font-size:0.875rem;font-weight:600;margin-bottom:4px;line-height:1.3}.ls-excerpt{font-size:0.8125rem;color:var(--color-text-secondary,#aaa);line-height:1.5;margin-bottom:3px}.ls-date{font-size:0.75rem;color:var(--color-text-secondary,#888);opacity:0.7}.ls-item mark{background:rgba(119,92,49,0.3);color:var(--color-accent-light);padding:0 2px;border-radius:2px}.ls-empty{padding:24px 16px;text-align:center;font-size:0.875rem;color:var(--color-text-secondary,#888)}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.search-input{flex:1;background:none;border:none;color:var(--color-text);font-size:1.125rem;padding:0.3125rem 0.625rem;outline:none}.search-input::placeholder{color:#999}.search-submit,.search-close{background:none;border:none;color:var(--color-accent);cursor:pointer;padding:0.3125rem 0.625rem;font-size:1.125rem;transition:color 0.3s ease}.search-submit:hover,.search-close:hover{color:var(--color-accent-light)}/* Login Button */ .login-button{white-space:nowrap;font-size:1em;position:relative;color:var(--color-text);text-decoration:none;padding:0.5rem 1rem;background:transparent;border:none;z-index:1}.login-button:before{content:'';position:absolute;inset:0;background-color:var(--color-accent);background-image:linear-gradient(90deg,transparent 0%,#c9a84c 50%,transparent 100%);background-size:200% 100%;background-position:200% 0;z-index:-1;clip-path:polygon(var(--cut-sm) 0,100% 0,100% calc(100% - var(--cut-sm)),calc(100% - var(--cut-sm)) 100%,0 100%,0 var(--cut-sm));transition:background-position 0.5s ease}.login-button:hover:before{background-position:-100% 0}.login-button:after{content:'';position:absolute;inset:2px;background:#142736;z-index:-1;clip-path:polygon(calc(var(--cut-sm) - 1px) 0,100% 0,100% calc(100% - var(--cut-sm) + 1px),calc(100% - var(--cut-sm) + 1px) 100%,0 100%,0 calc(var(--cut-sm) - 1px))}/* Menu utilisateur */ .user-menu-container{position:relative}.avatar-container{cursor:pointer;position:relative}.user-avatar{width:44px;height:44px;border-radius:50%;border:2px solid transparent;background-color:#142736;transition:border-color 0.3s}.user-avatar:hover{border-color:var(--color-accent)}.avatar-unread-counter{position:absolute;bottom:-5px;right:-5px}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#142736;padding:8px 0;margin-top:10px;min-width:12.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;box-shadow:0 2px 10px rgba(0,0,0,0.3)}.dropdown-menu:before{content:'';position:absolute;top:-5px;right:20px;width:10px;height:10px;background-color:#142736;transform:rotate(45deg)}.menu-item{display:flex;align-items:center;padding:0.625rem 1.25rem;color:var(--color-text);text-decoration:none;transition:background-color 0.3s;white-space:nowrap}.menu-item i{margin-right:10px;width:20px;text-align:center}.menu-item:hover{background-color:#1c364b}.dropdown-menu .menu-item .unread-messages-counter{margin-left:5px}/* ===== SETTINGS PANEL ===== */ #settings-wrapper{position:relative;display:inline-flex;align-items:center;height:var(--header-height)}#settings-toggle{background:none;border:1px solid rgba(119,92,49,0.4);color:var(--color-accent);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.3s ease,border-color 0.3s ease,color 0.3s ease;font-size:14px}#settings-toggle:hover{background-color:rgba(119,92,49,0.15);border-color:var(--color-accent);color:var(--color-accent-light)}#settings-toggle[aria-expanded="true"]{background-color:rgba(119,92,49,0.2);border-color:var(--color-accent-light)}.settings-panel{--sp-cut:10px;position:fixed;top:var(--header-height);right:10px;width:240px;padding:16px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.25s ease,visibility 0.25s ease,transform 0.25s ease;z-index:9999;isolation:isolate}.settings-panel::before,.settings-panel::after{content:'';position:absolute;z-index:-1;clip-path:polygon(var(--sp-cut) 0,calc(100% - var(--sp-cut)) 0,100% var(--sp-cut),100% calc(100% - var(--sp-cut)),calc(100% - var(--sp-cut)) 100%,var(--sp-cut) 100%,0 calc(100% - var(--sp-cut)),0 var(--sp-cut))}.settings-panel::before{inset:0;background:var(--color-accent);box-shadow:0 8px 24px rgba(0,0,0,0.5)}.settings-panel::after{inset:1.5px;background:linear-gradient(180deg,#0d1f2d,#0a1820)}.settings-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.settings-section + .settings-section{margin-top:14px;padding-top:14px;border-top:1px solid rgba(119,92,49,0.2)}.settings-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--color-accent);margin-bottom:10px;opacity:0.8}.settings-row{display:flex;align-items:center;gap:10px}/* Mute button inside panel */ .settings-sound #btn-mute{--btn-cut:4px;position:relative;isolation:isolate;background:none;border:none;color:var(--color-text);cursor:pointer;width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:color 0.2s ease}.settings-sound #btn-mute::before,.settings-sound #btn-mute::after{content:'';position:absolute;z-index:-1;clip-path:polygon(var(--btn-cut) 0,calc(100% - var(--btn-cut)) 0,100% var(--btn-cut),100% calc(100% - var(--btn-cut)),calc(100% - var(--btn-cut)) 100%,var(--btn-cut) 100%,0 calc(100% - var(--btn-cut)),0 var(--btn-cut))}.settings-sound #btn-mute::before{inset:0;background:rgba(119,92,49,0.4)}.settings-sound #btn-mute::after{inset:1px;background:#0d1f2d;transition:background-color 0.2s ease}.settings-sound #btn-mute:hover{color:var(--color-accent-light)}.settings-sound #btn-mute:hover::after{background-color:rgba(119,92,49,0.12)}/* Shared slider style — fill is set dynamically via JS */ .settings-panel input[type="range"]{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:4px;border:none;border-radius:2px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent) var(--slider-fill,100%),rgba(119,92,49,0.15) var(--slider-fill,100%),rgba(119,92,49,0.15) 100%)}.settings-panel input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#e0d6c2;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);cursor:pointer;filter:drop-shadow(0 0 3px rgba(201,168,76,0.6))}.settings-panel input[type="range"]::-moz-range-thumb{width:14px;height:14px;background:#e0d6c2;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:none;cursor:pointer;filter:drop-shadow(0 0 3px rgba(201,168,76,0.6))}.settings-panel input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:2px}.settings-panel input[type="range"]::-moz-range-track{height:4px;background:rgba(119,92,49,0.15);border:none;border-radius:2px}.settings-panel input[type="range"]::-moz-range-progress{height:4px;background:var(--color-accent);border-radius:2px}/* Text size buttons (A- / A+) */ #text-size-down,#text-size-up{--btn-cut:3px;position:relative;isolation:isolate;background:none;border:none;color:var(--color-text);cursor:pointer;width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;transition:color 0.2s ease}#text-size-down::before,#text-size-down::after,#text-size-up::before,#text-size-up::after{content:'';position:absolute;z-index:-1;clip-path:polygon(var(--btn-cut) 0,calc(100% - var(--btn-cut)) 0,100% var(--btn-cut),100% calc(100% - var(--btn-cut)),calc(100% - var(--btn-cut)) 100%,var(--btn-cut) 100%,0 calc(100% - var(--btn-cut)),0 var(--btn-cut))}#text-size-down::before,#text-size-up::before{inset:0;background:rgba(119,92,49,0.4)}#text-size-down::after,#text-size-up::after{inset:1px;background:#0d1f2d;transition:background-color 0.2s ease}#text-size-down:hover,#text-size-up:hover{color:var(--color-accent-light)}#text-size-down:hover::after,#text-size-up:hover::after{background-color:rgba(119,92,49,0.12)}.settings-text-size-value{text-align:center;font-size:11px;color:var(--color-text-secondary,#aaa);margin-top:6px;letter-spacing:1px;font-weight:600}/* ===== REACTOR TOGGLE ===== */ @keyframes reactor-icon-exit{0%{transform:scale(1) rotate(0deg);opacity:1}100%{transform:scale(0) rotate(180deg);opacity:0}}@keyframes reactor-icon-enter{0%{transform:scale(0) rotate(-180deg);opacity:0}100%{transform:scale(1) rotate(0deg);opacity:1}}@keyframes reactor-energy-sweep{0%{transform:scaleX(0);opacity:0}30%{transform:scaleX(1);opacity:0.7}100%{transform:scaleX(1);opacity:0}}@keyframes reactor-glow-pulse{0%,100%{opacity:0.2}50%{opacity:0.5}}#theme-toggle-button.theme-switch{--reactor-cut:8px;--reactor-inner-cut:6px;--reactor-glow:var(--color-energy);--reactor-bg:#0d1f2b;--hex-stroke:#00eaff;--hex-glow:rgba(0,234,255,0.6);display:inline-flex;align-items:center;width:110px;height:40px;cursor:pointer;position:relative;box-sizing:border-box;flex-shrink:0;background:linear-gradient(135deg,#bf953f 0%,#fcf6ba 25%,#b38728 50%,#fbf5b7 75%,#aa771c 100%);border:none;border-radius:0;padding:0;overflow:hidden;clip-path:polygon(var(--reactor-cut) 0,calc(100% - var(--reactor-cut)) 0,100% var(--reactor-cut),100% calc(100% - var(--reactor-cut)),calc(100% - var(--reactor-cut)) 100%,var(--reactor-cut) 100%,0 calc(100% - var(--reactor-cut)),0 var(--reactor-cut));transition:none}#theme-toggle-button.theme-switch::after{content:'';position:absolute;inset:2px;background:var(--reactor-bg);clip-path:polygon(var(--reactor-inner-cut) 0,calc(100% - var(--reactor-inner-cut)) 0,100% var(--reactor-inner-cut),100% calc(100% - var(--reactor-inner-cut)),calc(100% - var(--reactor-inner-cut)) 100%,var(--reactor-inner-cut) 100%,0 calc(100% - var(--reactor-inner-cut)),0 var(--reactor-inner-cut));z-index:1}.reactor-glow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,var(--reactor-glow) 0%,transparent 70%);z-index:2;pointer-events:none;transition:left 0.4s cubic-bezier(0.175,0.885,0.32,1.275);animation:reactor-glow-pulse 3s ease-in-out infinite}.reactor-energy-trail{position:absolute;top:calc(50% - 1px);height:2px;background:linear-gradient(90deg,transparent,var(--reactor-glow) 30%,var(--reactor-glow) 70%,transparent);z-index:2;pointer-events:none;opacity:0;border-radius:1px}.theme-switch-thumb{width:32px;height:32px;position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:flex;align-items:center;justify-content:center;transition:left 0.4s cubic-bezier(0.175,0.885,0.32,1.275);background:none;border:none;border-radius:0;box-shadow:none;overflow:visible}.hex-border{position:absolute;inset:4px;display:flex;align-items:center;justify-content:center;pointer-events:none}.hex-border svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 3px var(--hex-glow));transition:filter 0.4s ease}.hex-border polygon{fill:none;stroke:var(--hex-stroke);stroke-width:3;transition:stroke 0.4s ease}.theme-switch-icon{display:flex;align-items:center;justify-content:center;line-height:1;z-index:1;transition:color 0.4s ease}.theme-switch-icon svg{width:14px;height:14px;display:block;filter:drop-shadow(0 0 2px currentColor)}.theme-switch-label{position:relative;z-index:2;width:100%;font-size:0.5625rem;font-family:'Arial',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;user-select:none;transition:color 0.3s ease;line-height:40px;box-sizing:border-box}/* --- Dark active --- */ #theme-toggle-button.theme-switch.dark-active .theme-switch-thumb{left:4px}#theme-toggle-button.theme-switch.dark-active .theme-switch-icon{color:#00eaff}#theme-toggle-button.theme-switch.dark-active .reactor-glow{left:0}#theme-toggle-button.theme-switch.dark-active .theme-switch-label{color:rgba(0,234,255,0.5);text-align:right;padding-right:10px;padding-left:40px}/* --- Light active --- */ #theme-toggle-button.theme-switch.light-active{--reactor-bg:#f0e6d6;--reactor-glow:rgba(255,180,40,0.9);--hex-stroke:#c9a84c;--hex-glow:rgba(230,160,30,0.7)}#theme-toggle-button.theme-switch.light-active .theme-switch-thumb{left:calc(100% - 32px - 4px)}#theme-toggle-button.theme-switch.light-active .theme-switch-icon{color:#e8820c}#theme-toggle-button.theme-switch.light-active .reactor-glow{left:calc(100% - 36px)}#theme-toggle-button.theme-switch.light-active .theme-switch-label{color:rgba(180,120,30,0.7);text-align:left;padding-left:10px;padding-right:40px}/* --- Reactor transition animation --- */ .theme-switch-icon.reactor-icon-exiting svg{animation:reactor-icon-exit 0.2s ease-in forwards}.theme-switch-icon.reactor-icon-entering svg{animation:reactor-icon-enter 0.3s cubic-bezier(0.175,0.885,0.32,1.275) forwards}#theme-toggle-button.theme-switch.reactor-transitioning .reactor-energy-trail{animation:reactor-energy-sweep 0.5s ease-out forwards}