/* Rızaen Calculators — Light UI (turuncu aksan) */
.rza-calc{
  --rza-bg:#ffffff;            /* sayfa/kart zemini */
  --rza-panel:#ffffff;
  --rza-border:#e5e7eb;        /* #e5e7eb ~ Tailwind zincir gri */
  --rza-text:#111827;          /* koyu gri/siyah metin */
  --rza-muted:#6b7280;         /* ikincil metin */
  --rza-accent:#ff7a00;        /* LOGO TURUNCUSU (gerekirse #ff6a00/#ff7f00 yapabilirsin) */
  --rza-accent-ink:#ffffff;    /* turuncu üstü yazı */
  --rza-focus: rgba(255,122,0,.24);
  --rza-shadow: 0 8px 22px rgba(17,24,39,.06);
  --rza-radius: 14px;
  --rza-gap: 14px;

  background: var(--rza-panel);
  color: var(--rza-text);
  border: 1px solid var(--rza-border);
  border-radius: var(--rza-radius);
  box-shadow: var(--rza-shadow);
  padding: 18px;
  max-width: 760px;
  margin: 18px auto;
}

.rza-calc__title{
  margin: 0 0 10px;
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing:.2px;
  color: var(--rza-text);
}

/* FORM */
.rza-calc__form{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--rza-gap);
}

.rza-calc__field label{
  display:flex; flex-direction:column; gap:6px;
  font-size:.94rem; color:var(--rza-muted);
}

/* Input/Select: zemin RENKSİZ (şeffaf/beyaz), sadece ince kenar */
.rza-calc__field input:not([type="checkbox"]):not([type="radio"]),
.rza-calc__field select{
  appearance:none;
  width:100%;
  border-radius:10px;
  border:1px solid var(--rza-border);
  background: transparent;
  color: var(--rza-text);
  padding: 10px 12px;
  outline:none;
  transition: border .16s ease, box-shadow .16s ease, background .16s ease;
}
.rza-calc__field input::placeholder{ color:#9ca3af; }

.rza-calc__field input:focus,
.rza-calc__field select:focus{
  border-color: var(--rza-accent);
  box-shadow: 0 0 0 4px var(--rza-focus);
  background: #fff;            /* odakta hafif beyaz vurgusu */
}

/* checkbox: sistem görünümü + turuncu accent */
.rza-calc__field input[type="checkbox"]{
  width:auto;                /* taşmasın */
  height:auto;
  display:inline-block;      /* satır içi */
  margin:0;                  /* fazladan boşluk olmasın */
  accent-color: var(--rza-accent);
  background:transparent;
  border:0;                  /* bizim genel border’dan etkilenmesin */
  box-shadow:none;
  padding:0;
}
/* BUTON: turuncu aksan */
.rza-calc__submit{
  grid-column: 1 / -1;
  background: var(--rza-accent);
  color: var(--rza-accent-ink);
  border: 0;
  border-radius: 12px;
  padding: 12px 16px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .08s ease, box-shadow .18s ease, filter .18s ease;
  box-shadow: 0 6px 16px rgba(255,122,0,.25);
}
.rza-calc__submit:hover{ filter: brightness(1.03); }
.rza-calc__submit:active{ transform: translateY(1px); }

/* SONUÇ KARTI: hafif çerçeve, beyaz zemin */
.rza-calc__result{ margin-top: 14px; }
.rza-calc__card{
  background: #fff;
  border: 1px solid var(--rza-border);
  border-radius: 12px;
  padding: 14px;
}
.rza-calc__card h4{ margin:0 0 8px; font-size:1rem; color:var(--rza-text); }
.rza-calc__card ul{ margin:0; padding-left:18px; color:var(--rza-text); }
.rza-calc__card li{ margin: 4px 0; }

/* bilgi rozeti (isteğe bağlı) */
.rza-tag{
  display:inline-block; padding:.24rem .56rem; border-radius:999px;
  background: rgba(255,122,0,.12);
  color:#9a4800; border:1px solid rgba(255,122,0,.35);
  font-size:.78rem; font-weight:600;
}

/* Checkbox içeren label’ları yatay hizala */
.rza-calc__field label:has(> input[type="checkbox"]){
  flex-direction:row;        /* satırda yan yana */
  align-items:center;
  gap:8px;
  color:var(--rza-text);
}

/* Checkbox yanındaki metni biraz belirginleştir */
.rza-calc__field label:has(> input[type="checkbox"]) > span{
  color:var(--rza-text);
  font-weight:500;
}

/* Mobil */
@media (max-width: 680px){
  .rza-calc{ padding:14px; border-radius:12px; }
  .rza-calc__form{ grid-template-columns:1fr; }
  .rza-calc__submit{ font-size:1rem; }
}

/* Butonun kendisi */
.rza-dp-icon{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:30px; height:30px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--rza-border); background:#fff; border-radius:8px;
  cursor:pointer; box-shadow:0 2px 6px rgba(17,24,39,.06);
  color:#111827; /* ikon rengi */
}
.rza-dp-icon:hover{ border-color: rgba(255,122,0,.35); color: var(--rza-dp-accent); }
.rza-dp-icon:active{ transform:translateY(calc(-50% + 1px)); }

