/*
 Theme Name:   VideoLibrary
 Theme URI:    
 Description:  Annina Child Theme for Video Library
 Author:       Your Name
 Template:     annina
 Version:      1.0.0
*/

/* ==========================================================================
   ここから下にVideoLibrary用の独自CSSを追記します
   ========================================================================== */

 /* ==========================================================================
   左カラム 常時表示用 検索ボックス
   ========================================================================== */
.sidebar-search-box {
    width: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
}

/* フォーム全体（Flexboxで隙間を指定） */
.sidebar-search-box .search-form {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: 8px; /* ★ 窓と検索ボタンの間のすき間（お好みで 6px〜10px で微調整可） */
}

/* WordPress標準でform内にlabelタグが入る場合の幅100%強制 */
.sidebar-search-box .search-form > label {
    flex: 1 1 auto;
    width: 100%;
    margin: 0 !important;
    display: flex;
}

/* 入力ウィンドウ本体（横幅を最大限に拡張） */
.sidebar-search-box .search-field {
    flex: 1 1 auto;
    width: 100% !important;
    /* 窓の背景色：現在の「検索」ラベル程度のグレー */
    background-color: #707070;
    border: 1px solid #5a5a5a;
    /* 入力する文字色：濃いブラック系 */
    color: #1a1a1a;
    font-weight: 500;
    padding: 9px 12px;
    font-size: 13px;
    border-radius: 4px; /* 単独ボックスとして四隅に丸み */
    outline: none;
    box-sizing: border-box;
}

/* プレースホルダー（未入力時の「検索...」文字色） */
.sidebar-search-box .search-field::placeholder {
    color: #2b2b2b;
    opacity: 1;
}

/* 入力フォーカス時 */
.sidebar-search-box .search-field:focus {
    background-color: #828282;
    border-color: #999;
    color: #000;
}

/* 検索実行ボタン */
.sidebar-search-box .search-submit {
    flex: 0 0 auto;
    background-color: #c93b2b; /* テーマのアクセントカラー（赤系） */
    border: none;
    color: #ffffff;
    font-weight: 600;
    padding: 9px 14px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 4px; /* ボタン単独で四隅に丸み */
    white-space: nowrap;
    transition: background-color 0.2s;
    line-height: normal;
}

.sidebar-search-box .search-submit:hover {
    background-color: #a82e20;
}

/* ログイン要求メッセージ枠 */
.login-notice-message {
    background-color: #fef2f2;
    border-left: 4px solid #c93b2b; /* Anninaのアクセントカラー（赤系） */
    padding: 12px 16px;
    margin-bottom: 20px;
    border-radius: 3px;
}

.login-notice-message p {
    margin: 0;
    color: #991b1b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}