/*
Theme Name: SYN Ownd Child
Template: syn-ownd
Theme URI: https://syn.design/
Author: 株式会社ウェブライダー
Author URI: https://web-rider.jp/
Description: SYN Ownd の子テーマ
Version: 1.0.0
Text Domain: syn-ownd-child
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@charset "utf-8";


/*----------------------------------------
　WP-Members のカスタマイズ
----------------------------------------*/
/* ログインフォーム */
#wpmem_login_form .div_text .username,
#wpmem_login_form .div_text .password,
#wpmem_login_form #siteguard_captcha {
	appearance: auto;
}
/* ログイン状態保存のチェックボックス */
#wpmem_login_form .button_div #rememberme {
	appearance: auto;
}
/* ログインボタン */
#wpmem_login_form .button_div .buttons,
#wpmem_profile_form .button_div .buttons,
#wpmem_pwdchange_form .button_div .buttons,
#wpmem_pwdreset_form .button_div .buttons,
#wpmem_getusername_form .button_div .buttons,
#wpmem_register_form .button_div .buttons {
	appearance: auto;
	width: 100%;
	text-align: center;
    background-color: #1C6E7A;
    color: white;
	font-weight: bold;
    padding: 1em;
    margin-top: 1em;
    border-radius: 20px;
    cursor: pointer;
}
#wpmem_login_form .button_div .buttons:hover,
#wpmem_profile_form .button_div .buttons:hover,
#wpmem_pwdchange_form .button_div .buttons:hover,
#wpmem_pwdreset_form .button_div .buttons:hover,
#wpmem_getusername_form .button_div .buttons:hover,
#wpmem_register_form .button_div .buttons:hover {
    background-color: #E06D3E;
	transition: 0.5s;
}

/*----------------------------------------
　Tutor LMS のカスタマイズ
----------------------------------------*/
/* レッスンコンテナの背景色を変更 */
.tutor-course-spotlight-tab {
	background-color: #ffffff !important;
}


/*----------------------------------------
　Asgaros Forum のカスタマイズ
----------------------------------------*/
/* ヘッダーナビゲーションの非表示 */
#forum-header {
	display: none !important;
}


/*----------------------------------------
　BuddyPress のカスタマイズ
----------------------------------------*/
/* カバー画像エリアのスタイル */
#buddypress #header-cover-image {
    height: 250px; /* 高さを調整（推奨: 225px〜） */
    border-radius: 12px 12px 0 0; /* 上部だけ角を丸くする */
    box-shadow: inset 0 -50px 50px rgba(0,0,0,0.5); /* 下部に影をつけて文字を見やすく */
}
/* ユーザー名とステータスの装飾 */
#buddypress #item-header-cover-image #item-header-content h2.user-nicename,
#buddypress #item-header-cover-image #item-header-content .item-meta .activity {
    color: #fff !important;
}
/* アバター（プロフィール画像）を丸くする */
#item-header-avatar img.avatar {
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
/* ナビゲーションメニューを中央寄せにして間隔を空ける */
#buddypress #object-nav ul {
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #eee;
}

#buddypress #object-nav ul li a {
    padding: 15px 25px;
    color: #666;
    text-decoration: none;
    transition: all 0.2s;
}

/* 選択中のタブにアンダーラインを引く */
#buddypress #object-nav ul li.selected a,
#buddypress #object-nav ul li.current a {
    color: #0073aa;
    border-bottom: 3px solid #0073aa;
    background: transparent;
}
/* モバイル表示（768px以下）の設定 */
@media screen and (max-width: 768px) {
    /* メニューのテキストを隠す */
    #buddypress #object-nav ul li a span {
        display: none;
    }

    /* アイコンを表示するための共通設定 */
    #buddypress #object-nav ul li a:before {
        font-family: "dashicons";
        font-size: 24px;
        display: block;
        text-align: center;
        width: 100%;
    }

    /* 各メニューに特定のアイコンを割り当て */
    #activity-personal-li a:before { content: "\f125"; } /* アクティビティ: 吹き出し */
    #xprofile-personal-li a:before { content: "\f110"; } /* プロフィール: 人型 */
    #notifications-personal-li a:before { content: "\f467"; } /* 通知: ベル */
    #messages-personal-li a:before { content: "\f466"; } /* メッセージ: 封筒 */
    #friends-personal-li a:before { content: "\f307"; } /* 友達: 複数人 */
    #groups-personal-li a:before { content: "\f307"; } /* グループ */
    #settings-personal-li a:before { content: "\f111"; } /* 設定: 歯車 */

    /* メニューを横並びにする調整 */
    #buddypress #object-nav ul {
        display: flex;
        justify-content: space-around;
        padding: 0;
    }
    
    #buddypress #object-nav ul li {
        float: none;
        flex-grow: 1;
    }
}
@media screen and (max-width: 768px) {
    #buddypress #object-nav ul li a {
        padding: 15px 0 !important; /* タップ範囲を広げる */
        border: none !important;
    }
}