/*
Theme Name: WiseKidCard Blog
Theme URI: https://wisekidcard.com/blog
Description: A premium, clean, and modern WordPress theme for the WiseKidCard project. Consistent with the main platform's aesthetics.
Version: 1.0.0
Author: Antigravity
Author URI: https://wisekidcard.com
Text Domain: wisekidcard-blog
License: MIT
*/
*/

/* Typography Base */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 
===============================================
Pagination Styling (the_posts_pagination)
=============================================== 
*/
/* 
===============================================
Pagination Styling (paginate_links wrapper)
=============================================== 
*/
.wisekid-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.875rem;
    border-radius: 0.75rem; /* rounded-xl */
    font-size: 0.875rem; /* text-sm */
    font-weight: 700; /* font-bold */
    color: #4B5563; /* text-gray-600 */
    background-color: white;
    border: 1px solid #E5E7EB; /* border-gray-200 */
    transition: all 0.2s ease;
    text-decoration: none !important;
}

.wisekid-pagination .page-numbers:hover {
    background-color: #F9FAFB; /* hover:bg-gray-50 */
    color: #4F46E5; /* hover:text-primary */
    border-color: #D1D5DB; /* border-gray-300 */
}

/* Active Page State */
.wisekid-pagination .page-numbers.current,
.wisekid-pagination .page-numbers.current:hover {
    background-color: #4F46E5 !important; /* bg-primary */
    color: white !important; /* text-white */
    border-color: #4F46E5 !important;
    pointer-events: none;
    box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.2); /* elegant primary shadow */
}

/* Dots "..." */
.wisekid-pagination .page-numbers.dots {
    border: none;
    background: transparent;
    pointer-events: none;
    color: #9CA3AF;
}

/* Previous/Next Buttons */
.wisekid-pagination .prev.page-numbers,
.wisekid-pagination .next.page-numbers {
    color: #111827; /* text-textMain */
}