/* ANIZA v0.11.37 — Profile-wide button state contract.
   Covers primary profile tabs, media/saved/rosette subfilters and favorite dialog
   media switches. Do not apply to destructive actions, artwork cards or modals. */
html body:not(#az) .aza-profil.azm-x-profile {
  --azm-control-shell:var(--az-surface,#fff);
  --azm-control-line:var(--az-line,#e0e2e6);
  --azm-control-ink:var(--az-text-2,#626873);
  --azm-control-accent:#EF3B49;
  --azm-control-hover:rgba(239,59,73,.11);
}
html body.night-mode:not(#az) .aza-profil.azm-x-profile {
  --azm-control-shell:var(--az-surface,#202127);
  --azm-control-line:var(--az-line,#393b46);
  --azm-control-ink:var(--az-text-2,#b9bcc6);
  /* The *same* hover/active palette is used in both themes. */
}
/* One shell, whether the controls belong to Favorites, Followed, Saved, Badges,
   the media edit dialog, or the primary six-section navigation. */
html body:not(#az) .aza-profil.azm-x-profile :is(
    .azm-profile-segment,
    .azm-fav-edit-tabs,
    #profile-tabs-nav.azm-x-tabs
) {
  align-items:center!important;gap:3px!important;
  padding:3px!important;
  border:1px solid var(--azm-control-line)!important;
  border-radius:999px!important;
  background:var(--azm-control-shell)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body:not(#az) .aza-profil.azm-x-profile #profile-tabs-nav.azm-x-tabs {
  display:flex!important;align-items:stretch!important;
  width:100%!important;max-width:100%!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;scrollbar-width:none!important;
  white-space:nowrap!important;margin:0 0 16px!important;
  -webkit-overflow-scrolling:touch;
}
html body:not(#az) .aza-profil.azm-x-profile #profile-tabs-nav.azm-x-tabs::-webkit-scrollbar {display:none;}
/* Consistent neutral, hover, focus and selected states. */
html body:not(#az) .aza-profil.azm-x-profile :is(
    .azm-profile-segment > button,
    .azm-fav-edit-tabs > button,
    #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter
) {
  box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;gap:5px!important;
  height:34px!important;min-height:34px!important;min-width:0!important;
  margin:0!important;padding:0 13px!important;
  background:transparent!important;background-image:none!important;
  border:0!important;border-radius:999px!important;
  color:var(--azm-control-ink)!important;
  box-shadow:none!important;text-shadow:none!important;
  white-space:nowrap!important;font-family:inherit!important;
  font-size:12px!important;font-weight:700!important;
  line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;
  cursor:pointer!important;
  transition:background-color .15s ease,color .15s ease!important;
}
/* The former X-navigation underline is intentionally replaced by the very
   same selected fill as every other profile switch. */
html body:not(#az) .aza-profil.azm-x-profile #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter::after,
html body:not(#az) .aza-profil.azm-x-profile #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter::before {
  display:none!important;content:none!important;
}
html body:not(#az) .aza-profil.azm-x-profile :is(
    .azm-profile-segment > button,
    .azm-fav-edit-tabs > button,
    #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter
):is(.aktif,.is-active,[aria-selected="true"],[aria-pressed="true"]) {
  background:var(--azm-control-accent)!important;
  color:#fff!important;border-color:transparent!important;
  box-shadow:none!important;
}
/* The same hover color for all unselected buttons, including badge gallery.
   Focus works with keyboard; :active works for touch without sticky hover. */
html body:not(#az) .aza-profil.azm-x-profile :is(
    .azm-profile-segment > button,
    .azm-fav-edit-tabs > button,
    #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter
):not(.aktif):not(.is-active):not([aria-selected="true"]):not([aria-pressed="true"]):is(:hover,:focus-visible,:active) {
  background:var(--azm-control-hover)!important;
  color:var(--azm-control-accent)!important;
  border-color:transparent!important;box-shadow:none!important;
}
html body:not(#az) .aza-profil.azm-x-profile :is(
    .azm-profile-segment > button,
    .azm-fav-edit-tabs > button,
    #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter
):is(.aktif,.is-active,[aria-selected="true"],[aria-pressed="true"]):is(:hover,:focus-visible,:active) {
  background:var(--azm-control-accent)!important;color:#fff!important;box-shadow:none!important;
}
html body:not(#az) .aza-profil.azm-x-profile :is(
    .azm-profile-segment > button,
    .azm-fav-edit-tabs > button,
    #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter
):focus-visible {
  outline:2px solid var(--azm-control-accent)!important;
  outline-offset:2px!important;
}
/* Same subtle hover on ordinary non-destructive profile actions. Keep their
   intrinsic layouts (e.g. the pencil icon stays a circle, Show All stays full width). */
html body:not(#az) .aza-profil.azm-x-profile :is(
  .azm-favori-duzenle,.aza-al-tumu,.aza-kl-git,.azm-fav-cancel
):is(:hover,:focus-visible) {
  background:var(--azm-control-hover)!important;
  color:var(--azm-control-accent)!important;
  border-color:var(--azm-control-accent)!important;
  box-shadow:none!important;
}
@media(max-width:767px){
  html body:not(#az) .aza-profil.azm-x-profile :is(
    .azm-profile-segment > button,
    .azm-fav-edit-tabs > button,
    #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter
  ) {
    height:29px!important;min-height:29px!important;
    padding:0 9px!important;font-size:11px!important;gap:4px!important;
  }
  html body:not(#az) .aza-profil.azm-x-profile #profile-tabs-nav.azm-x-tabs {
    min-height:37px!important;gap:2px!important;padding:3px!important;
  }
  html body:not(#az) .aza-profil.azm-x-profile :is(.azm-profile-segment,.azm-fav-edit-tabs) {
    gap:2px!important;padding:2px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body:not(#az) .aza-profil.azm-x-profile :is(.azm-profile-segment > button,.azm-fav-edit-tabs > button,#profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter) {transition:none!important;}
}

/* ANIZA v0.11.39 — Desktop primary navigation uses the entire tab rail.
   Applies to the top-level profile navigation ONLY. Nested Anime/Manga etc.
   segments, their button palette and all award logic remain untouched. */
@media (min-width: 768px) {
  html body:not(#az) .aza-profil.azm-x-profile #profile-tabs-nav.azm-x-tabs {
    justify-content:space-between!important;
  }
  html body:not(#az) .aza-profil.azm-x-profile
  #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter {
    flex:1 1 0%!important;
    min-width:max-content!important;
    text-align:center!important;
    padding:0 9px!important;
    font-size:clamp(14px,1.05vw,15px)!important;
    font-weight:750!important;
    letter-spacing:.005em!important;
    color:var(--az-text,#27272d)!important;
  }
  /* Keep white text on the ANIZA-red selected pill; increase heading weight. */
  html body:not(#az) .aza-profil.azm-x-profile
  #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter:is(.aktif,[aria-selected="true"]) {
    color:#fff!important;
    font-weight:800!important;
  }
  /* Preserve the established red hover, including focus by keyboard. */
  html body:not(#az) .aza-profil.azm-x-profile
  #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter:not(.aktif):not([aria-selected="true"]):is(:hover,:focus-visible) {
    color:var(--azm-control-accent)!important;
  }
  /* Privacy can leave only one visible section. Don't turn its pill into a
     full-width red stripe; center a normal-sized tab instead. */
  html body:not(#az) .aza-profil.azm-x-profile
  #profile-tabs-nav.azm-x-tabs:has(> .ozel-profil-sekme-twitter:only-child) {
    justify-content:center!important;
  }
  html body:not(#az) .aza-profil.azm-x-profile
  #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter:only-child {
    flex:0 1 190px!important;
    min-width:130px!important;
  }
}
/* Intermediate desktop/tablet: preserve complete labels by allocating
   extra space proportional to content, still filling the entire rail. */
@media (min-width:768px) and (max-width:1099px) {
  html body:not(#az) .aza-profil.azm-x-profile
  #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter {
    flex:1 1 auto!important;
  }
}
/* Mobile remains a horizontally scrollable rail, with stronger labels but
   without growing the already compact buttons or altering their click area. */
@media (max-width: 767px) {
  html body:not(#az) .aza-profil.azm-x-profile
  #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter {
    flex:0 0 auto!important;
    color:var(--az-text,#27272d)!important;
    font-weight:750!important;
  }
  html body:not(#az) .aza-profil.azm-x-profile
  #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter:is(.aktif,[aria-selected="true"]) {
    color:#fff!important;
    font-weight:800!important;
  }
  html body:not(#az) .aza-profil.azm-x-profile
  #profile-tabs-nav.azm-x-tabs > .ozel-profil-sekme-twitter:not(.aktif):not([aria-selected="true"]):is(:hover,:focus-visible) {
    color:var(--azm-control-accent)!important;
  }
}
