/*
 Theme Name:   Legrand Child Theme
 Theme URI:    https://legrand.themerex.net/
 Description:  Legrand Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     legrand
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  legrand
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* ▼ シングル投稿（ブログ記事）の記事全体の幅を統一する */
.single-post .post_item_single {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

/* 記事の中身はその箱の中で全幅を使う */
.single-post .post_item_single .post_content {
  max-width: 100%;
}

/* Gutenberg の alignwide / alignfull で幅が変わるのを抑えたい場合（任意） */
.single-post .post_content .alignwide,
.single-post .post_content .alignfull {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* 記事本文内で、max-width をインライン指定している要素を強制的にリセットする（任意） */
.single-post .post_content [style*="max-width"] {
  max-width: 100% !important;
}

/* ▼ シングル投稿：記事タイトルの調整 */
.single-post .post_item_single .post_title.entry-title {
    font-size: 32px;          /* ← PCで見やすい大きさ（調整可） */
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 14px;
}

/* ▼ スマホ（幅767px以下） */
@media (max-width: 767px) {
    .single-post .post_item_single .post_title.entry-title {
        font-size: 26px;      /* ← スマホ用に少し小さく */
        line-height: 1.4;
    }

    .single-post .post_item_single .post_meta_item.post_categories {
        font-size: 14px;      /* ← スマホカテゴリ少し小さく */
    }
}

/* ▼ シングル投稿：カテゴリ（ピンクのラベル）のフォントサイズを調整 */
.single-post .post_header_single .post_meta_categories .trx_addons_extended_taxonomy,
.single-post .post_header_single .post_meta_categories .trx_addons_extended_taxonomy a {
  font-size: 15px !important;   /* 好みで 16px などに上げてもOK */
  font-weight: 600 !important;
  line-height: 1.4;
}

/* ドロップダウンサブメニュー背景を白に */
.sc_layouts_menu_nav > li ul,
.sc_layouts_menu_nav > li .sc_layouts_menu_popup {
    background-color: #ffffff !important;
}

/* ============ モバイルメニューの配色調整 ============ */

/* メニュー全体の背景を白に */
.menu_mobile,
.menu_mobile .menu_mobile_inner,
.menu_mobile .menu_mobile_nav_area {
  background-color: #ffffff !important;
}

/* 各メニュー項目の通常文字色（グレー） */
.menu_mobile .menu_mobile_nav_area ul > li > a {
  color: #333333 !important;
  font-weight: 500;
}

/* ホバー時 & 展開中/現在ページをピンクに */
.menu_mobile .menu_mobile_nav_area ul > li > a:hover,
.menu_mobile .menu_mobile_nav_area ul > li.current-menu-item > a,
.menu_mobile .menu_mobile_nav_area ul > li.current-menu-ancestor > a,
.menu_mobile .menu_mobile_nav_area ul > li.current-menu-parent > a {
  color: #df1498 !important;   /* サイトのピンク */
}

/* サブメニューも同じ配色に（必要な場合） */
.menu_mobile .menu_mobile_nav_area ul ul > li > a {
  color: #333333 !important;
}

.menu_mobile .menu_mobile_nav_area ul ul > li > a:hover {
  color: #df1498 !important;
}

/* 線が濃すぎる場合の区切り線（オプション） */
.menu_mobile .menu_mobile_nav_area ul > li {
  border-color: #e5e5e5 !important;  /* 少し薄いグレーにしたいとき */
}

/* ▼ シングル投稿：カテゴリ名の色をピンクに変更 */
.single-post .post_header_single .post_meta .post_meta_item.post_categories,
.single-post .post_header_single .post_meta .post_meta_item.post_categories a,
.single-post .post_header_single .trx_addons_extended_taxonomy,
.single-post .post_header_single .trx_addons_extended_taxonomy a {
    color: #df1498 !important;  /* ピンク */
}

/* ▼ シングル投稿：カテゴリをタグ風バッジにする
.single-post .post_header_single .post_meta .post_meta_item.post_categories a {
    display: inline-block;
    padding: 4px 12px;
    border: 2px solid #cccccc;
    border-radius: 6px;
    color: #df1498 !important; 
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    background: #ffffff;
}　*/