/*
Theme Name: Fujitaka Seika
Theme URI:
Author: Yusuke Akamatsu
Author URI: https://mrri.co.jp
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mytheme
*/

/* WordPress標準の画像配置クラス */
.aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.alignnone {
    margin: 0;
}

/* WordPress画像キャプション */
.wp-caption {
    max-width: 100%;
    text-align: center;
}

.wp-caption.aligncenter {
    margin: 0 auto;
    display: block;
}

.wp-caption-text {
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}

/* ページャーのスタイル */
 .pagination-wrapper {
     display: flex;
     justify-content: center;
     margin: 2rem 0;
 }

.pagination {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #fff;
    padding: 0.75rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    transition: all 0.2s ease;
    background-color: #fff;
}

.page-numbers:hover {
    background-color: #f3f4f6;
    border-color: #d1d5db;
    color: #374151;
}

.page-numbers.current {
    background-color: #4ade80;
    color: #fff;
    border-color: #4ade80;
    font-weight: 600;
}

.page-numbers.dots {
    border: none;
    background: none;
    color: #9ca3af;
    font-weight: 400;
    cursor: default;
}

.page-numbers.dots:hover {
    background: none;
    color: #9ca3af;
}

.prev.page-numbers,
.next.page-numbers {
    padding: 0 1rem;
    color: #4ade80;
    border-color: #4ade80;
    font-weight: 500;
}

.prev.page-numbers:hover,
.next.page-numbers:hover {
    background-color: #4ade80;
    color: #fff;
}

/* レスポンシブ対応 */
@media (max-width: 640px) {
    .pagination {
        gap: 0.25rem;
        padding: 0.5rem;
    }

    .page-numbers {
        min-width: 36px;
        height: 36px;
        font-size: 13px;
    }

    .prev.page-numbers,
    .next.page-numbers {
        padding: 0 0.75rem;
    }
}