/* CKEditor のソースモードの textarea の背景と文字色を固定 */
textarea.cke_source,
textarea.cke_source * {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
}


/* CMS Tools セクションのスタイル */
#branding {
    display: flex;
    width: 70%;
    white-space: nowrap;
}


.cms-tools {
    width: 100%;
    display: flex;
    flex-wrap: wrap;     
    gap: 20px;
    overflow-x: visible; 
    justify-content: flex-end;  
}

.cms-category {
    flex: 0 0 auto;
    text-align: left;
}

.cms-category ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
}



/* custom_select2_dark_override.css */
/* Select2 のシングルセレクション部分 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ccc !important; /* 例: 明るいグレー */
}

/* Select2 のマルチセレクション部分（タグ部分） */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #333 !important; /* 例: ダークグレー */
    background-color: #e0e0e0 !important; /* 背景を明るくしてコントラストを付ける */
}

/* 入力部分の文字色 */
.select2-container--default .select2-search--inline .select2-search__field {
    color: #333 !important;
}

/* ドロップダウン内の選択肢 */
.select2-container--default .select2-results__option {
    color: #333 !important;
    background-color: #fff !important; /* 背景を白にする場合 */
}

.form-row {
    padding-top: 1em;
}

.form-row label {
    /* size: 2em;
    font-weight: bolder; */
}



/* SEOプレビューフィールド用スタイル */
.seo-preview {
    background-color: #f8f9fa !important;  /* 薄い灰色の背景 */
    border: 1px solid #dee2e6 !important;  /* 明確なボーダー */
    color: #495057 !important;             /* 標準的なテキスト色 */
    cursor: default !important;            /* 通常のカーソル（手の形ではない） */
    box-shadow: none !important;           /* 内側の影を削除 */
    opacity: 0.9 !important;               /* わずかな透明度で読み取り専用を表現 */
}

/* フォーカス時のスタイルも調整 */
.seo-preview:focus {
    outline: none !important;              /* フォーカス時のアウトラインを削除 */
    border-color: #dee2e6 !important;      /* フォーカス時のボーダー色を通常時と同じに */
    box-shadow: none !important;           /* フォーカス時の影効果を削除 */
}

/* SEOプレビューラベルのスタイル */
.field-seo_preview_title label,
.field-seo_preview_description label {
    color: #007bff !important;             /* ラベルの色を青色に */
    font-style: italic !important;         /* イタリック体で強調 */
}

/* ヘルプテキストのスタイル */
.field-seo_preview_title .help,
.field-seo_preview_description .help {
    color: #6c757d !important;             /* ヘルプテキストの色をグレーに */
    font-style: italic !important;         /* イタリック体で補足感を出す */
}