/* AZFUTBOL — Daha çox göstər v1.1.0
   One control; two deliberate light/dark variants. No template or theme CSS overrides. */
:root{
  --azf-more-navy:#012355;
  --azf-more-height:56px;
  --azf-more-radius:10px;
  --azf-more-outline:2px;
}
/* The default is light; the video surface uses dark. The nearest parent with
   data-azf-more-theme="light|dark" can override that choice for future templates. */
body .azf-ux-more-button,
body .azf-vmag-page .azf-vmag-more-nav .azf-ux-more-button,
body #azd2 .azf-ux-more-button {
  --azf-more-bg:#ffffff;
  --azf-more-border:#012355;
  --azf-more-fg:#012355;
  --azf-more-hover-bg:#012355;
  --azf-more-hover-border:#012355;
  --azf-more-hover-fg:#ffffff;
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  position:relative;
  width:100%!important;
  max-width:320px!important;
  min-width:0!important;
  min-height:var(--azf-more-height)!important;
  height:auto!important;
  margin:0 auto!important;
  padding:14px 26px!important;
  border:var(--azf-more-outline) solid var(--azf-more-border)!important;
  border-radius:var(--azf-more-radius)!important;
  background:var(--azf-more-bg)!important;
  box-shadow:none!important;
  color:var(--azf-more-fg)!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
  text-align:center!important;
  text-decoration:none!important;
  opacity:1!important;
  cursor:pointer!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease!important;
}
/* Dark variant colors only; dimensions, type and interactions stay identical. */
body .azf-ux-more-button.azf-more--dark,
body .azf-vmag-page .azf-vmag-more-nav .azf-ux-more-button.azf-more--dark,
body #azd2 .azf-ux-more-button.azf-more--dark {
  --azf-more-bg:transparent;
  --azf-more-border:#ffffff;
  --azf-more-fg:#ffffff;
  --azf-more-hover-bg:#ffffff;
  --azf-more-hover-border:#ffffff;
  --azf-more-hover-fg:#012355;
}
body .azf-ux-more-button:is(:hover,:focus-visible),
body .azf-vmag-page .azf-vmag-more-nav .azf-ux-more-button:is(:hover,:focus-visible),
body #azd2 .azf-ux-more-button:is(:hover,:focus-visible){
  background:var(--azf-more-hover-bg)!important;
  border-color:var(--azf-more-hover-border)!important;
  color:var(--azf-more-hover-fg)!important;
  text-decoration:none!important;
}
body .azf-ux-more-button:focus-visible {
  outline:3px solid #77a2ee!important;
  outline-offset:3px!important;
}
body .azf-ux-more-button[aria-busy="true"]{
  opacity:.72!important;
  cursor:progress!important;
}
.azf-ux-more-wrap{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin:32px 0 22px;
}
.azf-ux-more-status{
  color:#59667a;
  font:400 13px/1.5 Inter,system-ui,sans-serif;
  text-align:center;
}
.azf-ux-more-status:empty{display:none}
/* The underlying native pagination stays intact and crawlable in HTML.
   Only hide it after JS inserts a real next-page <a href="..."> link. */
body .azf-ux-more-active > .wp-block-query-pagination,
body .azf-ux-more-complete > .wp-block-query-pagination{
  display:none!important;
}
@media(max-width:781px){
  body .azf-ux-more-button,
  body .azf-vmag-page .azf-vmag-more-nav .azf-ux-more-button,
  body #azd2 .azf-ux-more-button {max-width:100%!important;}
}
@media(prefers-reduced-motion:reduce){
  body .azf-ux-more-button{transition:none!important;}
}