/*
Theme Name: Portfolio Orange
Description: Simple Portfolio Theme for Designers
Author: AI Generator
Version: 1.0
*/

/* * Tailwind CSSを使用していますが、
 * ページネーションなどWordPressが出力するHTMLへのスタイルは
 * ここで補完します。
 */

/* ページネーションのスタイル調整 */
.pagination-wrapper .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem; /* 12 in tailwind scale equivalent */
    height: 3rem;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 1.125rem;
    transition: all 0.3s;
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    margin: 0 0.375rem;
}

.pagination-wrapper .page-numbers.current {
    background-color: white;
    color: #ffaa3d;
    transform: scale(1.1);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.pagination-wrapper .page-numbers:hover:not(.current) {
    background-color: rgba(255, 255, 255, 0.4);
}

.pagination-wrapper .prev, 
.pagination-wrapper .next {
    padding: 0.75rem;
    width: auto;
}

/* 投稿本文内の基本スタイル（prose的なリセット） */
#modal-desc p {
    margin-bottom: 1em;
}
#modal-desc a {
    color: #ffaa3d;
    text-decoration: underline;
}