/* A főoldali fejléc navigációja a bal oldali márkajelzés mellett, kompakt gombokkal. */
.topbar{
  height:auto;
  min-height:78px;
  justify-content:flex-start;
  gap:clamp(10px,1.7vw,20px);
  padding-block:7px
}
.topbar .brand{flex:0 0 auto}
.topbar .nav{
  display:flex;
  flex:0 1 auto;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:5px;
  max-width:calc(100% - 175px);
  margin-left:clamp(4px,1vw,12px);
  font-size:11px
}
.topbar .nav a{
  min-height:33px;
  padding:5px 8px;
  border-radius:7px;
  font-size:11px;
  line-height:1.2;
  white-space:nowrap
}
.topbar .nav .nav-cta{gap:5px;padding-inline:9px}
@media(max-width:900px){
  .topbar{height:68px;min-height:68px;justify-content:space-between;gap:0;padding-block:0}
  .topbar .menu-button{display:block;margin-left:auto}
  .topbar .nav{
    display:none;
    position:absolute;
    z-index:10;
    top:calc(100% - 1px);
    left:0;
    right:0;
    max-width:none;
    margin:0;
    padding:12px;
    flex-direction:column;
    align-items:stretch;
    gap:7px;
    border:1px solid rgba(115,82,42,.65);
    border-radius:0 0 12px 12px;
    background:#f9efd7;
    box-shadow:0 12px 30px rgba(33,22,12,.25)
  }
  .topbar .nav.open{display:flex}
  .topbar .nav a{width:100%;min-height:40px;padding:9px 12px;border-radius:8px;font-size:12px}
}

/* Kiemelt kontraszt a felső menügombokon a mozgalmas pergamenkép előtt. */
.topbar .nav a{
  position:relative;
  overflow:visible;
  border:1px solid rgba(242,205,119,.98);
  background:linear-gradient(145deg,#28190f,#49301d);
  color:#ffe9a4;
  box-shadow:inset 0 0 0 2px rgba(225,181,89,.38),0 0 0 1px rgba(39,24,15,.96),0 0 0 3px rgba(250,235,199,.94),0 0 13px 4px rgba(220,169,65,.26),0 4px 10px rgba(0,0,0,.58)
}
.topbar .nav a:hover,.topbar .nav a:focus-visible{
  border-color:#fff0bb;
  background:linear-gradient(145deg,#54371f,#674626);
  box-shadow:inset 0 0 0 2px rgba(255,224,151,.55),0 0 0 1px rgba(39,24,15,.98),0 0 0 3px rgba(255,242,207,.98),0 0 17px 6px rgba(241,191,78,.4),0 5px 12px rgba(0,0,0,.6)
}
.topbar .nav a .cta-gold-label{font-size:12px;line-height:1.1}
.topbar .nav .nav-cta{padding-inline:9px}
@media(max-width:900px){
  .topbar .nav{padding:15px;background:rgba(37,24,16,.97);border-color:rgba(244,210,133,.82)}
  .topbar .nav a{min-height:42px;font-size:12px}
}
/* A Triskelion-kapuknak a háttértől független, világos kettős kontúrja van. */
.triskelion-nav .triskelion-button{
  border:2px double #f1cf7b;
  background:linear-gradient(145deg,#24160f,#49301d)!important;
  box-shadow:inset 0 0 0 2px rgba(225,181,89,.42),0 0 0 2px rgba(35,22,14,.98),0 0 0 4px rgba(250,235,199,.96),0 0 0 6px rgba(35,22,14,.86),0 0 20px 5px rgba(220,169,65,.32),0 8px 22px rgba(0,0,0,.66)
}
.triskelion-nav .triskelion-button:hover,.triskelion-nav .triskelion-button:focus-visible{
  border-color:#fff0b5;
  background:linear-gradient(145deg,#50341e,#684728)!important;
  box-shadow:inset 0 0 0 2px rgba(255,224,151,.56),0 0 0 2px rgba(35,22,14,.98),0 0 0 4px rgba(255,242,207,.98),0 0 0 6px rgba(35,22,14,.9),0 0 23px 7px rgba(241,191,78,.42),0 8px 22px rgba(0,0,0,.68)
}

/* A főoldali fejléc márkafelirata nagyobb méretben, a napsárga főcímek tónusával. */
.topbar .brand > span{
  color:#ffdc55;
  font-size:17px;
  line-height:1.2;
  letter-spacing:.13em;
  text-shadow:0 1px 5px rgba(31,16,8,.65);
  -webkit-text-stroke:.25px rgba(65,37,15,.62)
}