/* ==========================================================================
   XColumn カスタムCSS例文集
   ==========================================================================
   今までX(旧Twitter)等でご案内したカスタムCSSのまとめです。
   メニューの「ツール」→「設定」→「カスタムCSS」にコピペしてご使用ください。
   ※必要に応じて数値（pxや%）を変更し、お好みの表示に調整してください。
*/

/* --------------------------------------------------------------------------
   1. ヘッダー周りの簡略化・省スペース化
   -------------------------------------------------------------------------- */

/* カラム上部の「ホーム」等のタイトル行（一番上の太字部分）を非表示にする */
[data-testid="primaryColumn"] > div > div:first-child > div:first-child div:has(h2[role="heading"]) {
    display: none !important;
}

/* タブ（おすすめ/フォロー中）の高さを低くする */
[data-testid="ScrollSnap-List"] {
    min-height: 36px !important; /* 元は53px程度 */
    height: 36px !important;
}

/* タブ内のリンク領域の余白を詰める */
[data-testid="ScrollSnap-List"] a {
    height: 36px !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

/* ヘッダー全体の高さ固定を解除して詰める */
[data-testid="primaryColumn"] > div > div:first-child > div:first-child {
    height: auto !important;
    min-height: 0 !important;
}

/* ヘッダーの固定を解除（スクロールと一緒に流れるようにする） */
/* ※常にヘッダーを表示させておきたい場合は、この記述を含めないでください */
[data-testid="primaryColumn"] > div > div:first-child {
    position: static !important;
}


/* --------------------------------------------------------------------------
   2. 画像・動画（添付メディア）の縮小表示 ※1.37.0で機能として実装したのでこのファイルから削除
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   3. ポスト間の区切り線（ボーダー）の調整
   -------------------------------------------------------------------------- */

div[data-testid="cellInnerDiv"] {
    /* ボーダーの色 */
    border-bottom-color: #666666 !important; 
    
    /* ボーダーの太さ */
    border-bottom-width: 1px !important;
}