/* FOUNTAIN+ isolated header-control alignment — no player or preview rules */
.site-header{
  isolation:isolate;
}

/* Let each control sit independently: gear beside the wordmark, menu at the far edge. */
.site-header .header-actions{
  display:contents;
}

.site-header .header-actions .icon-btn{
  box-sizing:border-box;
  margin:0;
  padding:0;
  line-height:0;
  font-size:0;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden;
  background-color:rgba(3,4,5,.82);
}

.site-header [data-settings-open],
.site-header [data-menu]{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}

.site-header [data-settings-open]{
  left:calc(2.2vw + 132px);
}

.site-header [data-menu]{
  right:2.2vw;
}

/* Replace font glyphs with true centered vector icons. */
.site-header [data-settings-open]::before,
.site-header [data-menu]::before{
  content:""!important;
  display:block;
  flex:0 0 auto;
  margin:0!important;
  transform:none!important;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}

.site-header [data-settings-open]::before{
  width:25px;
  height:25px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.12 2.12-.06-.06a1.7 1.7 0 0 0-1.88-.34 1.7 1.7 0 0 0-1.03 1.56V20.3h-3v-.08a1.7 1.7 0 0 0-1.03-1.56 1.7 1.7 0 0 0-1.88.34l-.06.06-2.12-2.12.06-.06A1.7 1.7 0 0 0 7 15a1.7 1.7 0 0 0-1.56-1.03H5.36v-3h.08A1.7 1.7 0 0 0 7 9.94a1.7 1.7 0 0 0-.34-1.88L6.6 8l2.12-2.12.06.06a1.7 1.7 0 0 0 1.88.34A1.7 1.7 0 0 0 11.7 4.72v-.08h3v.08a1.7 1.7 0 0 0 1.03 1.56 1.7 1.7 0 0 0 1.88-.34l.06-.06L19.8 8l-.06.06a1.7 1.7 0 0 0-.34 1.88 1.7 1.7 0 0 0 1.56 1.03h.08v3h-.08A1.7 1.7 0 0 0 19.4 15Z'/%3E%3C/svg%3E");
}

.site-header [data-menu]::before{
  width:25px;
  height:25px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");
}

.site-header [data-menu][aria-expanded="true"]::before{
  width:24px;
  height:24px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
}

@media (max-width:820px){
  .site-header [data-settings-open],
  .site-header [data-menu]{
    top:calc(var(--safe-top) + 31px);
  }

  .site-header [data-settings-open]{
    left:calc(max(14px,var(--safe-left)) + 119px);
  }

  .site-header [data-menu]{
    right:max(12px,var(--safe-right));
  }

  /* Reserve clean breathing room around the two controls. */
  .site-header .brand{
    flex:none;
    padding-right:58px;
  }
}

@media (max-width:360px){
  .site-header [data-settings-open]{
    left:calc(max(12px,var(--safe-left)) + 112px);
  }
}