/* ========================================
   ウィジェット編集時用の特別なルール
======================================== */

/* WordPressのカスタマイザーやウィジェット管理画面では、すべてのサイドバーを表示 */
.customize-preview .sidebar-1,
.customize-preview .sidebar-2,
.customize-preview .sidebar,
.wp-customizer .sidebar-1,
.wp-customizer .sidebar-2,
.wp-customizer .sidebar,
.wp-admin .sidebar-1,
.wp-admin .sidebar-2,
.wp-admin .sidebar {
    visibility: visible !important;
    position: static !important;
    left: auto !important;
    display: block !important;
}

/* カスタマイザーのプレビュー時は、レイアウトに応じて適切に表示 */
.customize-preview.layout-single-column .sidebar-1,
.customize-preview.layout-single-column .sidebar-2,
.customize-preview.layout-full-width .sidebar-1,
.customize-preview.layout-full-width .sidebar-2 {
    visibility: visible !important;
    position: static !important;
    left: auto !important;
    display: block !important;
    /* プレビュー時は一時的に表示 */
    background: rgba(0, 0, 0, 0.05);
    border: 2px dashed #ccc;
    padding: 20px;
    margin: 10px 0;
}

/* カスタマイザーのプレビュー時、2カラムレイアウトでもサイドバー2を表示 */
.customize-preview.layout-two-columns .sidebar-2 {
    visibility: visible !important;
    position: static !important;
    left: auto !important;
    display: block !important;
    /* プレビュー時は一時的に表示 */
    background: rgba(0, 0, 0, 0.05);
    border: 2px dashed #ccc;
    padding: 20px;
    margin: 10px 0;
}