﻿/* Shared mobile navigation, loaded after each page's styles. */
.mobile-menu-scrim[hidden]{display:none}
@media(min-width:701px){.mobile-menu-scrim,.mobile-nav.mobile-nav-panel{display:none}}
@media(max-width:700px){
 body.menu-open{overflow:hidden}
 body.menu-open>.header{z-index:82}
 .header .menu-toggle{min-height:44px;gap:12px;padding:10px 14px;border:1px solid #a2b9b5;border-radius:999px;background:#e7efec;color:#294641;font-size:12px;line-height:1;font-weight:500;transition:background .2s,border-color .2s}
 .home-page .header .menu-toggle,.cv-page .header .menu-toggle,.photography-page .header .menu-toggle{background:#d9f0e90a;color:#e7f2ee;border-color:#b9d3cc44}
 .header .menu-toggle[aria-expanded="true"]{background:#264740;color:#f0f7f3;border-color:#87aaa1}
 .header .menu-toggle .menu-toggle-label{font-size:12px}
 .header .menu-toggle .menu-toggle-icon{position:relative;width:16px;height:16px;font-size:0;flex-shrink:0}
 .menu-toggle-icon::before,.menu-toggle-icon::after{content:"";position:absolute;left:1px;top:7px;width:14px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .25s ease}
 .menu-toggle-icon::before{transform:translateY(-3px)}
 .menu-toggle-icon::after{transform:translateY(3px)}
 [aria-expanded="true"] .menu-toggle-icon::before{transform:rotate(45deg)}
 [aria-expanded="true"] .menu-toggle-icon::after{transform:rotate(-45deg)}
 .mobile-menu-scrim{position:fixed;inset:0;z-index:70;background:#0b191755;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:mobile-scrim-enter .2s ease both}
 .mobile-nav.mobile-nav-panel{position:fixed;z-index:81;top:var(--mobile-menu-top,86px);left:auto;right:16px;width:min(340px,calc(100% - 32px));max-height:calc(100dvh - var(--mobile-menu-top,86px) - 16px);overflow-y:auto;overscroll-behavior:contain;padding:20px 14px 12px;border:1px solid #afcec433;border-radius:22px;background:radial-gradient(ellipse at 95% 0%,#3c665c70,transparent 65%),#182d29f5;color:#edf3ef;box-shadow:0 24px 65px #07161266,0 1px 0 #ffffff10 inset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform-origin:top right}
 .mobile-nav.mobile-nav-panel[hidden]{display:none}
 .mobile-nav.mobile-nav-panel::before{content:"UTFORSKA";display:block;margin:0 12px 12px;color:#9db7af;font-size:9px;font-weight:500;letter-spacing:.18em}
 .mobile-nav.mobile-nav-panel:not([hidden]){animation:mobile-panel-enter .3s cubic-bezier(.2,.7,.2,1) both}
 .mobile-nav.mobile-nav-panel a{display:flex;align-items:center;gap:14px;min-height:56px;padding:13px 12px;border:0;border-radius:11px;color:#e8f1ec;text-decoration:none;font:400 15px/1.25 'Segoe UI',Arial,sans-serif;transition:background .2s,color .2s;animation:mobile-link-enter .35s ease both;animation-delay:var(--menu-link-delay,0ms)}
 .mobile-link-index{color:#86a69c;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.04em}
 .mobile-link-label{flex:1}
 .mobile-link-arrow{color:#9cbbb0;font-size:17px;transition:transform .2s}
 .mobile-nav.mobile-nav-panel a:is(:hover,:focus-visible){background:#9dcab91a;color:#fff;outline:2px solid transparent;outline-offset:-2px}
 .mobile-nav.mobile-nav-panel a:focus-visible{outline-color:#add4c4}
 .mobile-nav.mobile-nav-panel a:is(:hover,:focus-visible) .mobile-link-arrow{transform:translate(2px,-2px)}
 .mobile-nav.mobile-nav-panel a[aria-current="page"]{background:#a5cfbd24;color:#fff;text-decoration:none}
 .mobile-nav.mobile-nav-panel a[aria-current="page"] .mobile-link-index{color:#c3e1d3}
}
@keyframes mobile-panel-enter{from{opacity:0;transform:translateY(-9px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mobile-link-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes mobile-scrim-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
 .mobile-nav.mobile-nav-panel,.mobile-nav.mobile-nav-panel a,.mobile-menu-scrim{animation:none!important}
 .header .menu-toggle,.menu-toggle-icon::before,.menu-toggle-icon::after,.mobile-nav.mobile-nav-panel a,.mobile-link-arrow{transition:none}
}
