/*
Theme Name: SUKYAKI塾東京テーマ
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.1
*/

/*************************************************************************************
  WordPress トップページヘッダー非表示 
 トップページのページヘッダー（青い帯）を非表示
 */
.page-header{
    display: none !important;
}

/*************************************************************************************
 ヘッダー設定
*/
/* ヘッダー全体（背景を#337ab7に設定） */
.site-header,
.site-header-container {
    background-color: #337ab7 !important;
}

/* メニューやロゴ等の文字色をすべて白にする */
.site-header a,
.global-nav-list > li > a,
.site-header-logo a {
    color: #ffffff !important; 
    transition: all 0.3s ease; /* ふんわり変化させる animation */
}

/* href属性を持っている <a> タグにマウスが乗った時だけホバー適用 */
.global-nav-list li a[href]:hover {
    background-color: #23527c !important; /* 少し濃い青でクリック感を出す */
    color: #ffffff !important;
}

/* メニューバー位置設定 --- */
.global-nav-list {
    display: flex !important;
    width: 100% !important;
    align-items: center; /* 上下中央揃え */
}

/* メインボタン（ログイン・ログアウト） --- */
.global-nav-list > li.nav-btn-primary > a {
    background-color: #ffffff !important; /* 背景：白 */
    color: #337ab7 !important;            /* 文字：青 */
    border-radius: 20px !important;       /* 丸み */
    padding: 6px 16px !important;         /* 余白 */
    font-weight: bold !important;
    line-height: 1.5 !important;
    transition: all 0.2s ease;
    display: inline-block;                /* ボタンとして余白を正しく適用 */
}
.global-nav-list > li.nav-btn-primary > a .global-nav-name {
    color: #337ab7 !important;
}
.global-nav-list > li.nav-btn-primary > a:hover {
    background-color: #e6e6e6 !important; /* マウスONで淡いグレー */
    color: #23527c !important;
}

/* サブボタン（新規登録：枠線デザイン） --- */
.global-nav-list > li.nav-btn-secondary > a {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1.5px solid #ffffff !important; /* 白い枠線 */
    border-radius: 20px !important;
    padding: 5px 15px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    transition: all 0.2s ease;
}
.global-nav-list > li.nav-btn-secondary > a:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}
/* メニュー内のアバターとテキストを横並びで綺麗に揃える */
.menu-user-avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px; /* アイコンと名前の間のすき間 */
}

.menu-user-avatar img {
    border-radius: 50%; /* アバターを丸く切抜く場合 */
    display: inline-block;
    vertical-align: middle;
}

/*************************************************************************************
 ログイン・新規登録画面関係のカスタマイズ
 パスワードの注釈を非表示にする
*/

.wppb-description-delimiter{
    display: none !important;
}
/* 会員番号などの制御（登録画面では非表示、マイページでは編集不可）*/
/* ① 新規登録画面（.wppb-register）の時だけ、会員番号を完全に非表示にする */
.wppb-register-user #wppb-form-element-14 ,
.wppb-register-user #wppb-form-element-25{
    display: none !important;
}

/* ② マイページ（.wppb-edit-profile）では、会員番号の入力欄を触れない（編集不可）にする */
.wppb-edit-profile #wppb-form-element-14 input {
    pointer-events: none !important; /* クリックや選択をできなくする */
    background-color: #f0f0f0 !important; /* 背景をグレーにして「触れない感」を出す */
    color: #666666 !important; /* 文字色を少し薄くする */
    border: 1px solid #ccc !important;
}
/* Profile Builderのアクティベーション画面のメッセージを非表示にする */
.wppb-activate-user,
#wppb_activate_user,
.wppb-success {
    display: none !important;
}

/* 画面が一瞬ガタつかないよう、ページ全体をリダイレクトまで白く保つ（オプション） */
.page-id-xxxx .site-content { /* xxxxにはProfile Builderを設置している固定ページIDを入れます */
    background: #ffffff !important;
}

/* 今年度の「一般フォーム」内の年度フィールドを非表示にする */
#form-ippan-current .acf-field[data-name="exam_year"] {
    display: none !important;
}

/* 今年度の「総監フォーム」内の年度フィールドを非表示にする */
#form-soukan-current .acf-field[data-name="exam_year"] {
    display: none !important;
}
/* 過去履歴ページ（member_past）専用のフォーム制御 */
/* 1. 受験年度の選択肢から「0: 今年度」を非表示にする（セレクトボックス用） */
#form-ippan-past .acf-field[data-name="exam_year"] select option[value="0"],
#form-soukan-past .acf-field[data-name="exam_year"] select option[value="0"] {
    display: none !important;
}

/* 2. 過去の履歴入力フォームでは「専門とする事項（speciality）」をまるごと非表示に隠す */
#form-ippan-past .acf-field[data-name="speciality"],
#form-soukan-past .acf-field[data-name="speciality"] {
    display: none !important;
}