/* カードのホバーエフェクト（画像拡大のみ） */
.mushi-card {
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
}
.mushi-card:hover {
    box-shadow: 0 20px 40px -10px rgba(20, 83, 45, 0.15);
    border-color: #84cc16;
}
.mushi-card-img-wrapper {
    overflow: hidden;
}
.mushi-card-img-wrapper img {
    transition: transform 0.5s ease-out;
}
.mushi-card:hover .mushi-card-img-wrapper img {
    transform: scale(1.15);
}

/* ページネーション用スタイル (columns.html とデザインを完全統一) */
.pagination-btn {
    width: 2.5rem; /* w-10 */
    height: 2.5rem; /* h-10 */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px; /* rounded-full */
    font-weight: 700; /* font-bold */
    transition-property: all;
    transition-duration: 200ms;
    border-width: 1px;
    border-color: #f0fdf4; /* border-green-100 */
    background-color: #ffffff;
    color: #14532d; /* text-green-900 */
}
.pagination-btn:hover:not(:disabled) {
    background-color: #f0fdf4; /* hover:bg-green-50 */
}
.pagination-btn.active {
    background-color: #16a34a; /* bg-green-600 */
    color: #ffffff; /* text-white */
    border-color: #16a34a; /* border-green-600 */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
}
.pagination-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* 内部リンク（県名・タグ）の個別設定 */
.mushi-card a[href^="/events/prefectures/"],
.mushi-card .pointer-events-auto a {
    z-index: 10;
    transition: all 0.2s ease;
}

.mushi-card a[href^="/events/prefectures/"]:hover,
.mushi-card .pointer-events-auto a:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}