/* 広告関連スタイル */

/* 記事内広告ブロック */
.block-pmt {
    margin: 1rem 0;
    text-align: center;
}

/* 固定スロット: サイドバーは親のgapに委ねる */
.pmt-slot {
    text-align: center;
}

/* コンテンツ領域スロット: コンテンツとの間に余白 */
.pmt-slot--top_above_list {
    margin-bottom: 1.25rem;
}

.pmt-slot--top_below_list {
    margin-top: 1.25rem;
}

.pmt-slot--article_above_content {
    margin-bottom: 1.25rem;
}

.pmt-slot--article_below_content {
    margin-top: 1.25rem;
}

/* プレースホルダー共通 */
.pmt-placeholder {
    border-radius: var(--radius-md, 2px);
    padding: 1rem;
    min-height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    background-color: #f0f0f0;
}

.pmt-placeholder-label {
    font-size: 0.75rem;
    color: #a0a0a0;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.pmt-placeholder-format {
    font-size: 0.625rem;
    color: #b0b0b0;
}

/* 管理者用プレースホルダー */
.pmt-placeholder--admin {
    background-color: rgba(232, 232, 232, 0.5);
    border: 1px dashed #bbb;
}

.pmt-placeholder--admin .pmt-placeholder-label {
    color: #ccc;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.pmt-placeholder--admin .pmt-placeholder-format {
    color: #d0d0d0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.pmt-placeholder-note {
    font-size: 0.625rem;
    color: #d0d0d0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* スロット別サイズ: 横長バナー（リーダーボード 728x90 相当） */
.pmt-slot--top_above_list .pmt-placeholder,
.pmt-slot--top_below_list .pmt-placeholder,
.pmt-slot--article_above_content .pmt-placeholder {
    min-height: 90px;
    max-height: 90px;
}

/* スロット別サイズ: レクタングル（記事下 336x280 相当） */
.pmt-slot--article_below_content .pmt-placeholder {
    min-height: 250px;
}

/* スロット別サイズ: サイドバー（ミディアムレクタングル 300x250 相当） */
.pmt-slot--sidebar_top .pmt-placeholder,
.pmt-slot--sidebar_bottom .pmt-placeholder {
    min-height: 250px;
}

/* 記事内広告ブロック（インアーティクル 336x280 相当） */
.block-pmt .pmt-placeholder {
    min-height: 250px;
}

/* レスポンシブ */
@media (max-width: 768px) {
    .pmt-placeholder {
        min-height: 60px;
        padding: 0.75rem;
    }

    /* モバイル: 横長バナー → モバイルバナー 320x100 相当 */
    .pmt-slot--top_above_list .pmt-placeholder,
    .pmt-slot--top_below_list .pmt-placeholder,
    .pmt-slot--article_above_content .pmt-placeholder {
        min-height: 80px;
        max-height: 80px;
    }

    /* モバイル: レクタングル系は少し小さく */
    .pmt-slot--article_below_content .pmt-placeholder,
    .block-pmt .pmt-placeholder {
        min-height: 200px;
    }

}