/*
  overrides.css
  - 既存の大きいCSSを触らずに、気になる挙動だけを上書きする小さなパッチ。
  - 読み込み順は style.css / (page css) / mobile.css / pc.css の後を想定。
*/

/* PC: 「います」などの不自然な改行を避けたい箇所で使う */
@media (min-width: 761px) {
    .nowrap {
        white-space: nowrap;
    }
}

/* PC: layout-sidebar の .container が左に寄る都合で、左端が詰まりすぎるのを緩和 */
@media (min-width: 761px) {
    body.layout-sidebar .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/*
  タッチ端末（スマホ/タブレット）対策
  - 画面幅が広くても「2列カード」になりやすい（横持ち等）。
  - 右サイドの status-float はモバイルでは不要（下部に見える/邪魔になる）。
*/
@media (hover: none) and (pointer: coarse) {
    .status-float {
        display: none !important;
    }

    .page-teacher .grid,
    .page-music .grid,
    .page-diary .grid,
    .page-dia .grid,
    .page-home .grid {
        grid-template-columns: 1fr !important;
    }
}

/* diary index: keep entry cards left-aligned even if older cached button rules are present */
.page-diary .diary-entry-list {
    display: grid;
    gap: 10px;
}

.page-diary .diary-entry-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 7px;
    width: 100%;
    min-height: 0;
    box-sizing: border-box;
    text-align: left;
}

.page-diary .diary-entry-link > * {
    width: 100%;
    text-align: left;
}

.page-diary .diary-index-pager {
    justify-content: flex-start;
}