th{
    font-weight:200;
}

.swal2-container {
    z-index: 100000;
}

.btn-info, .btn-primary, .alert-solid-info, .navbar.bg-primary {
    background-color: rgb(17,11,99)
}

.bg-primary {
    background-color: initial
}

/* ===== Header buttons final fix - paste at end of /wwwroot/css/custom/core.css ===== */

/* اجازه بده والدها overflow را نشان دهند و دکمه‌ها بریده نشوند */
#layout-navbar,
#layout-navbar .container-xxl,
#layout-navbar .navbar-nav-right,
#navbar-collapse {
    overflow: visible !important;
}

/* نادیده گرفتن هر height inline و تنظیم padding برای جا گرفتن دکمه‌ها */
#layout-navbar {
    height: auto !important; /* override inline height */
    padding-bottom: 2px !important; /* فضای بیشتر در نوار برای دکمه‌ها */
}

/* نمایش عمودی، آیکون بالا - متن پایین، و پوشش خط پایینی توسط پس‌زمینه سفید */
.navbar-nav .nav-link.dropdown-toggle,
.navbar-nav .nav-link.dropdown-toggle .avatar,
.navbar-nav .nav-link.dropdown-toggle .fw-semibold {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 6px 8px !important;
    width: 86px !important;
    background: #ffffff !important; /* تا خطِ پایین را بپوشاند */
    border-radius: 10px !important;
    z-index: 3000 !important; /* بالاتر از border navbar */
    white-space: nowrap !important;
}

/* آواتار/آیکون دایره‌ای */
.navbar-nav .nav-link .avatar,
.navbar-nav .nav-link .avatar img {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    background: #eaf4ff !important;
    box-shadow: 0 3px 8px rgba(16,24,40,0.06) !important;
    overflow: hidden !important;
}

/* متن زیر آیکون */
.navbar-nav .nav-link .fw-semibold {
    font-weight: 700 !important;
    font-size: 13px !important;
    text-align: center !important;
    color: #21325b !important;
    line-height: 1.05 !important;
    margin: 0 !important;
}

/* hover */
.navbar-nav .nav-link.dropdown-toggle:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 34px rgba(16,24,40,0.12) !important;
}

/* dropdown menu باید روی این عناصر قرار بگیرد */
.navbar-nav .dropdown-menu {
    margin-top: 6px !important;
    z-index: 4000 !important;
}

/* موبایل: متن را مخفی کن تا فضای هدر کم شود */
@media (max-width: 575.98px) {
    .navbar-nav .nav-link .fw-semibold {
        display: none !important;
    }

    .navbar-nav .nav-link .avatar {
        width: 36px !important;
        height: 36px !important;
    }

    .navbar-nav .nav-link.dropdown-toggle {
        width: 48px !important;
        padding: 6px !important;
    }
}

/* ===== Responsive forms & layout (site-wide) ===== */

/* Prevent iOS zoom on input focus */
@media (max-width: 767.98px) {
    input.form-control,
    select.form-control,
    select.form-select,
    textarea.form-control,
    .select2-container .select2-selection {
        font-size: 16px !important;
    }
}

/* Horizontal menu: scroll on small screens */
@media (max-width: 1199.98px) {
    .layout-menu-horizontal .menu-inner {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .layout-menu-horizontal .menu-item {
        flex-shrink: 0;
    }
}

/* Modals & forms: stack fields on tablet and phone */
@media (max-width: 991.98px) {
    .modal-body .row > [class*="col-md-"],
    .modal-body .row > [class*="col-lg-"],
    .modal-body .row > .col-2,
    .modal-body .row > .col-3,
    .modal-body .row > .col-4,
    .modal-body .row > .col-6,
    .card-body .row > [class*="col-md-"]:not(.col-md-12),
    .card-body .row > [class*="col-lg-"]:not(.col-lg-12) {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Modals: usable on phones */
@media (max-width: 767.98px) {
    .modal-dialog.modal-lg,
    .modal-dialog.modal-xl {
        max-width: calc(100% - 0.5rem);
        margin: 0.25rem auto;
    }

    .modal-dialog.modal-fullscreen-sm-down {
        max-width: 100%;
        margin: 0;
        height: 100%;
    }

    .modal-fullscreen-sm-down .modal-content {
        border-radius: 0;
        min-height: 100%;
    }

    .modal-body {
        padding: 0.75rem;
    }

    .modal-body .nav-tabs,
    .card-body .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .modal-body .nav-tabs .nav-link,
    .card-body .nav-tabs .nav-link {
        white-space: nowrap;
    }

    .modal-footer {
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: stretch;
    }

    .modal-footer .btn {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: 0;
    }

    .input-group {
        flex-wrap: wrap;
    }

    .input-group > .form-control,
    .input-group > .form-select {
        min-width: 0;
        flex: 1 1 100%;
    }

    .input-group > .input-group-text,
    .input-group > .btn {
        flex: 0 0 auto;
    }
}

/* Card headers & filter toolbars */
@media (max-width: 575.98px) {
    .card-header.sticky-element {
        padding: 0.75rem !important;
    }

    .card-header .action-btns {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

    .card-header .action-btns .btn {
        width: 100%;
        margin: 0 !important;
    }

    .card-header .action-btns .btn-group {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .card-header .action-btns .btn-group .btn {
        width: 100%;
        border-radius: 0.375rem !important;
        margin-bottom: 0.25rem;
    }

    .form-check-inline {
        display: block;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0.5rem;
    }

    .container-xxl.container-p-y,
    .container-p-y {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .layout-page .card.card-action {
        margin-bottom: 1rem !important;
    }
}

/* DataTables on mobile */
@media (max-width: 767.98px) {
    div.dataTables_wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    table.dataTable {
        width: 100% !important;
    }

    .dt-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
        margin-bottom: 0.5rem;
    }

    .dt-buttons .btn {
        flex: 1 1 auto;
        min-width: 0;
    }
}

/* Stepper (Account/Buy etc.) */
@media (max-width: 767.98px) {
    .bs-stepper-header {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .bs-stepper .step-trigger {
        padding: 0.5rem;
        font-size: 0.85rem;
    }
}

/* Tables inside modal forms */
.modal-body .table-responsive,
.card-body .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Select2 full width in forms */
.select2-container {
    max-width: 100%;
}

/* AccountDiscount: multi-select plans inside modal */
.account-discount-plans-select .select2-container {
    width: 100% !important;
}

.account-discount-plans-select .select2-container--default .select2-selection--multiple {
    min-height: 42px;
    overflow: visible;
}

.account-discount-plans-select .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e7e7ff;
    border-color: #c8c8ff;
    color: #566a7f;
    padding: 2px 8px;
    border-radius: 0.375rem;
}

/* Avoid horizontal page scroll */
.layout-page,
.content-wrapper,
.card-body {
    max-width: 100%;
    overflow-x: clip;
}