/* Essential Listmonk Theme Overrides */
:root {
    --primary: #E51F5D;
    --secondary: #F68830;
    --accent: #F5D54C;
    --dark: #000000;
    --light: #ffffff;
}

/* Ensure Button Consistency and Readability */
.button,
a.button,
[class*="btn-"],
.btn,
.button-primary,
.button-link {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--light) !important;
    transition: all 0.2s ease-in-out !important;
    border-radius: 4px !important;
    min-height: 2.5em !important;
    padding: 0.5rem 1rem !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.button:hover,
a.button:hover,
[class*="btn-"]:hover,
.btn:hover,
.button-primary:hover,
.button-link:hover {
    transform: translateY(-1px) !important;
    background-color: #d11c54 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Explicit override for template preview buttons (fixes readability) */
.preview-content .button,
.preview-content a.button,
.template-content .button,
.template-content a.button {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--light) !important;
}

/* Navbar and Sidebar consistency */
.navbar {
    background-color: var(--light) !important;
    border-bottom: 2px solid var(--primary) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.navbar-item, .menu-list a {
    transition: all 0.2s ease-in-out !important;
    border-radius: 4px !important;
}

.navbar-item:hover, .menu-list a:hover {
    color: var(--primary) !important;
    background-color: rgba(229, 31, 93, 0.05) !important;
}

.menu-list a.is-active,
.menu-list a.is-active:hover,
.navbar-item.is-active {
    background-color: var(--primary) !important;
    color: var(--light) !important;
}

/* Dropdown arrow color fix */
.navbar-link:not(.is-arrowless)::after {
    border-color: var(--primary) !important;
}

/* Table Improvements */
.table thead th {
    background-color: var(--light) !important;
    color: var(--dark) !important;
    border-bottom: 2px solid var(--primary) !important;
}

.table tbody tr:hover {
    background-color: rgba(229, 31, 93, 0.05) !important;
}

/* Tag enhancements */
.tag {
    background-color: var(--primary) !important;
    color: var(--light) !important;
    padding: 0.25rem 0.75rem !important;
    font-weight: 500 !important;
}

/* ApexCharts full override */
.apexcharts-series path,
.apexcharts-series line,
.apexcharts-series rect,
.apexcharts-marker,
.apexcharts-bar-area,
.apexcharts-area-series path {
    stroke: var(--primary) !important;
    fill: var(--primary) !important;
}

/* Pagination buttons fix */
.pagination-link,
.pagination-previous,
.pagination-next,
.pagination a,
.pagination button {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--light) !important;
    transition: all 0.2s ease-in-out !important;
}

.pagination-link:hover,
.pagination-previous:hover,
.pagination-next:hover,
.pagination a:hover,
.pagination button:hover {
    background-color: #d11c54 !important;
    border-color: #d11c54 !important;
    transform: translateY(-1px);
}

.pagination-link.is-current {
    background-color: #b31847 !important;
    border-color: #b31847 !important;
    color: var(--light) !important;
}

/* Cards & Forms enhancements */
.card, .input:focus, .textarea:focus, .select select:focus {
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    transition: all 0.2s ease-in-out !important;
}

.card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
}

.input:focus,
.textarea:focus,
.select select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 2px rgba(229, 31, 93, 0.1) !important;
}

/* Links consistency */
a {
    color: var(--primary) !important;
    transition: color 0.2s ease-in-out !important;
}

a:hover {
    color: #d11c54 !important;
}