/* Project-wide action button shape and alignment. Loaded last on every layout. */
:root {
    --iv-action-button-radius: 40px;
}

:where(
    .btn:not(.btn-close),
    .primary-button,
    .secondary-button,
    .cancel-button,
    .danger-button,
    .outline-btn,
    button.action-btn,
    a.action-btn,
    .users-create-button,
    .users-export-dropdown .dropdown-toggle,
    .iv-listing-create-button,
    .iv-listing-export-dropdown .dropdown-toggle,
    .iv-filter-open-btn,
    .iv-filter-clear,
    .iv-filter-apply,
    .club-role-permission-filter-toggle,
    .club-role-permission-filter-clear,
    .club-role-permission-filter-apply,
    .club-role-permission-filter-reset,
    .btn-custom,
    .btn-save,
    .btn-cancel,
    .save-btn,
    .pill-btn,
    .kpi-modal-btn,
    .attend-btn,
    .cm-btn,
    .champ-modal-btn-close,
    .form-buttons button,
    .form-buttons a,
    .modal-footer .btn,
    .swal2-confirm,
    .swal2-cancel,
    .swal2-deny,
    .swal2-styled
):not(
    .btn-close,
    .close,
    .modal-close,
    .match-modal-close,
    .kpi-modal-close,
    .iv-bottom-nav-item,
    .iv-bottom-menu-toggle,
    .iv-bottom-menu-row,
    .iv-bottom-submenu-link,
    .language-toggle,
    .notification-icon,
    .profile-menu-toggle,
    .header-profile,
    .navbar-toggler,
    .frontend-menu-toggle,
    .accordion-button,
    .select2-selection,
    .select2-selection__choice__remove,
    .paginate_button,
    .dropdown-item
) {
    border-radius: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: .45rem;
    line-height: 1.15 !important;
    white-space: nowrap;
}

.swal2-deny.iv-swal-deny-removed,
.swal2-deny[hidden],
.swal2-deny[style*="display: none"] {
    display: none !important;
}

:where(
    .primary-button,
    .secondary-button,
    .cancel-button,
    .danger-button,
    .outline-btn,
    .btn-custom,
    .btn-save,
    .btn-cancel,
    .save-btn,
    .pill-btn,
    .attend-btn,
    .cm-btn,
    .form-buttons button,
    .form-buttons a,
    .modal-footer .btn
) {
    min-height: 42px;
}

:where(
    .btn:not(.btn-close),
    .primary-button,
    .secondary-button,
    .cancel-button,
    .danger-button,
    .outline-btn,
    .btn-custom,
    .btn-save,
    .btn-cancel,
    .save-btn,
    .pill-btn,
    .attend-btn,
    .cm-btn
) > :where(svg, i, img) {
    flex: 0 0 auto;
}

:where(
    .btn:not(.btn-close),
    .primary-button,
    .secondary-button,
    .cancel-button,
    .danger-button,
    .outline-btn,
    .btn-custom,
    .btn-save,
    .btn-cancel,
    .save-btn,
    .pill-btn,
    .attend-btn,
    .cm-btn
) > :where(span, p) {
    min-width: 0;
    margin: 0;
}

@media (max-width: 1199.98px) {
    :where(
        .btn:not(.btn-close),
        .primary-button,
        .secondary-button,
        .cancel-button,
        .danger-button,
        .outline-btn,
        .users-create-button,
        .users-export-dropdown .dropdown-toggle,
        .iv-listing-create-button,
        .iv-listing-export-dropdown .dropdown-toggle,
        .iv-filter-open-btn,
        .iv-filter-clear,
        .iv-filter-apply,
        .club-role-permission-filter-toggle,
        .club-role-permission-filter-clear,
        .club-role-permission-filter-apply,
        .btn-custom,
        .btn-save,
        .btn-cancel,
        .save-btn,
        .pill-btn,
        .attend-btn,
        .cm-btn,
        .form-buttons button,
        .form-buttons a,
        .modal-footer .btn,
        .swal2-confirm,
        .swal2-cancel,
        .swal2-deny,
        .swal2-styled
    ):not(
        .btn-close,
        .iv-bottom-nav-item,
        .iv-bottom-menu-toggle,
        .iv-bottom-menu-row,
        .language-toggle,
        .notification-icon,
        .profile-menu-toggle,
        .navbar-toggler,
        .frontend-menu-toggle
    ) {
        border-radius: 40px !important;
        justify-content: center !important;
    }
}

.dropdown-menu.export-btn {
    display: none !important;
    flex-direction: column !important;
    gap: 0 !important;
    min-width: 150px !important;
    max-width: calc(100vw - 28px) !important;
    padding: 6px !important;
    margin-left: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    overflow: hidden !important;
    text-align: left !important;
    white-space: normal !important;
}

.dropdown-menu.export-btn.show {
    display: block !important;
}

.dropdown-menu.export-btn > li {
    display: block !important;
    width: 100% !important;
}

.dropdown-menu.export-btn .dropdown-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 34px !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    color: #10273d !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.dropdown-menu.export-btn .dropdown-item:hover,
.dropdown-menu.export-btn .dropdown-item:focus {
    background: rgba(13, 188, 188, 0.12) !important;
    color: #087d87 !important;
}

@media (max-width: 1199.98px) {
    .dropdown-menu.export-btn {
        z-index: 2147481200 !important;
        box-shadow: 0 18px 38px rgba(15, 39, 61, 0.16) !important;
    }
}

.swal2-actions .swal2-styled[hidden],
.swal2-actions .swal2-styled[style*="display: none"],
.swal2-actions .swal2-styled[style*="display:none"],
.swal2-actions .swal2-confirm[hidden],
.swal2-actions .swal2-confirm[style*="display: none"],
.swal2-actions .swal2-confirm[style*="display:none"],
.swal2-actions .swal2-cancel[hidden],
.swal2-actions .swal2-cancel[style*="display: none"],
.swal2-actions .swal2-cancel[style*="display:none"],
.swal2-actions .swal2-deny[hidden],
.swal2-actions .swal2-deny[style*="display: none"],
.swal2-actions .swal2-deny[style*="display:none"],
.swal2-actions .swal2-deny.iv-swal-deny-removed {
    display: none !important;
}

.swal2-actions:has(.swal2-cancel:not([style*="display: none"]):not([style*="display:none"])) .swal2-deny {
    display: none !important;
}