/* SVG boyutu ve görünürlük */
.rza-dp-icon svg{ width:16px; height:16px; display:block; }

/* 1) DATE INPUT SARMALAYICI – ikon için gerekli */
.rza-dpw{ position: relative; display:block; }
.rza-dpw > input{ padding-right:42px !important; } /* sağda buton için yer */

/* 2) NATIVE TARİH İKONUNU GİZLE (JS devreye girene kadar) */
.rza-calc__form input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:0; display:none; -webkit-appearance:none;
}
.rza-calc__form input[type="date"]{
  /* bazı temalar buton alanını boyuyor, onu da bastıralım */
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
}

/* 3) TAKVİM BUTONU – ufak reset ve doğru renk değişkeni */
.rza-dp-icon{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:30px; height:30px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--rza-border);
  background:#fff;
  border-radius:8px;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(17,24,39,.06);
  color:#111827;
  appearance:none; -webkit-appearance:none;  /* tema buton stillerini nötrle */
  outline:none;
}
.rza-dp-icon:hover{
  border-color: rgba(255,122,0,.35);
  color: var(--rza-accent); /* <-- düzeltildi: --rza-dp-accent değil */
}
.rza-dp-icon:focus{ box-shadow: 0 0 0 3px rgba(255,122,0,.2); }
.rza-dp-icon:active{ transform: translateY(calc(-50% + 1px)); }

/* SVG boyutu */
.rza-dp-icon svg{ width:16px; height:16px; display:block; }

/* Sarmalayıcı ve input sağ boşluğu */
.rza-dpw{ position:relative; display:block; }
.rza-dpw > input{ padding-right:42px !important; }

/* Takvim butonu (renk değişkeni düzeltildi) */
.rza-dp-icon{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--rza-border); background:#fff; border-radius:8px; cursor:pointer;
  box-shadow:0 2px 6px rgba(17,24,39,.06); color:#111827; appearance:none; -webkit-appearance:none; outline:none;
}
.rza-dp-icon:hover{ border-color: rgba(255,122,0,.35); color: var(--rza-accent); }
.rza-dp-icon svg{ width:16px; height:16px; display:block; }

/* Chrome/Safari native ikonunu gizle (mavi kutuyu engeller) */
.rza-calc__form input[type="date"]::-webkit-calendar-picker-indicator{ opacity:0; display:none; -webkit-appearance:none; }

 
/* Sonuç kartı (mevcut stillerle uyumlu) */
.rza-result--table .rza-result__body { padding: 12px; }

/* Tablo */
.rza-result-table{
  width:100%;
  border-collapse: separate;
  border-spacing: 0;
  background:#fff;
  border:1px solid var(--rza-border);
  border-radius:10px;
  overflow: hidden;
}
.rza-result-table tbody tr:not(:last-child) td,
.rza-result-table tbody tr:not(:last-child) th{
  border-bottom:1px solid var(--rza-border);
}

.rza-result-table th{
  text-align:left;
  background:#f8fafc;
  width:54%;
  padding:10px 12px;
  font-weight:700;
  color:#0f172a;
}
.rza-result-table td{
  text-align:right;
  padding:10px 12px;
  font-weight:700;
  color:#111827;
}

