/* MisyonKredi Sepet - Minimal Ekler (sitenin CSS'ini kullanır) */

/* Sepet satırı */
.mk-cart-row { display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #e9ecef; flex-wrap:wrap; }
.mk-cart-row:last-child { border-bottom:none; }
.mk-cart-info { flex:1; min-width:160px; }
.mk-qty { display:flex; align-items:center; gap:10px; border:1px solid #dee2e6; border-radius:6px; padding:4px 10px; }
.mk-qty button { background:none; border:none; font-size:1.1rem; cursor:pointer; color:#1a56db; width:22px; height:22px; }
.mk-qty span { font-weight:700; min-width:20px; text-align:center; }
.mk-row-total { font-weight:700; min-width:90px; text-align:right; }
.mk-btn-remove { background:#e53935; color:#fff; border:none; border-radius:5px; padding:6px 14px; cursor:pointer; font-size:0.82rem; }
.mk-empty { text-align:center; padding:40px 0; color:#6c757d; }
.mk-sum-row { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid #e9ecef; }
.mk-sum-total { font-weight:700; font-size:1.05rem; color:#1a56db; border-bottom:none; margin-top:6px; }
.mk-back-link { color:#6c757d; font-size:0.88rem; }

/* Form alanları */
.mk-form-group { margin-bottom:14px; }
.mk-form-group label { display:block; font-size:0.85rem; font-weight:600; margin-bottom:5px; }
.mk-form-group input,.mk-form-group select,.mk-form-group textarea { width:100%; padding:9px 12px; border:1px solid #dee2e6; border-radius:6px; font-size:0.92rem; font-family:inherit; background:#f8f9fa; box-sizing:border-box; transition:border 0.2s; }
.mk-form-group input:focus,.mk-form-group select:focus { border-color:#1a56db; outline:none; background:#fff; box-shadow:0 0 0 3px rgba(26,86,219,0.12); }
.mk-form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.mk-checkbox { display:flex; align-items:flex-start; gap:8px; margin-bottom:10px; }
.mk-checkbox input[type=checkbox] { width:17px; height:17px; margin-top:2px; flex-shrink:0; accent-color:#1a56db; }
.mk-checkbox label { font-size:0.87rem; line-height:1.5; cursor:pointer; }
.mk-fieldset { border:1px solid #dee2e6; border-radius:8px; padding:18px; margin-bottom:18px; }
.mk-fieldset legend { font-weight:700; color:#1a56db; padding:0 8px; font-size:0.93rem; }

/* Sipariş özeti kutusu */
.mk-sticky-box { position:sticky; top:100px; }
.mk-sum-box { background:#fff; border:1px solid #dee2e6; border-radius:10px; padding:22px; box-shadow:0 2px 8px rgba(0,0,0,0.07); }
.mk-sum-box h4 { font-size:1rem; margin-bottom:14px; padding-bottom:10px; border-bottom:2px solid #e9ecef; }

/* Modal */
.mk-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:99999; align-items:center; justify-content:center; padding:20px; }
.mk-modal-inner { background:#fff; border-radius:10px; padding:28px; max-width:520px; width:100%; max-height:80vh; overflow-y:auto; box-shadow:0 8px 32px rgba(0,0,0,0.2); }
.mk-modal-inner h3 { margin-bottom:14px; font-size:1.05rem; }
.mk-modal-inner p { font-size:0.88rem; line-height:1.7; color:#444; }

/* Toast */
.mk-toast { position:fixed; bottom:28px; right:28px; background:#0d1b3e; color:#fff; padding:13px 22px; border-radius:8px; font-size:0.88rem; border-left:4px solid #0f9d58; box-shadow:0 4px 16px rgba(0,0,0,0.18); z-index:99999; opacity:0; transform:translateY(60px); transition:all 0.3s ease; pointer-events:none; }
.mk-toast.mk-toast-show { opacity:1; transform:translateY(0); }

/* Sipariş no kutusu */
.mk-order-no { background:#f8f9fa; border:1px dashed #dee2e6; border-radius:6px; padding:12px 20px; font-size:1.1rem; font-weight:700; display:inline-block; margin:14px 0; }
.mk-ssl { font-size:0.78rem; color:#6c757d; margin-top:10px; text-align:center; }

/* Kart görseli */
.mk-card-visual { background:linear-gradient(135deg,#1a56db 0%,#0d1b3e 100%); border-radius:14px; padding:24px 22px 20px; color:#fff; position:relative; min-height:160px; box-shadow:0 8px 24px rgba(26,86,219,0.3); margin-bottom:16px; overflow:hidden; }
.mk-card-visual::before { content:''; position:absolute; width:200px; height:200px; background:rgba(255,255,255,0.05); border-radius:50%; top:-60px; right:-60px; }
.mk-card-chip { width:40px; height:30px; background:linear-gradient(135deg,#f0c040,#c8960c); border-radius:6px; margin-bottom:24px; }
.mk-card-number-display { font-size:1.3rem; letter-spacing:3px; font-family:'Courier New',monospace; margin-bottom:20px; }
.mk-card-bottom { display:flex; justify-content:space-between; align-items:flex-end; }
.mk-card-label { font-size:0.65rem; text-transform:uppercase; letter-spacing:1px; color:rgba(255,255,255,0.7); margin-bottom:3px; }
.mk-card-holder-display,.mk-card-exp-display { font-size:0.88rem; letter-spacing:1px; font-weight:600; }

/* Taksit */
.mk-taksit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:10px; }
.mk-taksit-item { border:2px solid #dee2e6; border-radius:8px; padding:8px; text-align:center; cursor:pointer; font-size:0.82rem; font-weight:600; transition:all 0.2s; }
.mk-taksit-item input[type=radio] { display:none; }
.mk-taksit-item:hover,.mk-taksit-item.active { border-color:#1a56db; background:#eef3ff; color:#1a56db; }

/* Sepet badge */
#mk-cart-badge { background:#e53935; color:#fff; border-radius:50%; width:18px; height:18px; display:none; font-size:11px; font-weight:700; position:absolute; top:-8px; right:-8px; line-height:18px; text-align:center; }

/* Sipariş kartı */
.mk-order-card { background:#fff; border:1px solid #dee2e6; border-radius:10px; margin-bottom:20px; box-shadow:0 2px 8px rgba(0,0,0,0.07); overflow:hidden; }
.mk-order-card-header { background:#f0f4ff; border-bottom:1px solid #dee2e6; padding:14px 20px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.mk-order-card-header .order-badge { background:#d1fae5; color:#065f46; padding:4px 12px; border-radius:20px; font-size:0.8rem; font-weight:600; }
.mk-order-card-body { padding:18px 20px; }
.mk-order-items-table { width:100%; border-collapse:collapse; font-size:0.88rem; }
.mk-order-items-table th { background:#f8f9fa; padding:8px 12px; text-align:left; color:#6c757d; font-weight:600; border-bottom:2px solid #dee2e6; }
.mk-order-items-table td { padding:9px 12px; border-bottom:1px solid #e9ecef; }

@media (max-width:768px) { .mk-form-row { grid-template-columns:1fr; } .mk-cart-row { flex-direction:column; align-items:flex-start; } .mk-taksit-grid { grid-template-columns:repeat(2,1fr); } }