/* PaketSatis16Theme - Mobil Account Sidebar Düzeltmeleri */
.flatpickr-calendar{
    display:none;
}
/* Mobil cihazlarda account sidebar için özel düzeltmeler */
@media (max-width: 991.98px) {

    /* Account section genel düzeltme */
    .account-section {
        min-height: 100vh !important;
        padding: 0 !important;
    }

    /* Account wrapper mobil düzeltmesi */
    .account-wrapper {
        min-height: 100vh !important;
        flex-direction: column !important;
        position: relative !important;
    }

    /* Menü butonu düzeltmesi */
    .account-wrapper .btn[data-bs-target="#sidebar"] {
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        margin: 10px 15px !important;
        width: calc(100% - 30px) !important;
        background-color: #007bff !important;
        border: none !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    /* Offcanvas sidebar mobil düzeltmeleri */
    .account-sidebar.offcanvas-start {
        width: 85% !important;
        max-width: 400px !important;
        height: 100vh !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1045 !important;
        background-color: #fff !important;
        border-right: 1px solid #dee2e6 !important;
        transform: translateX(-100%) !important;
        transition: transform 0.3s ease-in-out !important;
    }

    /* Offcanvas açık durumu */
    .account-sidebar.offcanvas-start.show {
        transform: translateX(0) !important;
    }

    /* Offcanvas header */
    .account-sidebar .offcanvas-header {
        padding: 1rem !important;
        border-bottom: 1px solid #dee2e6 !important;
        background-color: #f8f9fa !important;
    }

    /* Offcanvas body yükseklik düzeltmesi */
    .account-sidebar .offcanvas-body {
        height: calc(100vh - 70px) !important;
        overflow-y: auto !important;
        padding: 1rem !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* User profile mobil düzeltmesi */
    .user-profile {
        padding: 15px 0 !important;
        border-bottom: 1px solid #eee !important;
        margin-bottom: 15px !important;
        flex-shrink: 0 !important;
    }

    .user-profile .user-avatar {
        margin-bottom: 10px !important;
    }

    .user-profile .user-avatar img {
        width: 60px !important;
        height: 60px !important;
        border-radius: 50% !important;
    }

    /* Sidebar navigation düzeltmeleri */
    .account-nav {
        flex: 1 !important;
        overflow-y: auto !important;
        margin-bottom: 15px !important;
    }

    .account-nav .nav-link {
        padding: 12px 16px !important;
        margin-bottom: 8px !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        text-decoration: none !important;
        color: #495057 !important;
        background-color: #f8f9fa !important;
        border: 1px solid #e9ecef !important;
        transition: all 0.2s ease !important;
    }

    .account-nav .nav-link:hover {
        background-color: #e9ecef !important;
        color: #007bff !important;
    }

    .account-nav .nav-link.active {
        background-color: #007bff !important;
        color: white !important;
        border-color: #007bff !important;
    }

    .account-nav .nav-link i {
        width: 20px !important;
        text-align: center !important;
    }

    .account-nav .nav-link .badge {
        margin-left: auto !important;
        background-color: #dc3545 !important;
        color: white !important;
        font-size: 11px !important;
        padding: 2px 6px !important;
        border-radius: 10px !important;
    }

    /* Account balance mobil düzeltmesi */
    .account-balance {
        margin-top: auto !important;
        padding: 15px 0 !important;
        border-top: 1px solid #eee !important;
        flex-shrink: 0 !important;
    }

    .account-balance .balance-info {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 10px !important;
    }

    .account-balance .btn-add-balance {
        width: 100% !important;
        padding: 10px !important;
        background-color: #28a745 !important;
        border: none !important;
        border-radius: 6px !important;
        color: white !important;
        text-decoration: none !important;
    }

    /* Account content mobil düzeltmesi */
    .account-content {
        width: 100% !important;
        padding: 15px !important;
        margin-top: 0 !important;
        flex: 1 !important;
    }

    /* Offcanvas backdrop düzeltmesi */
    .offcanvas-backdrop {
        background-color: rgba(0, 0, 0, 0.5) !important;
        z-index: 1040 !important;
        transition: opacity 0.15s linear !important;
    }

    .offcanvas-backdrop.fade {
        opacity: 0 !important;
    }

    .offcanvas-backdrop.show {
        opacity: 1 !important;
    }

    /* Backdrop kaldırma animasyonu */
    .offcanvas-backdrop.fade:not(.show) {
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }

    /* Body scroll kilidi */
    body.modal-open {
        overflow: hidden !important;
    }
}

/* Ekstra küçük ekranlar için */
@media (max-width: 575.98px) {
    .account-sidebar.offcanvas-start {
        width: 90% !important;
        max-width: 400px !important;
    }

    .account-wrapper .btn[data-bs-target="#sidebar"] {
        font-size: 14px !important;
        padding: 10px 16px !important;
    }

    .user-profile .user-info h4 {
        font-size: 16px !important;
    }

    .user-profile .user-info p {
        font-size: 14px !important;
    }
}