/**
 * Mesele + SweetAlert2 (sepet silme vb.)
 * Bu dosya cart.view.php içinde sweetalert2@11 script'inden HEMEN SONRA
 * yüklenir — böylece CDN'in enjekte ettiği varsayılan .swal2-styled
 * kurallarının ÜZERİNE yazar (cascade sırası).
 */

.swal2-container .swal2-popup.swal-mesele {
    border-radius: 0;
    border: 2px solid var(--bej, #e3d8ca);
    box-shadow: 0 12px 40px rgba(35, 31, 32, 0.12);
    padding: 1.75em 1.5em 1.5em;
    font-family: inherit;
}

.swal2-container .swal2-popup.swal-mesele .swal2-title {
    color: var(--black, #231f20);
    font-weight: 500;
    font-size: 1.35em;
}

.swal2-container .swal2-popup.swal-mesele .swal2-html-container,
.swal2-container .swal2-popup.swal-mesele #swal2-html-container {
    color: var(--paragraf, #606060);
    font-size: 0.95em;
    line-height: 1.5;
}

.swal2-container .swal2-popup.swal-mesele .swal2-actions.swal-mesele-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 1.5em !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Butonlar — gift-caput-confirm-btn ile uyum (14px / 28px / 14px / 6px) */
.swal2-container .swal2-popup.swal-mesele .swal2-actions.swal-mesele-actions:not(.swal2-loading) .swal2-styled {
    margin: 0 !important;
    box-sizing: border-box !important;
    min-height: 50px !important;
    padding: 14px 28px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.4px !important;
    text-transform: none !important;
    line-height: 1.35 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    flex: 1 1 auto !important;
    min-width: 160px !important;
    max-width: 100% !important;
    width: auto !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

@media only screen and (min-width: 481px) {
    .swal2-container .swal2-popup.swal-mesele .swal2-actions.swal-mesele-actions:not(.swal2-loading) .swal2-styled {
        min-width: min(200px, calc(50% - 7px)) !important;
    }
}

@media only screen and (max-width: 480px) {
    .swal2-container .swal2-popup.swal-mesele .swal2-actions.swal-mesele-actions:not(.swal2-loading) .swal2-styled {
        flex: 1 1 100% !important;
        min-width: 100% !important;
        padding: 14px 20px !important;
    }
}

.swal2-container .swal2-popup.swal-mesele .swal2-confirm.swal-mesele-confirm {
    background: var(--black, #231f20) !important;
    color: #fff !important;
    border: 1px solid var(--black, #231f20) !important;
}

.swal2-container .swal2-popup.swal-mesele .swal2-confirm.swal-mesele-confirm:hover {
    background: #3a3536 !important;
    border-color: #3a3536 !important;
    color: #fff !important;
}

.swal2-container .swal2-popup.swal-mesele .swal2-confirm.swal-mesele-confirm--danger {
    background: var(--turkuaz, #c8a87b) !important;
    color: #fff !important;
    border: 1px solid var(--turkuaz, #c8a87b) !important;
}

.swal2-container .swal2-popup.swal-mesele .swal2-confirm.swal-mesele-confirm--danger:hover {
    background: #b89668 !important;
    border-color: #b89668 !important;
    color: #fff !important;
}

.swal2-container .swal2-popup.swal-mesele .swal2-cancel.swal-mesele-cancel {
    background: transparent !important;
    color: var(--black, #231f20) !important;
    border: 1px solid var(--bej, #e3d8ca) !important;
}

.swal2-container .swal2-popup.swal-mesele .swal2-cancel.swal-mesele-cancel:hover {
    background: var(--bej, #e3d8ca) !important;
    border-color: var(--turkuaz, #c8a87b) !important;
    color: var(--black, #231f20) !important;
}

.swal2-container .swal2-popup.swal-mesele .swal2-icon.swal-mesele-icon {
    border-color: rgba(200, 168, 123, 0.45);
    color: var(--turkuaz, #c8a87b);
}

.swal2-container .swal2-popup.swal-mesele .swal2-icon.swal2-warning {
    border-color: rgba(200, 168, 123, 0.55);
    color: var(--turkuaz, #c8a87b);
}

.swal2-container .swal2-popup.swal-mesele .swal2-icon.swal2-error {
    border-color: rgba(35, 31, 32, 0.2);
    color: var(--black, #231f20);
}

.swal2-container .swal2-popup.swal-mesele .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    background-color: var(--black, #231f20);
}