// Variables
@import 'variables';

// Base styles
@import 'base/reset';
@import 'base/typography';
@import 'base/utilities';

// Components
@import 'components/buttons';
@import 'components/cards';
@import 'components/forms';
@import 'components/navigation';
@import 'components/bb-code-editor';
@import 'components/interactive-map';
//@import 'components/server-status';
//@import 'components/dropdown';

// Layout
@import 'layout/header';
@import 'layout/footer';
//@import 'layout/grid';

// Pages
@import 'pages/home';
@import 'pages/profile';
@import 'pages/store';
@import 'pages/transaction-status';
@import 'pages/forum';
@import 'pages/news';
@import 'pages/users';
@import 'pages/notifications';

// Errors
@import 'errors';

.pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-sm);
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);

    .pagination-button {
        background-color: var(--dark-gray-lighter);
        color: var(--lighter-gray);
        padding: var(--spacing-sm) var(--spacing-md);
        border-radius: var(--border-radius-md);
        text-decoration: none;
        font-weight: 500;
        transition: var(--transition-fast);
        box-shadow: var(--box-shadow-sm);

        &:hover {
        background-color: var(--primary-light);
        color: var(--white);
        }

        &.active {
        background-color: var(--primary-color);
        color: var(--white);
        cursor: default;
        }

        &.disabled {
        background-color: var(--dark-gray-lightest);
        color: var(--mid-gray);
        cursor: not-allowed;
        }
    }

    .pagination-ellipsis {
        color: var(--light-gray);
        padding: var(--spacing-sm) var(--spacing-md);
    }
}