/* Header only. Footer 1.0.4 and webshop styles are intentionally unchanged. */
.emd-header-space{height:146px}.emd-header-space-overlay{height:0}
#emd-header,#emd-mobile-menu{font-family:Arial,Helvetica,sans-serif;line-height:1.5;letter-spacing:normal;text-transform:none;--emd-admin-offset:0px}
#emd-header *,#emd-mobile-menu *{box-sizing:border-box}
#emd-header{position:fixed;z-index:9990;top:calc(20px + var(--emd-admin-offset));left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1680px;margin:0;color:#fff;border:1px solid rgba(255,255,255,.36);border-radius:24px;background:linear-gradient(120deg,rgba(255,255,255,.13),rgba(255,255,255,.045)),rgba(18,40,68,.24);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:0 12px 36px rgba(19,40,69,.12),inset 0 1px rgba(255,255,255,.34);transition:background .25s,color .25s,box-shadow .25s,top .25s}
body.admin-bar #emd-header,body.admin-bar #emd-mobile-menu{--emd-admin-offset:32px}
#emd-header .emd-header-inner{min-height:104px;padding:12px 30px;display:flex;gap:32px;align-items:center}
#emd-header a,#emd-mobile-menu a{text-decoration:none;color:inherit}
#emd-header .emd-header-brand{display:block;position:relative;flex:none;width:180px;aspect-ratio:1053/450;line-height:0}
#emd-header .emd-header-brand img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;margin:0;border:0;box-shadow:none;transition:opacity .2s}
#emd-header .emd-logo-positive{opacity:0}
#emd-header .emd-desktop-nav{margin-left:auto}
#emd-header ul,#emd-mobile-menu ul{list-style:none;margin:0;padding:0}
#emd-header .emd-navigation-list{display:flex;align-items:center;gap:10px}
#emd-header .emd-navigation-list li{position:relative;list-style:none;margin:0;padding:0}
#emd-header .emd-navigation-list>li>a{position:relative;display:flex;align-items:center;min-height:48px;padding:0 16px;font-size:15px;font-weight:600;white-space:nowrap;transition:color .18s}
#emd-header .emd-navigation-list>li>a::after{content:"";position:absolute;bottom:6px;left:16px;right:16px;height:2px;border-radius:2px;background:#8fbe21;transform:scaleX(0);transition:transform .18s}
#emd-header .emd-navigation-list>li>a[aria-current]::after,#emd-header .emd-navigation-list>li>a:hover::after,#emd-header .emd-navigation-list>li>a:focus-visible::after{transform:scaleX(1)}
#emd-header .emd-navigation-list a:hover{color:#c7eb78}
#emd-header .sub-menu{display:none;position:absolute;top:100%;right:0;min-width:220px;padding:10px;border-radius:16px;color:#253785;background:rgba(242,248,255,.97);box-shadow:0 12px 30px rgba(25,45,90,.18)}
#emd-header .sub-menu .sub-menu{top:0;right:100%}
#emd-header li:hover>.sub-menu,#emd-header li:focus-within>.sub-menu{display:block}
#emd-header .sub-menu a{display:block;padding:10px 14px;font-size:14px;white-space:normal}
#emd-header .sub-menu a:hover{color:#577c0c}
#emd-header .emd-header-actions{display:flex;align-items:center;gap:10px}
#emd-header .emd-header-icon,#emd-mobile-menu .emd-header-icon{display:grid;place-items:center;position:relative;flex:none;width:48px;height:48px;min-height:0;padding:11px;margin:0;border:1px solid rgba(255,255,255,.4);border-radius:50%;color:inherit;background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.3);cursor:pointer;transition:background .18s,color .18s}
#emd-header .emd-header-icon:hover{background:rgba(255,255,255,.22);color:#c7eb78}
#emd-header .emd-header-icon svg,#emd-mobile-menu .emd-header-icon svg{display:block;width:25px;height:25px;fill:none}
#emd-header .emd-menu-trigger,#emd-header [hidden],#emd-mobile-menu [hidden]{display:none}
#emd-header .emd-cart-count{position:absolute;top:-7px;right:-6px;min-width:25px;height:25px;padding:0 7px;border:1px solid rgba(143,190,33,.38);border-radius:7px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.26);color:#8fbe21;font-size:12px;line-height:1;font-weight:900;box-shadow:0 7px 18px rgba(80,120,10,.16),inset 0 1px 0 rgba(255,255,255,.84);-webkit-backdrop-filter:blur(14px) saturate(165%);backdrop-filter:blur(14px) saturate(165%)}
#emd-header .emd-cart-count[hidden]{display:none}
#emd-header.emd-header-light{top:calc(12px + var(--emd-admin-offset));color:#253785;background:linear-gradient(120deg,rgba(255,255,255,.83),rgba(226,239,255,.66));border-color:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(37,55,133,.12),inset 0 1px rgba(255,255,255,.95)}
#emd-header.emd-header-light .emd-logo-negative{opacity:0}
#emd-header.emd-header-light .emd-logo-positive{opacity:1}
#emd-header.emd-header-light .emd-header-icon{background:rgba(255,255,255,.45);border-color:rgba(255,255,255,.9)}
#emd-header.emd-header-light .emd-navigation-list a:hover,#emd-header.emd-header-light .emd-header-icon:hover{color:#577c0c}
#emd-header :focus-visible,#emd-mobile-menu :focus-visible{outline:3px solid #8fbe21;outline-offset:5px}
#emd-mobile-menu{padding:28px;margin:auto;color:#253785;width:440px;max-width:calc(100% - 28px);max-height:calc(100dvh - 48px);overflow:auto;border:1px solid rgba(255,255,255,.95);border-radius:24px;background:linear-gradient(140deg,rgba(255,255,255,.93),rgba(224,238,255,.86));backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 22px 65px rgba(17,38,71,.22),inset 0 1px rgba(255,255,255,.95)}
#emd-mobile-menu:not([open]){display:none}
#emd-mobile-menu::backdrop{background:rgba(13,30,54,.2);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#emd-mobile-menu .emd-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
#emd-mobile-menu h2{font:700 20px/1.5 Arial,Helvetica,sans-serif;color:inherit;margin:0;padding:0}
#emd-mobile-menu .emd-header-icon{background:rgba(255,255,255,.6);border-color:white}
#emd-mobile-menu .emd-header-icon:hover{color:#577c0c;background:white}
#emd-mobile-menu .emd-navigation-list li{list-style:none;margin:0;padding:0}
#emd-mobile-menu .emd-navigation-list a{padding:20px 3px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(37,55,133,.1);font-size:22px;font-weight:500;min-height:64px}
#emd-mobile-menu .emd-navigation-list>li>a::after{content:'↗';font-size:18px;color:#647e4a}
#emd-mobile-menu .emd-navigation-list a:hover{color:#577c0c}
#emd-mobile-menu .sub-menu{padding-left:18px}
#emd-mobile-menu .sub-menu a{font-size:17px;min-height:44px;padding:12px 3px}
#emd-mobile-menu .emd-mobile-caption{font-size:13px;line-height:1.7;margin:26px 0 0;color:#586982;max-width:260px}
html.emd-menu-open{overflow:hidden}
@supports not (backdrop-filter:blur(1px)){#emd-header{background:rgba(27,53,79,.9)}#emd-header.emd-header-light,#emd-mobile-menu{background:#edf4ff}}
/* Wider on large desktops; keep the existing header height and mobile layout. */
@media(min-width:901px){#emd-header{max-width:max(1680px,85%)}#emd-header .emd-header-brand{width:216px}#emd-header .emd-header-inner{padding-top:5px;padding-bottom:5px}}
@media(min-width:1920px){#emd-header .emd-header-inner{padding-left:36px;padding-right:36px}}
@media(max-width:900px){.emd-header-space{height:120px}.emd-header-space-overlay{height:0}#emd-header{width:calc(100% - 32px);top:calc(16px + var(--emd-admin-offset));border-radius:22px}#emd-header .emd-header-inner{min-height:88px;padding:10px 18px;gap:16px}#emd-header .emd-header-brand{width:152px}#emd-header .emd-header-actions{margin-left:auto}#emd-header.emd-header-ready .emd-desktop-nav{display:none}#emd-header.emd-header-ready .emd-menu-trigger{display:grid}#emd-mobile-menu{margin:calc(116px + var(--emd-admin-offset)) 16px 24px auto;max-height:calc(100dvh - 140px - var(--emd-admin-offset))}#emd-header:not(.emd-header-ready) .emd-header-inner{flex-wrap:wrap}#emd-header:not(.emd-header-ready) .emd-desktop-nav{order:3;width:100%}#emd-header:not(.emd-header-ready) .emd-navigation-list{flex-wrap:wrap;gap:0}#emd-header:not(.emd-header-ready) .emd-navigation-list>li>a{padding:0 10px}}
@media(max-width:782px){body.admin-bar #emd-header,body.admin-bar #emd-mobile-menu{--emd-admin-offset:46px}}
@media(max-width:480px){.emd-header-space{height:108px}.emd-header-space-overlay{height:0}#emd-header{top:calc(12px + var(--emd-admin-offset));width:calc(100% - 24px);border-radius:20px}#emd-header .emd-header-inner{padding:9px 12px;min-height:80px;gap:8px}#emd-header .emd-header-brand{width:134px}#emd-header .emd-header-actions{gap:7px}#emd-header .emd-header-icon,#emd-mobile-menu .emd-header-icon{width:44px;height:44px;padding:10px}#emd-header.emd-header-light{top:calc(8px + var(--emd-admin-offset))}#emd-mobile-menu{padding:20px;margin:calc(104px + var(--emd-admin-offset)) 12px 16px;width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - 120px - var(--emd-admin-offset))}#emd-mobile-menu .emd-navigation-list a{font-size:21px;padding:17px 3px}#emd-mobile-menu .emd-dialog-heading{margin-bottom:14px}}
/* Scroll direction only changes visibility; header flow and content stay put. */
#emd-header{transition:background .25s,color .25s,box-shadow .25s,top .25s,transform .22s}
#emd-header.emd-header-hidden{transform:translate(-50%,calc(-100% - var(--emd-admin-offset) - 40px));pointer-events:none}
/* Mobile-only refinements: 5px gutters, softer glass, small brand markers. */
@media(max-width:900px){#emd-header{width:calc(100% - 10px)}#emd-header.emd-header-light{background:linear-gradient(120deg,rgba(255,255,255,.68),rgba(226,239,255,.5))}#emd-mobile-menu{background:linear-gradient(140deg,rgba(255,255,255,.75),rgba(224,238,255,.66))}#emd-mobile-menu .emd-navigation-list>li>a{justify-content:flex-start;gap:14px}#emd-mobile-menu .emd-navigation-list>li>a::after{content:none}#emd-mobile-menu .emd-navigation-list>li>a::before{content:"";display:block;flex:none;width:22px;height:22px;background:url("https://www.entremattor.se/wp-content/uploads/2026/10/cropped-entremattor-favicon-512.png") center/contain no-repeat}}
@supports not (backdrop-filter:blur(1px)){#emd-header.emd-header-light,#emd-mobile-menu{background:#edf4ff}}
/* 1.3.0: use the approved homepage glass on every page. */
#emd-header,#emd-header.emd-header-light{color:#253785;background:linear-gradient(120deg,rgba(255,255,255,.55),rgba(239,247,255,.23));border-color:rgba(255,255,255,.85);box-shadow:0 10px 30px #2537850c,inset 0 1px #fff9}
#emd-header .emd-logo-positive{opacity:1}
#emd-header .emd-logo-negative{opacity:0}
#emd-header .emd-header-icon,#emd-header.emd-header-light .emd-header-icon{border-color:#25378526;background:#ffffff45}
#emd-header .emd-header-icon.emd-cart-trigger:has([data-hbj-cart-count]:not([hidden])){color:#253785;background:linear-gradient(135deg,#ffffff80,#8fbe214d);border-color:#8fbe2166;box-shadow:inset 0 2px 2px #ffffffd9,inset 0 -2px 4px #749c161a,0 6px 16px #63861a29}
#emd-header .emd-header-icon.emd-cart-trigger:has([data-hbj-cart-count]:not([hidden])):hover{background:linear-gradient(135deg,#ffffff99,#8fbe2166);color:#557c0b}
/* Keep the same viewport anchor as other pages, but follow document scrolling.
   Switching fixed to absolute inside Astra's positioned #page caused a jump. */
#emd-header.emd-header-top-only{transform:translate(-50%,var(--emd-top-only-y,0px));transition:background .25s,color .25s,box-shadow .25s}
/* Checkout retains the normal navigation at the top, in document flow. */
#emd-header.emd-header-flow{position:relative;top:auto;left:auto;transform:none;margin:12px auto 20px}
@media(min-width:901px){#emd-header .emd-header-inner{min-height:110px;padding-top:8px;padding-bottom:8px}.emd-header-space:not(.emd-header-space-overlay){height:152px}}
@media(max-width:900px){#emd-header .emd-header-inner{min-height:100px;padding-top:15px;padding-bottom:15px}.emd-header-space:not(.emd-header-space-overlay){height:132px}#emd-mobile-menu{margin-top:calc(128px + var(--emd-admin-offset));max-height:calc(100dvh - 152px - var(--emd-admin-offset))}}
@media(max-width:480px){#emd-header .emd-header-inner{min-height:91px;padding-top:14px;padding-bottom:14px}.emd-header-space:not(.emd-header-space-overlay){height:119px}#emd-mobile-menu{margin-top:calc(115px + var(--emd-admin-offset));max-height:calc(100dvh - 131px - var(--emd-admin-offset))}}
@supports not (backdrop-filter:blur(1px)){#emd-header,#emd-header.emd-header-light{background:#f6f9fc}}
@media(prefers-reduced-motion:reduce){#emd-header,#emd-header *,#emd-header *::after,#emd-mobile-menu *{transition:none!important}}