/* Eğitim Platformu V7.5 – Tüm ziyaretçi sayfalarındaki etkileşimli butonlar
   Sadece hover/focus görünümünü etkiler; normal tema ve mobil dokunma davranışı korunur. */

:root {
  --edu-hover-gradient: linear-gradient(112deg,
    color-mix(in srgb, var(--primary-color, #11785e) 35%, #093d45) 0%,
    color-mix(in srgb, var(--primary-color, #11785e) 48%, #108c97) 53%,
    color-mix(in srgb, var(--primary-color, #11785e) 32%, #3e4fa6) 100%);
  --edu-hover-shadow: 0 9px 24px rgba(16, 72, 91, .23);
}

/* Sadece buton niteliğindeki elemanlar; menü linkleri, video kontrolleri,
   kapatma simgeleri ve tehlikeli işlemler kendi işlevini korur. */
:where(
  a.btn, button.btn, input.btn,
  a.header-action, .header-action,
  a.home-primary-btn, .home-primary-btn,
  a.ds-button, .ds-button,
  a.pr-btn, .pr-btn,
  a.modern-cart-btn, .modern-cart-btn,
  a.exam-btn, .exam-btn,
  a.edu-bundle-cta, .edu-bundle-cta,
  a.ah-resume-action, .ah-resume-action,
  a.cart-header-button, .cart-header-button,
  a.pop-login, .pop-login,
  button[type="submit"], input[type="submit"], input[type="button"]
) {
  transition: color .22s ease, border-color .22s ease,
              box-shadow .24s ease, transform .24s ease,
              filter .22s ease, background-color .22s ease;
}

@media (hover: hover) and (pointer: fine) {
  :where(
    a.btn, button.btn, input.btn,
    a.header-action, .header-action,
    a.home-primary-btn, .home-primary-btn,
    a.ds-button, .ds-button,
    a.pr-btn, .pr-btn,
    a.modern-cart-btn, .modern-cart-btn,
    a.exam-btn, .exam-btn,
    a.edu-bundle-cta, .edu-bundle-cta,
    a.ah-resume-action, .ah-resume-action,
    a.cart-header-button, .cart-header-button,
    a.pop-login, .pop-login,
    button[type="submit"], input[type="submit"], input[type="button"]
  ):not(:disabled):not([disabled]):not([aria-disabled="true"]):not(.btn-close):hover {
    background-image: var(--edu-hover-gradient) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .14);
    box-shadow: var(--edu-hover-shadow) !important;
    filter: none !important;
    transform: translateY(-2px);
  }

  /* Silme, kaldırma ve tehlike işlemleri kırmızı tonlarını korur. */
  :where(.btn-danger, .btn-outline-danger):not(:disabled):not([disabled]):hover {
    background-image: linear-gradient(112deg, #9c203e, #d04457 55%, #8b306d) !important;
    color: #fff !important;
    border-color: transparent !important;
  }

  /* Header'ın kendi CSS dosyasındaki yüksek özgüllüğü aş. */
  body > nav.navbar.fixed-top .header-actions .header-action:hover {
    background-image: var(--edu-hover-gradient) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: var(--edu-hover-shadow) !important;
    filter: none !important;
    transform: translateY(-2px);
  }
  body > nav.navbar.fixed-top .header-actions .header-action:hover :is(i,span) {
    color: inherit !important;
  }
}

/* Klavye kullanıcıları da seçili butonu net biçimde görebilir. */
:where(.btn, .header-action, .home-primary-btn, .ds-button,
       .modern-cart-btn, .pr-btn, .exam-btn, .edu-bundle-cta):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary-color, #11785e) 50%, #ffffff) !important;
  outline-offset: 3px;
}

/* Giriş yapılmış halde aynı konumdaki hesap butonunun seçili görünümü. */
body > nav.navbar.fixed-top .header-action-library.active {
  border-color: color-mix(in srgb, var(--primary-color, #11785e) 45%, transparent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color, #11785e) 10%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  :where(.btn, .header-action, .home-primary-btn, .ds-button,
         .modern-cart-btn, .pr-btn, .exam-btn, .edu-bundle-cta) {
    transition: none !important;
  }
  :where(.btn, .header-action, .home-primary-btn, .ds-button,
         .modern-cart-btn, .pr-btn, .exam-btn, .edu-bundle-cta):hover {
    transform: none !important;
  }
}