/* ==========================================================================
   Public / member top navigation
   Logo + primary links + "More" menu on the left, account actions on the right.
   Collapses to a burger menu below 900px.
   ========================================================================== */
.site-top{--st-bg:#ffffff;--st-line:#dfe3e8;--st-text:#2b3440;--st-muted:#66707d;--st-accent:#2459a9;--st-hover:#f2f4f7;
  position:sticky;top:0;z-index:500;background:var(--st-bg);border-bottom:1px solid var(--st-line);font-size:14px;line-height:1.4}
[data-theme="dark"] .site-top{--st-bg:#26323a;--st-line:#3a4852;--st-text:#e3e7ea;--st-muted:#9aa6b0;--st-accent:#7fb2ff;--st-hover:#303e47}
.site-top *{box-sizing:border-box}
.site-top-inner{display:flex;align-items:center;gap:28px;max-width:1240px;margin:0 auto;padding:0 24px;min-height:64px}

.site-brand{display:flex;align-items:center;flex:0 0 auto;color:var(--st-text);text-decoration:none;font-weight:700;font-size:17px}
.site-brand img{display:block;max-height:38px;max-width:180px;object-fit:contain}

.site-nav{display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;gap:20px;min-width:0}
.site-links{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.site-links>li{position:relative;margin:0}
.site-links a,.site-dd-toggle{display:flex;align-items:center;gap:6px;height:64px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--st-text);font:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition:color .12s,background .12s}
.site-links a:hover,.site-dd-toggle:hover,.site-dd.is-open>.site-dd-toggle{color:var(--st-accent);background:var(--st-hover)}
.site-links a.is-active{color:var(--st-accent);border-bottom-color:var(--st-accent);font-weight:600}
.site-top a:focus-visible,.site-top button:focus-visible{outline:2px solid var(--st-accent);outline-offset:-2px}

.site-chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.site-dd.is-open>.site-dd-toggle .site-chev{transform:rotate(180deg)}

/* dropdown panel */
.site-dd{position:relative}
.site-menu{display:none;position:absolute;top:calc(100% - 6px);left:0;z-index:10;min-width:230px;padding:6px;background:var(--st-bg);border:1px solid var(--st-line);border-radius:4px;box-shadow:0 8px 20px rgba(15,25,40,.14)}
.site-menu-right{left:auto;right:0;min-width:240px}
.site-dd.is-open>.site-menu{display:block}
.site-menu a{display:block;height:auto;padding:9px 12px;border:0;border-radius:3px;color:var(--st-text);font-weight:400;font-size:14px;white-space:nowrap}
.site-menu a:hover{background:var(--st-hover);color:var(--st-accent)}
.site-menu a.is-danger{color:#b42318}
.site-menu a.is-danger:hover{background:#fdecea;color:#b42318}
.site-menu-label{padding:8px 12px 4px;color:var(--st-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.site-menu-sep{height:1px;margin:6px 0;background:var(--st-line)}
.site-menu-head{display:flex;flex-direction:column;padding:8px 12px 10px;margin-bottom:4px;border-bottom:1px solid var(--st-line)}
.site-menu-head strong{font-size:14px;color:var(--st-text)}
.site-menu-head span{font-size:12px;color:var(--st-muted)}

/* right side */
.site-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.site-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border:1px solid var(--st-line);border-radius:4px;background:transparent;color:var(--st-text);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.site-btn:hover{background:var(--st-hover);color:var(--st-text)}
.site-btn-primary{background:var(--st-accent);border-color:var(--st-accent);color:#fff}
.site-btn-primary:hover{background:#1c4a8d;border-color:#1c4a8d;color:#fff}
[data-theme="dark"] .site-btn-primary{color:#0f1c2b}
.site-account-toggle{height:64px;gap:9px}
.site-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--st-accent);color:#fff;font-size:12px;font-weight:700;overflow:hidden;flex:0 0 32px}
[data-theme="dark"] .site-avatar{color:#0f1c2b}
.site-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.site-account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* burger (mobile only) */
.site-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;margin-left:auto;padding:0 10px;border:1px solid var(--st-line);border-radius:4px;background:none;cursor:pointer}
.site-burger span{display:block;height:2px;border-radius:1px;background:var(--st-text);transition:transform .15s,opacity .15s}
.site-top.is-open .site-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-top.is-open .site-burger span:nth-child(2){opacity:0}
.site-top.is-open .site-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media(max-width:899px){
  .site-top-inner{flex-wrap:wrap;gap:0;padding:0 16px;min-height:58px}
  .site-brand{min-height:58px}
  .site-burger{display:flex}
  .site-nav{display:none;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 14px;border-top:1px solid var(--st-line)}
  .site-top.is-open .site-nav{display:flex}
  .site-links{flex-direction:column;align-items:stretch;gap:0}
  .site-links a,.site-dd-toggle{height:46px;padding:0 6px;border-bottom:1px solid var(--st-line);width:100%;justify-content:space-between}
  .site-links a.is-active{border-bottom-color:var(--st-line);box-shadow:inset 3px 0 0 var(--st-accent);padding-left:12px}
  .site-menu,.site-menu-right{position:static;display:none;min-width:0;margin:0;padding:2px 0 6px 12px;border:0;border-radius:0;box-shadow:none;background:transparent}
  .site-dd.is-open>.site-menu{display:block}
  .site-actions{flex-direction:column;align-items:stretch;gap:8px;padding-top:12px}
  .site-actions .site-btn{width:100%}
  .site-account{width:100%}
  .site-account-toggle{height:46px;width:100%;justify-content:flex-start;border-bottom:1px solid var(--st-line);padding:0 6px}
  .site-account-toggle .site-chev{margin-left:auto}
  .site-account-name{max-width:none}
}

/* The old photo banner is gone: pages no longer overlap it. */
body.site-shell .wojo.raised.segment{margin-top:28px!important}
body.site-shell .avatar{margin-top:28px!important}
body.site-shell main{padding-top:4px}

/* Member area section menu (Memberships / History / Profile ...): plain tabs instead of coloured buttons */
body.site-shell .wojo.buttons.stacked{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0;margin:0 0 4px;border-bottom:1px solid #dfe3e8;background:transparent;box-shadow:none}
[data-theme="dark"] body.site-shell .wojo.buttons.stacked,body.site-shell[data-theme="dark"] .wojo.buttons.stacked{border-bottom-color:#3a4852}
body.site-shell .wojo.buttons.stacked .button{flex:0 0 auto;margin:0 0 -1px;padding:12px 16px;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#46515f!important;font-size:14px;font-weight:500;text-transform:none}
body.site-shell .wojo.buttons.stacked .button:hover{color:#2459a9!important;background:#f2f4f7!important}
body.site-shell .wojo.buttons.stacked .button.passive{color:#2459a9!important;border-bottom-color:#2459a9!important;font-weight:600;cursor:default}
body.site-shell[data-theme="dark"] .wojo.buttons.stacked .button{color:#c9d1d8!important}
body.site-shell[data-theme="dark"] .wojo.buttons.stacked .button.passive{color:#7fb2ff!important;border-bottom-color:#7fb2ff!important}
body.site-shell[data-theme="dark"] .wojo.buttons.stacked .button:hover{background:#303e47!important}
@media(max-width:700px){body.site-shell .wojo.buttons.stacked{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}}