.site-header{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:none;margin:0;padding:.85rem max(1.2rem,calc((100% - 1320px)/2 + 1.2rem));box-sizing:border-box;border-bottom:1px solid #3a2a1f;background:rgba(13,6,1,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff0e2;font-family:Georgia,serif}.site-header a:link,.site-header a:visited{color:#ff9a4d;text-decoration:none}.site-header .site-navigation{display:flex;align-items:center;gap:7px}.site-header .site-navigation a,.site-header .site-navigation button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#f6ddc9;font:500 13px system-ui;white-space:nowrap}.site-header .site-navigation .admin-menu-toggle{border-color:#795033;color:#ffb57b;cursor:pointer}@media(max-width:600px){.site-header{padding:12px;gap:5px}.site-header .site-navigation{gap:2px}.site-header .site-navigation a,.site-header .site-navigation button{padding:10px}.site-header .site-navigation span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(max-width:600px){.site-header .tatouage-wordmark-link{min-width:0;flex-shrink:1;overflow:hidden}.site-header .tatouage-wordmark{font-size:15px;overflow:hidden}.site-header .site-navigation{flex-shrink:0}.site-header .site-navigation a,.site-header .site-navigation button{padding:7px}.site-header .site-navigation .ui-icon{width:18px;height:18px}}

.site-header .site-navigation a.header-add-photo{background:#ff6a00;border-color:#ff6a00;color:#160b04;font-weight:750}.site-header .site-navigation a.header-add-photo:hover{background:#ff8733}

.mobile-nav-slot{display:contents}
.site-header .platform-tools-toggle span{display:none!important}
/* DOM and desktop order: favourites, lives, directory, gallery, tools, account, photo, menu. */
.site-header .site-navigation{margin-left:auto}
.site-header .site-navigation>a,.site-header .site-navigation>button{order:0}
@media(max-width:999.98px){
 .site-header .site-navigation .header-add-photo span,.site-header .site-navigation .admin-menu-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:799.98px){
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
 .site-header{padding:12px;gap:8px;backdrop-filter:none;-webkit-backdrop-filter:none}
 .site-header .site-navigation{margin-left:auto;gap:5px}
 .site-header .site-navigation::before{content:"";position:fixed;inset:auto 0 0;height:calc(64px + env(safe-area-inset-bottom,0px));box-sizing:border-box;border-top:1px solid #60412c;background:#0d0601;pointer-events:none}
 .site-header .site-navigation span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .site-header .site-navigation>a,.site-header .site-navigation>button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:8px;width:40px;height:44px}
 .site-header .site-navigation .ui-icon,.site-header .site-navigation .live-icon{width:20px;height:20px;flex:none}
 .site-header .site-navigation .mobile-nav-slot{display:flex;position:fixed;bottom:env(safe-area-inset-bottom,0px);align-items:center;justify-content:center;width:20%;height:64px;box-sizing:border-box;padding:0}
 .site-header .site-navigation .header-slot-favourites{left:0}
 .site-header .site-navigation .header-slot-live{left:20%}
 .site-header .site-navigation .header-slot-photo{left:40%}
 .site-header .site-navigation .header-slot-directory{left:60%}
 .site-header .site-navigation .header-slot-gallery{left:80%}
 .site-header .site-navigation .mobile-nav-slot>a{position:static;display:inline-flex;width:44px;height:44px;padding:8px;margin:0;box-sizing:border-box}
 .site-header .site-navigation .header-slot-photo>a{width:52px;height:52px;padding:0;border-radius:50%;box-shadow:0 3px 14px #ff6a0033}
 .site-header .site-navigation .header-slot-photo .ui-icon{width:25px;height:25px}
 .site-header .site-navigation [hidden]{display:none!important}
}

@media(max-width:799.98px){.site-header.header-with-account-menu .header-account{display:none}}