/*
  掲示板（BBS）専用スタイル
  - 読込: views/_share/stylesheets.ejs（全画面共通）
  - トップページ BBS カード・BBS 詳細で .bbs 配下の投稿・コメント表示に使用
  - index2.css のカードヘッダー色と併用（教室別ヘッダーは index2 側）
*/

/* メインラッパー：サイドバーとの余白を確保 */
.bbs-main-wrapp {
    width: 97%;
}

/* 投稿一覧：縦スクロールでカード高さ内に収める */
.bbs {
    overflow-y: scroll;
}

/* 投稿内リンク：長い URL の折り返し */
.bbs a {
    word-wrap: break-word;
}

/* BBS 本文エリア：中サイズフォント（カード内の補足テキスト用） */
.bbs-font-m {
    font-size: 13px;
}

/* 入力欄または表示専用テキスト領域 */
textarea {
    resize: none;
    /* 手動リサイズを禁止 */
    /* 高さの最小値を指定（任意） */
    width: 100%;
}

/* 入力欄または表示専用テキスト領域 */
textarea:read-only {
    background-color: #fff;
}

/* 投稿・コメント本文（一覧表示：入力欄風にしない） */
.bbs .bbs-text-readarea,
#comentText.bbs-text-readarea {
    display: block;
    width: 100%;
    padding: 0.25rem 0;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #212529;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-height: 0;
    height: auto;
    resize: none;
    appearance: none;
    -webkit-appearance: none;
}

/* フォーカス時：入力欄風の枠線を出さない（表示専用のため） */
.bbs .bbs-text-readarea:focus,
#comentText.bbs-text-readarea:focus {
    outline: none;
    box-shadow: none;
}

/* コメント：投稿者情報 */
.bbs-coment-meta {
    margin-bottom: 0.15rem;
    color: #6c757d;
}

/* コメント本文 */
.bbs .bbs-coment-text {
    padding-left: 0.5rem;
    margin-left: 0.15rem;
    border-left: 2px solid #dee2e6;
}

/* .bbs-text-readarea::-webkit-scrollbar {
    display: none;
}

.bbs::-webkit-scrollbar {
    display: none;
} */

/* スマホ幅：コンパクト表示・タップ領域調整 */
@media screen and (max-width: 450px) {

    /* 320pxまでの幅の場合に適応される */
    .bbs {
        width: 100%;
        overflow-y: scroll;
    }
}