/* Zebra hafiflik */
.rza-result-table tbody tr:nth-child(even) th{ background:#f3f6fb; }

/* Vergi dilimleri kutusu */
.rza-result__slab--compact{
  margin-top:12px;
  background:#f1f5f9;
  border:1px solid var(--rza-border);
  border-radius:10px;
  padding:10px 12px;
}
.rza-slablist{ margin:6px 0 0; padding-left:18px; }
.rza-slablist li{ margin:3px 0; }

/* Açıklama kutusu */
.rza-result__note{
  background:#fff7ed;
  border:1px solid rgba(255,122,0,.35);
  color:#7a3d00;
  border-radius:10px;
  padding:10px 12px;
  margin-top:12px;
}

/* Mobil optimizasyon */
@media (max-width:680px){
  .rza-result-table th, .rza-result-table td{ padding:8px 10px; }
  .rza-result-table th{ width:60%; }
}


/* --- Sonuç başlığı (Hesaplama Sonuçları) --- */
.rza-result__head {
  background: linear-gradient(90deg, var(--rza-accent) 0%, #ff9633 100%);
  color: var(--rza-accent-ink);
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: 0.3px;
  padding: 10px 14px;
  border-radius: 10px 10px 0 0;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 2px 6px rgba(255,122,0,0.2);
}

/* Vergi istisnası uyarı kutusu */
.rza-result__note--warn {
  background: #fff0f0;
  border: 1px solid rgba(255, 0, 0, 0.35);
  color: #7a0000;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 12px;
  margin-top: 12px;
  line-height: 1.55;
}
.rza-result__note--warn strong {
  color: #b30000;
}

.rza-radio {
  display: block;
  margin-bottom: 8px;
  cursor: pointer;
}
.rza-radio input[type=radio] {
  margin-right: 6px;
}

/* ---- Radio grup (Emlak Vergisi / İşlem) ---- */
.rza-calc__field label > span:first-child{
  /* alan başlığı (İşlem, İl, vs.) */
  display:block;
  margin-bottom:8px;
}

/* İçeride echo'ladığımız .rza-radio etiketleri */
.rza-radio{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:6px 0;
  line-height:1.4;
  color:var(--rza-text);
}
.rza-radio input[type="radio"]{
  flex:0 0 auto;
  margin-top:3px;                 /* metinle hizala */
  accent-color: var(--rza-accent);
  width:16px; height:16px;
}
.rza-radio + .rza-radio{ margin-top:8px; }

/* Hover/focus minik vurgu */
.rza-radio:hover{  }
.rza-radio input[type="radio"]:focus-visible{
 
}



.rza-actions {
    display: flex;
    justify-content: center;
    align-items: center;
}

button.rza-btn.rza-btn--ghost {
    background: #f2f2f2;
    color: #333;
    font-size: 14px;
    border-radius: 4px;
    margin:4px;
}
 

/* Yazdırma: sadece hedef kutu görünsün, tüm süsleri kaldır */
@media print {
  body {
    background: #fff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* Diğer tüm araçları gizle */
  .rza-printing .rza-calc {
    display: none !important;
  }

  /* Yalnız hedef kutu göster */
  .rza-printing .rza-calc.rza-print-target {
    display: block !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    /* 👇 Tüm görsel efektleri sıfırla */
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    filter: none !important;
    outline: none !important;

    /* Sayfa taşması önle */
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  /* İçeride sadece sonuç kartı kalsın */
  .rza-calc__form,
  .rza-actions,
  header,
  nav,
  footer,
  .site-header,
  .site-footer,
  .header,
  .footer,
  aside,
  .ebulten-wrap,
  .sidebar {
    display: none !important;
  }

  /* Yazı rengi düz, okunabilir olsun */
  .rza-result__head,
  .rza-result__body,
  .rza-result__note {
    color: #000 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  /* Tablolar sade çizgili */
  .rza-result-table th,
  .rza-result-table td {
    border: 1px solid #ccc !important;
    background: #fff !important;
  }

  
}