/* ===== GLOBAL SOLDAN SAĞA AKAN BUTTON EFEKTI ===== */

/* Base button setup - Tüm butonlar için (Hariç tutulanlar: Account, slider okları, arama butonu, mobile slider) */
button:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev):not([type="submit"]),
.btn:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev),
input[type="button"],
.button:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev),
a.button:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev),
.wl-btn-primary, .wl-btn-secondary, .wl-btn-blue, .wl-btn-danger, .btn-primary,
.btn-secondary, .btn-info, .btn-danger, .btn-success, .payment-proceed,
.mobile-payment-proceed, .rel--doCartAdd, .coupon-submit, .voidu-button--primary {
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
  transition: all 0.3s ease !important;
}

/* Soldan sağa akan efekt için ::before pseudo element (Hariç tutulanlar: Account, slider okları, arama butonu, mobile slider) */
button:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev):not([type="submit"])::before,
.btn:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev)::before,
input[type="button"]::before,
.button:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev)::before,
.wl-btn-primary::before, .wl-btn-secondary::before, .wl-btn-blue::before, .wl-btn-danger::before,
.btn-primary::before, .btn-secondary::before, .btn-info::before, .btn-danger::before,
.btn-success::before, .payment-proceed::before, .mobile-payment-proceed::before,
.rel--doCartAdd::before, .coupon-submit::before, .voidu-button--primary::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
  transition: left 0.5s ease !important;
  z-index: -1 !important;
}

/* Hover'da soldan sağa akan efekt (Hariç tutulanlar: Account, slider okları, arama butonu, mobile slider) */
button:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev):not([type="submit"]):hover::before,
.btn:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev):hover::before,
input[type="button"]:hover::before,
.button:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev):hover::before,
.wl-btn-primary:hover::before, .wl-btn-secondary:hover::before, .wl-btn-blue:hover::before, .wl-btn-danger:hover::before,
.btn-primary:hover::before, .btn-secondary:hover::before, .btn-info:hover::before, .btn-danger:hover::before,
.btn-success:hover::before, .payment-proceed:hover::before, .mobile-payment-proceed:hover::before,
.rel--doCartAdd:hover::before, .coupon-submit:hover::before, .voidu-button--primary:hover::before {
  left: 100% !important;
}

/* Primary buttons - Orange theme */
.wl-btn-primary, .voidu-button--primary, .btn-primary, .success-btn-primary {
  background: #f58331 !important;
  border: none !important;
  color: white !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.wl-btn-primary:hover, .voidu-button--primary:hover, .btn-primary:hover, .success-btn-primary:hover {
  background: #e6722a !important;
  color: white !important;
}

/* Secondary buttons - Dark theme */
.wl-btn-secondary, .btn-secondary, .wl-btn-dark {
  background: #374151 !important;
  border: 1px solid #4b5563 !important;
  color: #f3f4f6 !important;
  font-weight: 600 !important;
}

.wl-btn-secondary:hover, .btn-secondary:hover, .wl-btn-dark:hover {
  background: #4b5563 !important;
  border-color: #6b7280 !important;
  color: white !important;
}

/* Blue buttons */
.wl-btn-blue, .btn-info {
  background: #3b82f6 !important;
  border: none !important;
  color: white !important;
  font-weight: 600 !important;
}

.wl-btn-blue:hover, .btn-info:hover {
  background: #1d4ed8 !important;
  color: white !important;
}

/* Danger buttons */
.wl-btn-danger, .btn-danger {
  background: #ef4444 !important;
  border: none !important;
  color: white !important;
  font-weight: 600 !important;
}

.wl-btn-danger:hover, .btn-danger:hover {
  background: #dc2626 !important;
  color: white !important;
}

/* Success/Green buttons */
.btn-success, .wl-btn-success {
  background: #10b981 !important;
  border: none !important;
  color: white !important;
  font-weight: 600 !important;
}

.btn-success:hover, .wl-btn-success:hover {
  background: #059669 !important;
  color: white !important;
}

/* Cart buttons */
.payment-proceed, .mobile-payment-proceed, .coupon-submit {
  background: #f58331 !important;
  border: none !important;
  color: white !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.payment-proceed:hover, .mobile-payment-proceed:hover, .coupon-submit:hover {
  background: #e6722a !important;
  color: white !important;
}

/* Add to cart buttons */
.rel--doCartAdd, .btn-cart {
  background: #f58331 !important;
  border: none !important;
  color: white !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.rel--doCartAdd:hover, .btn-cart:hover {
  background: #e6722a !important;
  color: white !important;
}

/* Outline buttons - özel soldan sağa efekt */
.wl-btn-blue-outline, .btn-outline-primary, .btn-outline-secondary {
  background: transparent !important;
  border: 2px solid currentColor !important;
  font-weight: 600 !important;
  position: relative !important;
  overflow: hidden !important;
}

.wl-btn-blue-outline::before, .btn-outline-primary::before, .btn-outline-secondary::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: currentColor !important;
  transition: left 0.5s ease !important;
  z-index: -1 !important;
}

.wl-btn-blue-outline:hover::before, .btn-outline-primary:hover::before, .btn-outline-secondary:hover::before {
  left: 0 !important;
}

.wl-btn-blue-outline:hover, .btn-outline-primary:hover, .btn-outline-secondary:hover {
  color: white !important;
}

/* Disabled state */
button:disabled, .btn:disabled, input[type="submit"]:disabled, input[type="button"]:disabled, .button:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

button:disabled::before, .btn:disabled::before, input[type="submit"]:disabled::before, input[type="button"]:disabled::before, .button:disabled::before {
  display: none !important;
}

/* Focus states */
button:focus, .btn:focus, input[type="submit"]:focus, input[type="button"]:focus, .button:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(245, 131, 49, 0.3) !important;
}

/* Text üstte kalması için z-index (Hariç tutulanlar: Account, slider okları, arama butonu, mobile slider) */
button:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev):not([type="submit"]) > *,
.btn:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev) > *,
input[type="button"] > *,
.button:not(#user-menu-button):not(.navigation-button--next):not(.navigation-button--prev):not(#next-publisher):not(#prev-publisher):not(.publisher-indicator):not(#next-slide):not(#prev-slide):not(#mobile-next):not(#mobile-prev) > *,
.wl-btn-primary > *, .wl-btn-secondary > *, .wl-btn-blue > *, .wl-btn-danger > *,
.btn-primary > *, .btn-secondary > *, .btn-info > *, .btn-danger > *, .btn-success > *,
.payment-proceed > *, .mobile-payment-proceed > *, .rel--doCartAdd > *, .coupon-submit > * {
  position: relative !important;
  z-index: 1 !important;
}