@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 作成日（右上）を完全に消す */
.entry-date,
.post-date,
.post-update,
.post-update-date,
.posted-on,
.post-date-wrapper {
  display: none !important;
}

/* 投稿者（右下）を完全に消す */
.author-box,
.post-author,
.author-info,
.byline,
.posted-by {
  display: none !important;
}
/* ===== ダウンロードユーザー用 ===== */

/* 文字は白 */
#wp-admin-bar-my-account > .ab-item,
#wp-admin-bar-my-account.menupop.with-avatar.hover > .ab-item,
#wp-admin-bar-my-account > .ab-item:focus {
  color: #ffffff !important;
  background: transparent !important;
}

/* ホバー時 */
#wp-admin-bar-my-account > .ab-item:before,
#wp-admin-bar-my-account.menupop.with-avatar.hover > .ab-item:before {
  background: transparent !important;
}

/* 顔アイコン（アバター）を完全に消す */
#wp-admin-bar-my-account.with-avatar > a img,
#wp-admin-bar-my-account.with-avatar > .ab-item img {
  display: none !important;
}


/* 非リンク風”に見せる */
#wp-admin-bar-my-account > .ab-item {
  cursor: default !important;
}

/* ===== カスタムログインフォームの基本レイアウト ===== */
.entry-content #loginform {
    max-width: 360px;
    margin: 40px auto;
    padding: 24px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* 各項目の間隔 */
.entry-content #loginform .login-username,
.entry-content #loginform .login-password {
    margin-bottom: 16px;
}

/* ラベル（ユーザー名・パスワード） */
.entry-content #loginform label {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
    color: #333;
}

/* 入力欄をきれいに */
.entry-content #loginform input[type="text"],
.entry-content #loginform input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    box-sizing: border-box;
}

/* ログインボタン */
.entry-content #loginform #wp-submit {
    width: 100%;
    padding: 10px;
    background: #1e293b; /* 上品めのネイビー */
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}

/* ホバー時 */
.entry-content #loginform #wp-submit:hover {
    background: #111827;
}

/* 「ログイン状態を保存する」の余白 */
.entry-content #loginform .login-remember {
    margin: 10px 0 16px;
}

/* ===== ダウンロード一覧のスタイル ===== */

/* リストの余計な黒点を消す */
.entry-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 各ファイル行（点線の下罫線） */
.entry-content ul li {
    display: flex;
    align-items: center;
    padding: 12px 4px;
    border-bottom: 1px dashed #ccc; /* ← 点線 */
}

/* 日付とファイル名の間を広げる */
.entry-content .dl-date {
    color: #666;
    font-size: 0.9em;
    margin-right: 16px; /* ← ここで間隔を確保 */
    white-space: nowrap;
}

/* ダウンロードを“ボタン風”に */
.entry-content ul li a {
    margin-left: auto; /* 右端に寄せる */
    padding: 6px 12px;
    font-size: 0.9em;
    color: #fff;
    background: #1e293b; /* ネイビー */
    border-radius: 6px;
    text-decoration: none;
    transition: background .2s;
}

/* ホバー時 */
.entry-content ul li a:hover {
    background: #111827;
}

/* まずデフォルトの下線を消す */
#navi a {
  text-decoration: none;
  position: relative;
}

/* 下線の“素”を作る */
#navi a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: currentColor; /* 文字色と同じ色 */
  transition: width .3s ease;
}

/* ホバーで左→右に伸ばす */
#navi a:hover::after {
  width: 100%;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}