/**
 * Main typography and global layout.
 */
:root {
    --travel-font-weight-bold: 700;
    --travel-font-weight-normal: 400;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Fix Dashicons display issues */
.dashicons, .dashicons-before:before {
    font-family: dashicons !important;
}

/* Typography Scale */
h1 { margin-bottom: var(--travel-space-lg); }
h2 { margin-bottom: var(--travel-space-md); }
h3 { margin-bottom: var(--travel-space-sm); }

/* Common Components */
.pagination {
    display: flex;
    justify-content: center;
    margin: var(--travel-space-3xl) 0;
}

.pagination .nav-links {
    display: flex;
    gap: var(--travel-space-sm);
}

.pagination .page-numbers {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: var(--travel-shadow);
    transition: var(--travel-transition);
}

.pagination .page-numbers.current {
    background: var(--travel-accent);
    color: #fff;
}

.pagination .page-numbers:hover:not(.current) {
    background: var(--travel-bg);
}

/* Page Headers */
.page-header {
    padding: var(--travel-space-2xl) 0;
    border-bottom: 1px solid #eee;
    margin-bottom: var(--travel-space-3xl);
}

/* Helper Classes */
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.text-center { text-align: center; }

/* Dashboard Widgets */
.sidebar-widget {
    margin-bottom: var(--travel-space-xl);
}

.widget-title {
    font-size: var(--travel-fs-h3);
    margin-bottom: var(--travel-space-lg);
    border-bottom: 2px solid var(--travel-accent);
    display: inline-block;
    padding-bottom: var(--travel-space-xs);
}

/* Fix for broken images */
.placeholder-img {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    width: 100%;
    height: 100%;
}