/* ======================================================================
   univ_page.css | 大学ページ（mypage.css と整合＋差分上書き）
====================================================================== */

.mypage-main {
    padding: 0 0 60px;
}

.back-bar {
    margin-bottom: 16px;
}

/* ===== フォロワーリンク ===== */
.follower-link {
    font-size: 13px;
    color: #9ca3af;
    text-decoration: none;
}

.follower-link:hover {
    color: #e5e7eb;
    text-decoration: underline;
}

/* ============================================================
   🔳 フォローボタン共通設定（フォロー/解除で幅が変わらない）
============================================================ */
.btn-follow {
    min-width: 120px;
    /* 幅固定 */
    justify-content: center;
    text-align: center;
}

/* ============================================================
   🔲 未フォロー（フォロー） → 白ボタン
============================================================ */
.btn-follow:not(.is-unfollow) {
    background: #ffffff !important;
    /* 白 */
    border: 1px solid #ffffff !important;
    color: #000000 !important;
    /* 黒文字で視認性UP */
}

/* hover（うっすらグレーに） */
.btn-follow:not(.is-unfollow):hover {
    background: #e6e6e6 !important;
    border-color: #e6e6e6 !important;
}

/* ============================================================
   ⚫ フォロー解除（is-unfollow） → これまで通りグレー
============================================================ */
.btn-follow.is-unfollow {
    background: #333 !important;
    border: 1px solid #333 !important;
    color: #ffffff !important;
}

.btn-follow.is-unfollow:hover {
    background: #2a2e36 !important;
    border-color: #2a2e36 !important;
}

/* ============================================================
   見出し / 投稿一覧
============================================================ */
.univ-posts-title {
    max-width: 860px;
    margin: 0 auto 12px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-left: 4px solid #9ed0f6;
    padding-left: 10px;
}

.feed {
    max-width: 860px;
    margin: 0 auto 60px;
}

/* スマホ調整 */
@media (max-width: 640px) {
    .mypage-main {
        padding: 0 0 72px;
    }

    .univ-posts-title {
        margin-top: 0;
        padding-left: 8px;
    }

    .feed {
        margin: 0 auto 48px;
    }
}


/* ───────────────────────────────
   ★ モバイル時は header-mobile のぶん
     上方向に必ず余白を確保して
     戻るボタンが絶対に隠れないようにする
─────────────────────────────── */
@media (max-width: 950px) {
    .mypage-main {
        padding-top: var(--mobile-header-h) !important;
    }
}







/* ===============================
   univ_page.css | Light mode overrides
=============================== */
:root[data-theme="light"] .univ-posts-title{
  color: var(--color-text) !important;
}

/* follower link */
:root[data-theme="light"] .follower-link{
  color: rgba(2,6,23,.60) !important;
}
:root[data-theme="light"] .follower-link:hover{
  color: var(--color-text) !important;
}

/* フォローボタン（lightでも破綻しないように） */
:root[data-theme="light"] .btn-follow:not(.is-unfollow){
  background: var(--color-text) !important;
  border-color: var(--color-text) !important;
  color: var(--color-bg) !important;
}
:root[data-theme="light"] .btn-follow:not(.is-unfollow):hover{
  opacity: .92;
}

:root[data-theme="light"] .btn-follow.is-unfollow{
  background: var(--color-surface-2) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}
:root[data-theme="light"] .btn-follow.is-unfollow:hover{
  background: var(--color-surface) !important;
}