/* Rızaen Datepicker — Light + Orange Accent (conflict-safe) */
:root{
  --rza-dp-bg: #fff;
  --rza-dp-text: #111827;
  --rza-dp-muted: #6b7280;
  --rza-dp-border: #e5e7eb;
  --rza-dp-accent: #ff7a00;         /* logo turuncusu */
  --rza-dp-accent-soft: rgba(255,122,0,.12);
  --rza-dp-shadow: 0 12px 28px rgba(17,24,39,.10);
  --rza-dp-radius: 12px;
}

/* Kapsayıcı */
.ui-datepicker {
  background: var(--rza-dp-bg) !important;
  color: var(--rza-dp-text) !important;
  border: 1px solid var(--rza-dp-border) !important;
  border-radius: var(--rza-dp-radius) !important;
  box-shadow: var(--rza-dp-shadow) !important;
  padding: 10px !important;
  z-index: 99999 !important;
  font: 14px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif !important;
}

/* Bu kapsayıcı içindeki TÜM metinler görünür olsun */
.ui-datepicker, .ui-datepicker * {
  color: var(--rza-dp-text) !important;
  text-shadow: none !important;
}

/* Başlık */
.ui-datepicker .ui-datepicker-header{
  background: transparent !important;
  border: 0 !important;
  margin: 2px 2px 8px !important;
  display: grid !important;
  grid-template-columns: 28px 1fr 28px !important;
  align-items: center !important;
}
.ui-datepicker .ui-datepicker-title{
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--rza-dp-text) !important;
}

/* Önce/Sonra: jQuery UI ikonlarını değil, kendi pseudo ikonlarımızı kullanıyoruz */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
  text-indent: 0 !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--rza-dp-muted) !important;
  position: relative !important;
  overflow: visible !important;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover{
  background: var(--rza-dp-accent-soft) !important;
  color: var(--rza-dp-accent) !important;
  border-color: rgba(255,122,0,.25) !important;
}

/* jQuery UI'nin sprite/ikonlarını tamamen etkisizleştir */
.ui-datepicker .ui-icon { 
  background: none !important; 
  border: 0 !important; 
  width: 0 !important; 
  height: 0 !important; 
  display: block !important;
  overflow: hidden !important;
}

/* Kendi oklarımız */
.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before{
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(135deg) !important; /* sol ok */
}
.ui-datepicker .ui-datepicker-next::before{
  transform: rotate(-45deg) !important; /* sağ ok */
}

/* Tablo */
.ui-datepicker table{
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}
.ui-datepicker th{
  color: var(--rza-dp-muted) !important;
  font-weight: 600 !important;
  padding: 6px 0 !important;
  border: 0 !important;
}
.ui-datepicker td{
  padding: 2px !important;
}

/* Gün kutuları */
.ui-datepicker td a,
.ui-datepicker td span{
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
  color: var(--rza-dp-text) !important;
  padding: 8px 0 !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease !important;
  min-width: 34px !important;
  background: transparent !important;
}
.ui-datepicker td a:hover{
  background: var(--rza-dp-accent-soft) !important;
  border-color: rgba(255,122,0,.22) !important;
  color: var(--rza-dp-text) !important;
}

/* Bugün (highlight) */
.ui-datepicker .ui-state-highlight{
  background: #fff8f2 !important;
  border-color: rgba(255,122,0,.22) !important;
}

/* Seçili gün */
.ui-datepicker .ui-state-active{
  background: var(--rza-dp-accent) !important;
  color: #fff !important;
  border-color: var(--rza-dp-accent) !important;
  font-weight: 700 !important;
}

/* Devre dışı günler */
.ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-state-disabled span{
  opacity: .45 !important;
  color: var(--rza-dp-muted) !important;
}

