/* ASYA Premium Button System - teklif sayfası ve genel CTA uyumu
   Amaç: dolu/ana aksiyon butonlarında her zaman okunur beyaz yazı + kırmızı/mavi gradient. */

:root{
  --asya-btn-red:#ff1e24;
  --asya-btn-red-dark:#c8101a;
  --asya-btn-blue:#169cff;
  --asya-btn-text:#ffffff;
}

/* Teklif formu ana aksiyonları */
.teklif-sayfasi .offer-next,
.teklif-sayfasi .offer-actions button[data-next],
.teklif-sayfasi .offer-actions button[type="submit"],
.teklif-sayfasi #whatsappButton{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(135deg,var(--asya-btn-red) 0%,var(--asya-btn-red-dark) 48%,var(--asya-btn-blue) 100%) !important;
  color:var(--asya-btn-text) !important;
  -webkit-text-fill-color:var(--asya-btn-text) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18) !important;
  box-shadow:0 16px 34px rgba(255,30,36,.22),0 0 0 1px rgba(255,255,255,.04) inset !important;
  letter-spacing:.02em !important;
}

.teklif-sayfasi .offer-next *,
.teklif-sayfasi .offer-actions button[data-next] *,
.teklif-sayfasi .offer-actions button[type="submit"] *,
.teklif-sayfasi #whatsappButton *{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

.teklif-sayfasi .offer-next::before,
.teklif-sayfasi .offer-actions button[data-next]::before,
.teklif-sayfasi .offer-actions button[type="submit"]::before,
.teklif-sayfasi #whatsappButton::before{
  content:"" !important;
  position:absolute !important;
  inset:-40% auto -40% -80% !important;
  width:55% !important;
  transform:skewX(-22deg) !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent) !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.teklif-sayfasi .offer-next:hover,
.teklif-sayfasi .offer-actions button[data-next]:hover,
.teklif-sayfasi .offer-actions button[type="submit"]:hover,
.teklif-sayfasi #whatsappButton:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 22px 46px rgba(255,30,36,.28),0 0 28px rgba(22,156,255,.12) !important;
  filter:saturate(1.08) brightness(1.04) !important;
}

.teklif-sayfasi .offer-next:hover::before,
.teklif-sayfasi .offer-actions button[data-next]:hover::before,
.teklif-sayfasi .offer-actions button[type="submit"]:hover::before,
.teklif-sayfasi #whatsappButton:hover::before{
  opacity:1 !important;
  animation:asyaBtnShine .75s ease forwards !important;
}

@keyframes asyaBtnShine{
  from{left:-80%;}
  to{left:135%;}
}

/* Geri / ikincil butonlar: premium ama sakin */
.teklif-sayfasi .offer-actions button[data-prev],
.teklif-sayfasi .offer-actions button:first-child:not([data-next]):not([type="submit"]){
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}

.teklif-sayfasi .offer-actions button[data-prev]:hover,
.teklif-sayfasi .offer-actions button:first-child:not([data-next]):not([type="submit"]):hover{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.24) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.18) !important;
}

/* Devre dışı durumda okunur, ama pasif */
.teklif-sayfasi .offer-next:disabled,
.teklif-sayfasi .offer-actions button:disabled,
.teklif-sayfasi #whatsappButton:disabled{
  background:rgba(255,255,255,.12) !important;
  color:rgba(255,255,255,.62) !important;
  -webkit-text-fill-color:rgba(255,255,255,.62) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:none !important;
  filter:none !important;
  cursor:not-allowed !important;
}