/* Onlinehosting sepet - onay pencereleri (Sepeti Boşalt modalı + SweetAlert "Emin misiniz?")
   Site renkleri: lacivert #031326/#0a2540, mavi #0d8be8/#0066cc, çizgi #e3e9f2, kırmızı #b42318 */

/* ---------- Ortak: arka plan ---------- */
.modal-backdrop.in,
.modal-backdrop.show { background: #031326; opacity: .58 !important; }
.swal-overlay { background: rgba(3, 19, 38, .58) !important; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }

/* ---------- Bootstrap modal: Sepeti Boşalt ---------- */
#modalEmptyCart { font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
#modalEmptyCart .modal-dialog { max-width: 420px; width: auto; margin: 0 auto; display: flex; align-items: center; min-height: 100%; padding: 16px; }
#modalEmptyCart .modal-content {
    width: 100%; border: 0; border-radius: 20px; overflow: hidden; background: #fff;
    box-shadow: 0 30px 70px rgba(3, 19, 38, .35), 0 2px 0 rgba(13, 139, 232, .0);
    position: relative; text-align: center;
}
#modalEmptyCart .modal-content::before { /* üst ince renk şeridi */
    content: ""; display: block; height: 4px;
    background: linear-gradient(90deg, #ef4444, #f97316);
}
#modalEmptyCart .modal-header { border: 0; padding: 28px 28px 6px; display: block; text-align: center; position: static; }
#modalEmptyCart .modal-header .close {
    position: absolute; top: 18px; right: 16px; float: none; margin: 0; width: 30px; height: 30px; padding: 0;
    border-radius: 50%; background: #f1f5f9; color: #64748b; opacity: 1; text-shadow: none; font-size: 18px; line-height: 28px; font-weight: 400;
    transition: background .15s, color .15s;
}
#modalEmptyCart .modal-header .close:hover { background: #fee2e2; color: #b42318; }
#modalEmptyCart .modal-title { display: flex; flex-direction: column; align-items: center; gap: 14px; margin: 0; font-size: 20px; font-weight: 800; color: #0f172a; line-height: 1.3; }
#modalEmptyCart .modal-title .fa,
#modalEmptyCart .modal-title .fas {
    width: 64px; height: 64px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
    background: #fef2f2; color: #dc2626; font-size: 24px !important; box-shadow: 0 0 0 8px #fff5f5;
}
#modalEmptyCart .modal-body { border: 0; padding: 8px 32px 4px; font-size: 14.5px; line-height: 1.6; color: #64748b; }
#modalEmptyCart .modal-footer {
    border: 0; background: transparent; padding: 20px 28px 28px; display: flex; gap: 10px; justify-content: center; text-align: center;
}
#modalEmptyCart .modal-footer .btn { margin: 0; min-width: 120px; padding: 11px 22px; font-size: 14px; font-weight: 700; border-radius: 12px; transition: transform .12s, box-shadow .15s, background .15s; }
#modalEmptyCart .modal-footer .btn:active { transform: translateY(1px); }
#modalEmptyCart .modal-footer .btn-default {
    background: #f1f5f9 !important; color: #334155 !important; border: 1px solid #e3e9f2 !important; box-shadow: none !important;
}
#modalEmptyCart .modal-footer .btn-default:hover { background: #e8eef6 !important; }
#modalEmptyCart .modal-footer .btn-primary {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important; color: #fff !important; border: 0 !important;
    box-shadow: 0 8px 20px rgba(220, 38, 38, .28) !important;
}
#modalEmptyCart .modal-footer .btn-primary:hover { box-shadow: 0 10px 24px rgba(220, 38, 38, .38) !important; transform: translateY(-1px); }

/* ---------- SweetAlert: Emin misiniz? ---------- */
.swal-modal {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    width: 420px; max-width: calc(100% - 32px); border-radius: 20px; background: #fff; padding: 0 0 6px; overflow: hidden;
    box-shadow: 0 30px 70px rgba(3, 19, 38, .35);
}
.swal-modal::before { content: ""; display: block; height: 4px; background: linear-gradient(90deg, #ef4444, #f97316); }
.swal-icon { margin: 26px auto 4px; width: 68px; height: 68px; border-width: 0 !important; background: #fff1f0; box-shadow: 0 0 0 8px #fff7f6; }
.swal-icon--warning { border-color: transparent !important; }
.swal-icon--warning__body, .swal-icon--warning__dot { background-color: #ef4444 !important; }
.swal-icon--warning__body { position: absolute; left: 50%; width: 5px; height: 26px; top: 14px; margin-left: -2.5px; border-radius: 3px; }
.swal-icon--warning__dot { position: absolute; left: 50%; width: 7px !important; height: 7px !important; bottom: auto !important; top: 47px !important; margin-left: -3.5px; border-radius: 50%; }
.swal-icon--warning { animation: none; }
.swal-icon--warning__body, .swal-icon--warning__dot { animation: none !important; }
.swal-icon--warning::before, .swal-icon--warning::after { display: none !important; }
.swal-title { margin: 8px 24px 0; padding: 0; font-size: 21px; font-weight: 800; color: #0f172a; line-height: 1.3; }
.swal-text { margin: 0; padding: 8px 34px 0; font-size: 14.5px; line-height: 1.6; color: #64748b; text-align: center; max-width: none; }
.swal-footer { margin: 0; padding: 22px 24px 24px; text-align: center; }
.swal-button-container { margin: 0 5px; }
.swal-button {
    min-width: 120px; padding: 11px 22px; border-radius: 12px; font-size: 14px; font-weight: 700; border: 0;
    transition: transform .12s, box-shadow .15s, background .15s;
}
.swal-button:active { transform: translateY(1px); }
.swal-button:focus { box-shadow: 0 0 0 3px rgba(13, 139, 232, .18) !important; outline: 0; }
.swal-button--cancel { background: #f1f5f9 !important; color: #334155 !important; border: 1px solid #e3e9f2; }
.swal-button--cancel:not([disabled]):hover { background: #e8eef6 !important; }
.swal-button--confirm, .swal-button--danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important; color: #fff; box-shadow: 0 8px 20px rgba(220, 38, 38, .28);
}
.swal-button--confirm:not([disabled]):hover, .swal-button--danger:not([disabled]):hover { box-shadow: 0 10px 24px rgba(220, 38, 38, .38); transform: translateY(-1px); }

@media (max-width: 480px) {
    .swal-footer { display: flex; flex-direction: column-reverse; gap: 8px; }
    .swal-button-container { margin: 0; }
    .swal-button { width: 100%; }
    #modalEmptyCart .modal-footer { flex-direction: column-reverse; }
    #modalEmptyCart .modal-footer .btn { width: 100%; }
}