/* nav_active.css – mobile header/button overlap fix (v2, stronger specificity) */

@media (max-width: 760px){
  .header .header-inner{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
    row-gap:10px !important;
  }
  .header .brand{
    flex: 1 1 100% !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }
  .header .actions{
    flex: 1 1 100% !important;
    display:flex !important;
    flex-wrap: wrap !important;
    justify-content:flex-start !important;
    gap:8px !important;
    margin-top: 0 !important;
  }
  .header .actions a{
    display:inline-flex !important;
    align-items:center !important;
    font-size:12px !important;
    line-height:1.1 !important;
    padding:10px 12px !important;
    min-height:34px !important;
    white-space:nowrap !important;
    border-radius:12px !important;
  }
}