/* Tadilat Hesaplayıcı - Frontend Stiller */
:root {
    --primary:   #e85d04;
    --primary-dark: #c44e00;
    --text:      #212529;
    --muted:     #6c757d;
    --border:    #dee2e6;
    --bg:        #f8f9fa;
    --white:     #ffffff;
    --radius:    8px;
    --shadow:    0 2px 12px rgba(0,0,0,.08);
}

.tadilat-wizard {
    max-width: 760px;
    margin: 30px auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: var(--text);
    font-size: 15px;
    line-height: 1.5;
}

/* Progress */
.tdl-progress-wrap     { margin-bottom: 28px; }
.tdl-progress-bar      { height: 6px; background: #e9ecef; border-radius: 10px; overflow: hidden; margin-bottom: 6px; }
.tdl-progress-fill     { height: 100%; background: var(--primary); border-radius: 10px; transition: width .4s ease; }
.tdl-progress-text     { font-size: 12px; color: var(--muted); }

/* Step wrapper */
.tdl-step { animation: tdl-fadein .3s ease; }
@keyframes tdl-fadein { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

.tdl-step-title   { font-size: 22px; font-weight: 700; color: var(--primary); margin: 0 0 8px 0; }
.tdl-step-desc    { color: var(--muted); margin: 0 0 24px 0; }
.tdl-info-box     { background: #fff8f0; border-left: 4px solid var(--primary); padding: 12px 16px; border-radius: 0 var(--radius) var(--radius) 0; margin-bottom: 24px; }

/* Oda seçim kartları */
.tdl-oda-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 14px;
    margin-bottom: 28px;
}
.tdl-oda-kart {
    border: 2px solid var(--border);
    border-radius: var(--radius);
    padding: 18px 12px;
    text-align: center;
    cursor: pointer;
    transition: all .2s;
    background: var(--white);
}
.tdl-oda-kart:hover      { border-color: var(--primary); box-shadow: var(--shadow); }
.tdl-oda-kart.selected   { border-color: var(--primary); background: #fff3ee; }
.tdl-oda-icon  { display: block; font-size: 32px; margin-bottom: 8px; }
.tdl-oda-label { font-size: 13px; font-weight: 600; }

/* Adet kontrolü */
.tdl-adet-list  { margin-bottom: 28px; }
.tdl-adet-row   { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border: 1px solid var(--border); border-radius: var(--radius); margin-bottom: 10px; background: var(--white); }
.tdl-adet-label { font-weight: 600; font-size: 15px; }
.tdl-adet-ctrl  { display: flex; align-items: center; gap: 12px; }
.tdl-adet-btn   { width: 34px; height: 34px; border: 2px solid var(--primary); border-radius: 50%; background: var(--white); color: var(--primary); font-size: 18px; font-weight: bold; cursor: pointer; line-height: 1; transition: all .2s; display: flex; align-items: center; justify-content: center; }
.tdl-adet-btn:hover { background: var(--primary); color: var(--white); }
.tdl-adet-sayi  { font-size: 20px; font-weight: 700; min-width: 28px; text-align: center; }

/* İş kalemleri */
.tdl-job-list   { margin-bottom: 28px; }
.tdl-job-block  { border: 1px solid var(--border); border-radius: var(--radius); margin-bottom: 10px; background: var(--white); overflow: hidden; }
.tdl-job-block.selected { border-color: var(--primary); }
.tdl-job-header { display: flex; align-items: center; gap: 10px; padding: 14px 16px; cursor: pointer; }
.tdl-job-header input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--primary); cursor: pointer; }
.tdl-job-header label { font-weight: 600; cursor: pointer; flex: 1; }

/* Kalite seçimi */
.tdl-tier-wrap  { padding: 0 16px 16px; border-top: 1px solid var(--border); }
.tdl-olcu-row   { display: flex; align-items: center; gap: 10px; margin: 12px 0 8px; }
.tdl-olcu-row label { font-size: 13px; color: var(--muted); white-space: nowrap; }
.tdl-olcu-input { border: 1px solid var(--border); border-radius: 6px; padding: 6px 10px; font-size: 14px; width: 80px; }
.tdl-tier-grid  { display: grid; grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: 8px; margin-top: 10px; }
.tdl-tier-card  { border: 2px solid var(--border); border-radius: var(--radius); padding: 10px 12px; cursor: pointer; transition: all .2s; text-align: center; }
.tdl-tier-card strong { display: block; font-size: 13px; font-weight: 700; }
.tdl-tier-card small  { display: block; font-size: 11px; color: var(--muted); margin-top: 3px; line-height: 1.3; }
.tdl-tier-card:hover  { border-color: var(--primary); }
.tdl-tier-card.selected { border-color: var(--primary); background: #fff3ee; }

.tier-ekonomik.selected   { background: #d1ecf1; border-color: #0c5460; }
.tier-standart.selected   { background: #d4edda; border-color: #155724; }
.tier-luks.selected       { background: #fff3cd; border-color: #856404; }
.tier-ultra_luks.selected { background: #f8d7da; border-color: #721c24; }

/* Özet */
.tdl-ozet       { margin-bottom: 24px; }
.tdl-ozet-oda   { border: 1px solid var(--border); border-radius: var(--radius); margin-bottom: 14px; overflow: hidden; }
.tdl-ozet-oda h3 { background: var(--primary); color: white; margin: 0; padding: 10px 16px; font-size: 14px; }
.tdl-ozet-oda ul { margin: 0; padding: 12px 16px 12px 32px; list-style: disc; }
.tdl-ozet-oda li { padding: 3px 0; font-size: 13px; }
.tdl-adet-badge  { background: rgba(255,255,255,0.3); border-radius: 10px; padding: 1px 8px; font-size: 11px; font-weight: 400; }
.tdl-is-label    { margin-right: 6px; }
.tdl-tier-badge  { display: inline-block; font-size: 11px; padding: 1px 7px; border-radius: 10px; font-weight: 600; }
.tdl-tier-badge.tier-ekonomik   { background: #d1ecf1; color: #0c5460; }
.tdl-tier-badge.tier-standart   { background: #d4edda; color: #155724; }
.tdl-tier-badge.tier-luks       { background: #fff3cd; color: #856404; }
.tdl-tier-badge.tier-ultra_luks { background: #f8d7da; color: #721c24; }
.tdl-counter    { color: var(--muted); font-size: 13px; margin-bottom: 20px; }

/* İletişim formu */
.tdl-iletisim-form  { margin-bottom: 24px; }
.tdl-input-row      { margin-bottom: 16px; }
.tdl-input-row label { display: block; font-weight: 600; margin-bottom: 5px; font-size: 13px; }
.tdl-input          { width: 100%; max-width: 400px; border: 1px solid var(--border); border-radius: 6px; padding: 10px 14px; font-size: 15px; box-sizing: border-box; }
.tdl-input:focus    { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(232,93,4,.15); }
.tdl-iletisim-not   { background: #fff8f0; border-left: 4px solid var(--primary); padding: 10px 14px; border-radius: 0 6px 6px 0; font-size: 13px; margin-top: 18px; }

/* Navigasyon */
.tdl-nav  { display: flex; gap: 12px; justify-content: space-between; margin-top: 20px; flex-wrap: wrap; }
.tdl-btn  { padding: 12px 24px; border-radius: var(--radius); font-size: 15px; font-weight: 600; cursor: pointer; border: none; transition: all .2s; }
.tdl-btn-ileri  { background: var(--primary); color: white; }
.tdl-btn-ileri:hover { background: var(--primary-dark); }
.tdl-btn-geri   { background: var(--bg); color: var(--text); border: 1px solid var(--border); }
.tdl-btn-geri:hover  { background: var(--border); }
.tdl-btn-gonder { background: var(--primary); color: white; padding: 14px 32px; font-size: 16px; border-radius: var(--radius); border: none; font-weight: 700; cursor: pointer; transition: all .2s; }
.tdl-btn-gonder:hover    { background: var(--primary-dark); }
.tdl-btn-gonder:disabled { opacity: .6; cursor: not-allowed; }

/* Error */
.tdl-error  { background: #f8d7da; border: 1px solid #f5c6cb; border-radius: 6px; padding: 10px 14px; color: #721c24; margin-top: 10px; font-size: 13px; }

/* Loading */
.tdl-loading { text-align: center; padding: 30px; color: var(--muted); font-size: 15px; animation: pulse 1.5s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.5} }

/* Teşekkür */
.tdl-tesekkur { text-align: center; padding: 40px 20px; }
.tdl-success-icon { font-size: 60px; margin-bottom: 16px; }
.tdl-tesekkur h2  { font-size: 24px; color: var(--primary); margin-bottom: 10px; }
.tdl-tesekkur p   { color: var(--muted); max-width: 480px; margin: 0 auto 14px; }
.tdl-btn-indir   { display: inline-block; background: var(--primary); color: white; padding: 14px 32px; border-radius: var(--radius); font-weight: 700; font-size: 16px; text-decoration: none; margin: 10px 6px; }
.tdl-btn-indir:hover { background: var(--primary-dark); color: white; }
.tdl-btn-yeniden  { display: inline-block; background: var(--bg); color: var(--text); padding: 12px 24px; border-radius: var(--radius); font-weight: 600; font-size: 14px; border: 1px solid var(--border); cursor: pointer; margin: 10px 6px; }

/* Responsive */
@media (max-width: 600px) {
    .tadilat-wizard  { margin: 16px; }
    .tdl-step-title  { font-size: 18px; }
    .tdl-oda-grid    { grid-template-columns: repeat(2, 1fr); }
    .tdl-tier-grid   { grid-template-columns: repeat(2, 1fr); }
    .tdl-nav         { flex-direction: column-reverse; }
    .tdl-btn         { width: 100%; text-align: center; }
    .tdl-btn-gonder  { width: 100%; }
    .tdl-input       { max-width: 100%; }
}