/*
 Theme Name: att-lefty Child
 Template: att-lefty
*/

/* ================================
 サイドバーリンク（Amazon含む）
================================ */
#site-description a {
    color: #fff !important;         /* 通常は白文字 */
    font-weight: normal !important; /* 太字解除 */
    text-decoration: none !important;
}
#site-description a:hover {
    color: #0073e6 !important;      /* ホバー時は青 */
    text-decoration: underline !important;
}

/* ================================
 リンク全般のリセット
================================ */
a {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2; /* リンク全体の行間 */
}

/* ================================
 記事本文（個別ページ）
================================ */
article.entry.clr {
    color: #000 !important;        /* 本文黒文字 */
    line-height: 1.4 !important;   /* 行間少し詰め */
    font-size: 1.1em !important;   /* 少し大きめ */
}

/* 記事本文内リンク */
article.entry.clr a {
    color: #007bff !important;     /* 青色リンク */
    text-decoration: none !important;
}
article.entry.clr a:hover {
    color: #0056b3 !important;     /* 濃い青 */
    text-decoration: underline !important;
}

/* ================================
 トップページ抜粋（excerpt）
================================ */
.loop-entry-excerpt p {
    line-height: 1.4 !important;   /* 本文と統一 */
    color: #000 !important;        /* 黒文字 */
    font-size: 1.1em !important;   /* 本文と同じ */
}

/* 抜粋内リンク */
.loop-entry-excerpt p a {
    color: #007bff !important;
    text-decoration: none !important;
}
.loop-entry-excerpt p a:hover {
    color: #0056b3 !important;
    text-decoration: underline !important;
}

/* 段落の下余白削除（本文・抜粋共通） */
article.entry.clr p,
.loop-entry-excerpt p {
    margin-bottom: 0 !important;
}

/* リンクの余白も削除（念のため） */
article.entry.clr a,
.loop-entry-excerpt p a {
    margin-bottom: 0 !important;
}

/* ================================
 カテゴリーツリー（階層）
================================ */

/* 子カテゴリ <ul> */
.collapsing.categories > li > div > ul {
    list-style: none;
    margin-left: 1.2em; /* 子カテゴリの右ずれ幅 */
    padding-left: 0;
}

/* [+] / [-] 展開記号を左に固定 */
.collapsing.categories > li > div > ul > li > span.collapsing.categories.expand,
.collapsing.categories > li > div > ul > li > span.collapsing.categories.collapse {
    display: inline-block;
    width: 1.2em; /* li のインデント幅に揃える */
    text-align: left;
}

/* ================================
 孫カテゴリのみ右にずらす
  - 展開記号の有無に関わらず孫カテゴリだけ
================================ */
.collapsing.categories > li > div > ul > li > div > li.collapsing.categories.item {
    margin-left: 1.2em !important; /* 子カテゴリより右に */
}

/* [+]/[-] 展開記号を固定幅で揃える */
.collapsing.categories li.expandable > span.expand,
.collapsing.categories li.expandable > span.collapse {
    display: inline-block;
    width: 1.2em;        /* 固定幅 */
    text-align: center;  /* 中央揃えで +/- が中央に来る */
    font-family: monospace; /* 幅揃えのため等幅フォントに変更 */
}

/* ================================
通常時：#site-description の左パディングを40pxに 
================================*/
#site-description {
    padding-left: 40px !important;
}

/* ================================
レスポンシブ時（1000px以下）の .container-left も左パディング40pxに
================================ */
@media only screen and (max-width: 1000px) {
    .container-left {
        padding-left: 40px !important; /* 左だけ40pxに固定 */
        padding-right: 20px;           /* 右側は既存のまま */
        padding-top: 20px;             /* 上は既存のまま */
        padding-bottom: 20px;          /* 下は既存のまま */
        width: 95%;                    /* 既存のレスポンシブ幅 */
    }
}