/* The MXA floating dock, matched to ErdWerk's atelier palette. */
.mobile-bottom-nav{display:none}
@media(max-width:760px){
  :root{
    --mobile-dock-height:70px;
    --mobile-dock-offset:calc(var(--mobile-dock-height) + 16px + env(safe-area-inset-bottom,0px));
    --header-height:calc(100px + env(safe-area-inset-top,0px));
  }
  html{scroll-padding-bottom:calc(24px + var(--mobile-dock-offset))}
  .portfolio-site .header{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-left:max(var(--page-pad),env(safe-area-inset-left,0px));padding-right:max(var(--page-pad),env(safe-area-inset-right,0px))}
  .mobile-bottom-nav{
    position:fixed;left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:36;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;
    height:var(--mobile-dock-height);padding:6px;border:1px solid #c7ded369;border-radius:12px;
    color:var(--ink);background:linear-gradient(135deg,#19343deb,#10232bed);box-shadow:0 8px 30px #01090b66,inset 0 1px #ffffff08;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  }
  .mobile-bottom-nav>a,.mobile-bottom-nav>button{
    min-width:0;min-height:44px;padding:5px 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    border:1px solid #c7ded329;border-radius:7px;color:inherit;background:transparent;font:500 10px/1.2 var(--sans);text-decoration:none;white-space:nowrap;
    -webkit-tap-highlight-color:transparent;transition:background .18s,border-color .18s,color .18s;
  }
  .mobile-bottom-nav>[aria-current="location"],.mobile-bottom-nav>[aria-expanded="true"]{border-color:#c7ded396;background:#f0ebe118}
  .mobile-bottom-nav>[data-mobile-nav="kontakt"]{color:#eed0b0;border-color:#ddb38b90;background:#ddb38b16}
  .mobile-bottom-nav>[data-mobile-nav="kontakt"][aria-current="location"]{border-color:var(--accent);background:#ddb38b2b}
  .mobile-bottom-nav>a:focus-visible,.mobile-bottom-nav>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .mobile-bottom-nav svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
  .portfolio-site .footer{padding-bottom:calc(24px + var(--mobile-dock-offset))}
  .portfolio-site .load-error{bottom:calc(8px + var(--mobile-dock-offset))}
  .mobile-bottom-nav[data-suppressed="true"],body:has(dialog[open]) .mobile-bottom-nav,body.gallery-open .mobile-bottom-nav,
  body:has(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="range"]):not([type="color"]):focus,textarea:focus,select:focus,[contenteditable="true"]:focus) .mobile-bottom-nav{visibility:hidden;pointer-events:none}
}
@media(max-width:760px) and (hover:hover){.mobile-bottom-nav>a:hover,.mobile-bottom-nav>button:hover{border-color:#c7ded396;background:#f0ebe118}}
@media(prefers-reduced-motion:reduce){.mobile-bottom-nav>a,.mobile-bottom-nav>button{transition:none}}