/* Season Switcher — Зима | Лето v12 */

/* Hero: absolute inside nav */
.season-switcher--hero{position:absolute;display:flex;z-index:10}

/* Page: absolute inside nav */
.season-switcher--page{position:absolute;display:flex;z-index:10}

/* Buttons */
.season-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:0.3px;border:1.5px solid rgba(255,255,255,0.35);background:transparent;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;line-height:1}
.season-btn--winter{border-radius:50px 0 0 50px;border-right:none}
.season-btn--summer{border-radius:0 50px 50px 0}
.season-icon{flex-shrink:0}

/* Hero (white on dark) */
.season-switcher--hero .season-btn{color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.3)}
.season-switcher--hero .season-btn.active{color:#fff;background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.45)}
.season-switcher--hero .season-btn:not(.active):hover{color:rgba(255,255,255,0.8);background:rgba(255,255,255,0.07)}

/* Page (dark on light) */
.season-switcher--page .season-btn{color:rgba(26,26,26,0.4);border-color:rgba(26,26,26,0.18)}
.season-switcher--page .season-btn.active{color:var(--text);background:rgba(26,26,26,0.07);border-color:rgba(26,26,26,0.25)}
.season-switcher--page .season-btn:not(.active):hover{color:rgba(26,26,26,0.65);background:rgba(26,26,26,0.04)}

/* Tooltip */
.season-tooltip{position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px);background:rgba(26,26,26,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:400;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease;pointer-events:none;z-index:100;font-family:var(--font)}
.season-tooltip::before{content:'';position:absolute;bottom:100%;left:30px;border:6px solid transparent;border-bottom-color:rgba(26,26,26,0.92)}
.season-tooltip.show{opacity:1;visibility:visible;transform:translateY(0)}

/* Desktop only: logo-col-wrap positions switcher under logo */
@media(min-width:901px){
  .logo-col-wrap{position:relative;display:flex;flex-direction:column;align-items:center}
  .logo-col-wrap .season-switcher--page{position:relative;margin-left:75px;margin-top:4px}
}

/* Mobile: allow switcher to overflow below header */
@media(max-width:900px){
  .page-header:not(.floating-header){overflow:visible !important;padding-bottom:28px !important}
  .page-header:not(.floating-header) .wrap{overflow:visible}
  .page-nav:not(.floating-header-inner){overflow:visible}
  .logo-col-wrap{display:contents}
  .season-switcher--page{position:absolute;margin-left:0}
  .season-btn{padding:2px 8px;font-size:10px}
  .season-icon{width:10px;height:10px}
  .season-tooltip{font-size:12px;white-space:normal;width:200px;text-align:center}
}