/* Ay/Yıl select (changeMonth/Year açıkken) */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{
  appearance: none !important;
  border: 1px solid var(--rza-dp-border) !important;
  background: #fff !important;
  color: var(--rza-dp-text) !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
}
.ui-datepicker select.ui-datepicker-month:focus,
.ui-datepicker select.ui-datepicker-year:focus{
  outline: none !important;
  border-color: var(--rza-dp-accent) !important;
  box-shadow: 0 0 0 3px rgba(255,122,0,.2) !important;
}

/* Küçük ekranlar */
@media (max-width: 420px){
  .ui-datepicker { padding: 8px !important; }
  .ui-datepicker td a, .ui-datepicker td span { padding: 7px 0 !important; border-radius: 8px !important; }
}

/* --- Başlık düzeni ve select stili (Ay/Yıl) --- */
.ui-datepicker .ui-datepicker-header{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  justify-content:space-between !important;
}

.ui-datepicker .ui-datepicker-title{
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin:0 !important;
}

/* Ay ve Yıl select’leri: pill görünüm + otomatik genişlik */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{
  appearance:none !important;
  border:1px solid var(--rza-dp-border) !important;
  background:#fff !important;
  color:var(--rza-dp-text) !important;
  border-radius:999px !important;
  padding:6px 12px !important;
  font-size:13px !important;
  line-height:1.2 !important;
  height:auto !important;
  width:auto !important;          /* <<< daralmayı engeller */
  max-width:160px !important;
}

/* Select hover/focus */
.ui-datepicker select.ui-datepicker-month:hover,
.ui-datepicker select.ui-datepicker-year:hover{
  border-color: rgba(255,122,0,.35) !important;
}
.ui-datepicker select.ui-datepicker-month:focus,
.ui-datepicker select.ui-datepicker-year:focus{
  outline:none !important;
  border-color: var(--rza-dp-accent) !important;
  box-shadow: 0 0 0 3px rgba(255,122,0,.2) !important;
}

/* Önce / Sonra okları sabit kalsın */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
  flex:0 0 32px !important;
  width:32px !important; height:32px !important;
  border-radius:8px !important;
}
/* — Kill native date icon completely (Chrome/Safari/Edge/Firefox) — */
.rza-calc__form input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:0 !important; width:0 !important; height:0 !important;
  margin:0 !important; padding:0 !important;
  -webkit-appearance:none !important; appearance:none !important;
  pointer-events:none !important; display:none !important;
}
.rza-calc__form input[type="date"]::-webkit-inner-spin-button,
.rza-calc__form input[type="date"]::-webkit-outer-spin-button{
  -webkit-appearance: none !important; margin:0 !important;
}
.rza-calc__form input[type="date"]::-ms-clear,
.rza-calc__form input[type="date"]::-ms-reveal{ display:none !important; }
.rza-calc__form input[type="date"]{ -webkit-tap-highlight-color: transparent; }

/* — Wrapper & input right padding (icon space) — */
.rza-dpw{ position:relative; display:block; }
.rza-dpw > input{ padding-right:40px !important; } /* ikon alanı */

/* — Our calendar button: NO box, NO border, NO bg — */
.rza-dp-icon{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:22px; height:22px;
  display:flex; align-items:center; justify-content:center;
  background:transparent !important; border:0 !important; box-shadow:none !important;
  color:#6b7280; /* nötr gri ikon */
  cursor:pointer; outline:none; -webkit-appearance:none; appearance:none;
}
.rza-dp-icon:hover{ color: var(--rza-accent); }
.rza-dp-icon:focus{ outline:none; box-shadow:none; }
.rza-dp-icon svg{ width:18px; height:18px; display:block; }
/* --- Input içinde takvim ikonlu buton --- */
.rza-dpw{ position:relative; display:block; }
.rza-dpw > input{ padding-right:42px !important; }    /* buton için yer aç */
.rza-dp-icon{
  position:absolute; right:8px; top:35%; transform:translateY(-50%); 
  background:#fff;
  border-radius:unset !important;
  cursor:pointer;
  display:inline-block; 
  border:unset !important; 
  background-color: unset !important;;
}