/*
Theme Name: Lightning Child
Template: lightning
Description: Lightning 親テーマ用子テーマ、フロント投稿・お知らせ統合対応
Version: 1.3
*/

.frontend-unified-page { 
    max-width:800px; 
    margin:30px auto; 
    padding:20px; 
    background:#f9f9f9; 
    border:1px solid #ddd; 
    border-radius:8px;
}

.frontend-unified-page h1 { 
    text-align:center; 
    margin-bottom:20px; 
}

.tabs-nav { 
    list-style:none; 
    padding:0; 
    display:flex; 
    justify-content:center; 
    margin-bottom:20px; 
    flex-wrap: wrap; 
}

.tabs-nav li { margin:0 5px; }
.tabs-nav li a { 
    text-decoration:none; 
    padding:8px 12px; 
    background:#eee; 
    border-radius:4px; 
    display:block; 
}
.tabs-nav li a.active { background:#0073aa; color:#fff; }

.tab-panel { display:none; }
.tab-panel.active { display:block; margin-bottom:20px; }

form input, form textarea { 
    width:100%; 
    padding:8px; 
    margin-bottom:10px; 
}
form input[type="submit"] { cursor:pointer; }

.pagination { text-align:center; margin-top:20px; }

@media (max-width:600px) {
    .tabs-nav { flex-direction: column; align-items: stretch; }
    .tabs-nav li { margin:3px 0; }
}

/* ==========================================================
   会員ログインページ
   ========================================================== */

.member-login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
}

.member-login-box {
    width: 100%;
    max-width: 400px;
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.member-login-box h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #333;
}

.member-login-box label {
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin: 10px 0 5px;
}

.member-login-box input[type="text"],
.member-login-box input[type="password"] {
    width: 100%;
    padding: 12px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
}

.login-btn {
    width: 100%;
    padding: 12px;
    background: #1e73be;
    color: white;
    border: none;
    border-radius: 6px;
    margin-top: 20px;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
}

.login-btn:hover {
    background: #155a94;
}

.login-error {
    background: #ffd1d1;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 15px;
    text-align: center;
    color: #c70000;
    border-left: 4px solid #e60000;
}

.logout-cancel-btn {
    display: block;
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
    color: #555;
    text-decoration: underline;
}

.logout-cancel-btn:hover {
    color: #000;
}

/* カスタム最新投稿ウィジェット */
.sanae-recent-news {
    list-style: none;
    padding-left: 0;
}

.sanae-news-item {
    margin-bottom: 20px;
}

.sanae-attachments {
    list-style: none;
    padding-left: 10px;
    margin-top: 5px;
}

.sanae-attachment-item {
    margin-bottom: 5px;
}

.sanae-attachment-thumb {
    width: 80px;
    height: auto;
    border-radius: 4px;
    margin-right: 5px;
}

/* ===============================
   Lightning フッター 2カラム化
   =============================== */

.site-footer {
    background: #eaf8fa; /* 薄い綺麗なブルー */
    padding: 40px 20px;
    color: #333;
}

/* ウィジェットエリアのラッパー */
.site-footer .footer-widget-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

/* 左右ウィジェット共通 */
.site-footer .footer-widget-area .widget {
    flex: 1 1 calc(50% - 40px);
    min-width: 260px;
}

/* 見出し（ウィジェットタイトル） */
.site-footer .widget-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #222;
}

/* フッター文字 */
.site-footer,
.site-footer a {
    color: #333;
}

.site-footer a:hover {
    opacity: 0.7;
}

/* コピーライト部分のデザイン調整 */
.site-footer .site-footer-copyright {
    text-align: center;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid rgba(0,0,0,0.1);
}

/* フッター3つ目のウィジェットエリアを非表示にする */
.footer-widget-area .widget:nth-child(3) {
    display: none !important;
}

/* 2カラムレイアウトを安定させる */
.footer-widget-area {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.footer-widget-area .widget:nth-child(1),
.footer-widget-area .widget:nth-child(2) {
    flex: 1 1 calc(50% - 20px);
}
/* Lightning フッターウィジェットエリア3を完全に非表示 */
#footer-widget-area .footerWidget:nth-child(3),
#footer-widget-area .widget:nth-of-type(3),
.site-footer .footer-widget-area .footerWidget:nth-child(3),
.site-footer .footer-widget-area .widget:nth-child(3) {
    display: none !important;
}
/* 3番目のフッターウィジェットを強制的に非表示 */
.footerWidget-3 {
    display: none !important;
}
/* フッターウィジェット（3番目）を完全に非表示 */
.site-footer .site-footer-content .row > .col-lg-4.col-md-6:nth-child(3) {
    display: none !important;
}
/* 2カラム時の横幅調整 */
.site-footer .site-footer-content .row > .col-lg-4.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

/* ===== お知らせ一覧 カスタマイズ ===== */

/* 行間 */
.wp-block-latest-posts__list li {
    margin-bottom: 10px;
}

/* フォント変更 */
.wp-block-latest-posts__list li,
.wp-block-latest-posts__post-title,
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-excerpt {
    font-family: "Noto Sans JP", sans-serif;
}

/* タイトル */
.wp-block-latest-posts__post-title {
    font-size: 18px;
    font-weight: bold;
}

/* 日付 */
.wp-block-latest-posts__post-date {
    font-size: 13px;
    color: #666;
}

/* ===== お知らせ一覧を最小余白にする ===== */

/* li 全体の余白を詰める */
.wp-block-latest-posts__list li {
    margin: 5px 0 !important;   /* 上下5px → ほぼ密着。2pxでもOK */
    padding: 0 !important;
}

/* タイトルの余白をゼロに */
.wp-block-latest-posts__post-title {
    margin: 0 !important;
    line-height: 1.3;
}

/* 日付の余白をゼロに */
.wp-block-latest-posts__post-date {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2;
}

/* 抜粋（概要）がある場合も余白ゼロに */
.wp-block-latest-posts__post-excerpt {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3;
}

/* ===== お知らせ一覧：区切り線 + ホバー効果 ===== */

/* 各行(li)のスタイル */
.wp-block-latest-posts__list li {
    margin: 6px 0 !important;           /* 行の間隔：お好みで調整 */
    padding: 4px 0 !important;          /* 内側の余白 */
    border-bottom: 1px solid #ccc;      /* 下線（区切り線） */
    transition: background-color 0.2s;  /* ホバーアニメーションの滑らかさ */
}

/* 最後の行だけ線を消す（必要なければ削除OK） */
.wp-block-latest-posts__list li:last-child {
    border-bottom: none;
}

/* ホバー時に背景色（淡いグレー） */
.wp-block-latest-posts__list li:hover {
    background-color: #f2f7ff;          /* ← 好きな色に変更OK */
}

/* タイトルの余白調整（前の設定を活かしつつ） */
.wp-block-latest-posts__post-title {
    margin: 0 !important;
}

/* 日付の余白ゼロ */
.wp-block-latest-posts__post-date {
    margin: 0 !important;
}

/* 抜粋（あれば）も余白ゼロ */
.wp-block-latest-posts__post-excerpt {
    margin: 0 !important;
}

/* リンクの色（ホバー時の下線を消したい場合） */
.wp-block-latest-posts__list li a {
    text-decoration: none;
    color: #004080; /* 濃い青：変更OK */
}
.wp-block-latest-posts__list li a:hover {
    text-decoration: underline;
}