/**
 * Admin Customize CSS
 * 
 * Admin Bar および wp-admin 画面のカスタマイズスタイル
 * 
 * @package Omoshiroki
 */

/* ========================================
   今日の一言 Admin Bar アイコン強制表示
   ======================================== */

/**
 * モバイル表示でもアイコンを強制表示
 * 
 * Admin Bar のアイコンがモバイルビューで消える問題を解決するため、
 * display: block !important で強制表示します。
 */

#wp-toolbar>ul>li.omoshiroki-today-message-trigger {
    display: block;
}



#omoshiroki-tm-modal #omoshiroki-tm-modal-content {
    width: 100%;
}

/**
 * Admin Bar テキストのレスポンシブ制御
 * 
 * PC表示（783px以上）: アイコン + テキスト
 * モバイル表示（782px以下）: アイコンのみ
 */
@media screen and (max-width: 782px) {
    #wpadminbar #wp-admin-bar-omoshiroki-today-message .ab-label {
        display: none;
    }

    #wp-toolbar>ul>li.omoshiroki-today-message-trigger .ab-icon:before {
        font-size: 36px;
    }
}

@media screen and (min-width: 783px) {
    #wpadminbar #wp-admin-bar-omoshiroki-today-message .ab-label {
        display: inline;
    }



}

/* 管理画面以外では今日の一言ツールバーを非表示 */
body:not(.wp-admin) #wpadminbar #wp-admin-bar-omoshiroki-today-message {
    display: none !important;
}