/* -----------------------------------------------------
   BhootBD Custom Pagination Styles
   ----------------------------------------------------- */

/* প্রধান কন্টেইনার (ul ট্যাগ) */
.pagination { 
    display: flex; /* আইটেমগুলিকে এক সারিতে আনতে */
    justify-content: center; /* মাঝখানে আনতে */
    list-style: none; /* বুলেট পয়েন্ট সরাতে */
    padding: 20px 0;
    margin: 30px 0;
}

/* প্রতিটি লিঙ্ক/পেজ নম্বর আইটেম (li ট্যাগ) */
.pagination li {
    margin: 0 5px; 
}

/* লিঙ্ক, সংখ্যা, Previous/Next বোতামের স্টাইল (a ও span ট্যাগ) */
.pagination li a, 
.pagination li span {
    text-decoration: none;
    padding: 12px 25px;
    background-color: #f7f7f7; /* হালকা ধূসর পটভূমি */
    color: #333;
    border: 1px solid #ddd;
    border-radius: 30px; /* গোলাকার কোণা */
    transition: all 0.2s ease-in-out;
    font-weight: 600;
    display: inline-block;
    min-width: 40px;
    text-align: center;
}

/* হোভার এফেক্ট */
.pagination li a:hover {
    background-color: #e9e9e9;
    border-color: #ccc;
}

/* বর্তমান পেজ (Active Page) */
.pagination li .current {
    background-color: #007bff; /* নীল রং (বা আপনার থিমের প্রধান রং ব্যবহার করুন) */
    color: white;
    border-color: #007bff;
    pointer-events: none; /* ক্লিক করা যাবে না */
}

/* Disabled/Dots (...) লিঙ্কের স্টাইল */
.pagination li .dots {
    background: none;
    border: none;
    cursor: default;
    color: #666;
    padding: 12px 5px;
}