/* Attaya V61 — translation delta workflow and precise header icon alignment */
.attaya-header-actions,
.attaya-preferences,
.attaya-header-tools{
  align-items:center!important;
}

.attaya-header-icon-button,
.attaya-menu-toggle,
.attaya-pref>summary{
  box-sizing:border-box;
}

.attaya-header-icon-button>svg,
.attaya-header-icon-button>.svg-inline--fa,
.attaya-menu-toggle>.svg-inline--fa,
.attaya-pref>summary>.svg-inline--fa{
  display:block!important;
  flex:none!important;
  margin:0!important;
  vertical-align:middle!important;
}

@media(max-width:980px){
  .attaya-header-actions .attaya-pref>summary,
  .attaya-header-actions .attaya-menu-toggle,
  .attaya-header-actions .attaya-header-icon-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    line-height:1!important;
    text-align:center!important;
  }

  .attaya-header-actions .attaya-pref>summary{
    gap:0!important;
  }

  .attaya-header-actions .attaya-pref>summary>.svg-inline--fa,
  .attaya-header-actions .attaya-menu-toggle>.svg-inline--fa,
  .attaya-header-actions .attaya-header-icon-button>svg,
  .attaya-header-actions .attaya-header-icon-button>.svg-inline--fa{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:auto!important;
    width:18px!important;
    height:18px!important;
    line-height:1!important;
  }
}

@media(max-width:420px){
  .attaya-header-actions .attaya-pref>summary,
  .attaya-header-actions .attaya-menu-toggle{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
}

/* Font Awesome's "nest" replacement leaves an <i> wrapper around the SVG.
   Centre both wrapper and SVG so globe/coins never sit on the baseline. */
@media(max-width:1240px){
  .attaya-header-actions .attaya-pref>summary{
    overflow:hidden!important;
    font-size:0!important;
  }
  .attaya-header-actions .attaya-pref>summary>i:first-child,
  .attaya-header-actions .attaya-pref>summary>i:first-child>svg,
  .attaya-header-actions .attaya-pref>summary>svg:first-child{
    display:grid!important;
    place-items:center!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    margin:auto!important;
    padding:0!important;
    line-height:0!important;
    vertical-align:middle!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
  }
  .attaya-header-actions .attaya-pref>summary>i:first-child>svg{
    width:100%!important;
    height:100%!important;
  }
}
