/*
Theme Name: Nadja21 Child
Template: generatepress
Description: Nadja21 official site child theme (DEMO)
Version: 0.1.0
Text Domain: nadja21-child
*/
:root{--n-bg:#111;--n-fg:#eee;--n-muted:#999;--n-line:#2a2a2a;--n-accent:#d9a441;--n-card:#1a1a1a}
body{background:var(--n-bg);color:var(--n-fg)}
a{color:inherit}
.site-header,.main-navigation,.main-navigation ul ul,.site-footer,.footer-widgets,.site-info{background:var(--n-bg)!important;color:var(--n-fg)}
.main-title a,.main-navigation .main-nav ul li a{color:var(--n-fg)!important;letter-spacing:.1em}
.n-wrap{max-width:1000px;margin:0 auto;padding:32px 20px 60px}
.n-jacket{position:relative;aspect-ratio:1/1;display:flex;align-items:flex-end;padding:12px;font-size:12px;letter-spacing:.1em;color:rgba(255,255,255,.75);background:linear-gradient(135deg,#1d3557,#457b9d);overflow:hidden}
.n-jacket img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.n-tag{display:inline-block;font-size:11px;letter-spacing:.12em;padding:1px 8px;border:1px solid var(--n-accent);color:var(--n-accent)}
.n-tag.news{border-color:var(--n-muted);color:var(--n-muted)}
.n-meta{color:var(--n-muted);font-size:14px}
.n-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;align-items:center;margin-bottom:44px}
.n-hero h2{font-size:30px;margin:10px 0 4px;line-height:1.3;color:var(--n-fg)}
.n-btn{display:inline-block;margin-top:16px;padding:8px 22px;border:1px solid var(--n-fg);font-size:14px;text-decoration:none}
.n-btn:hover{background:var(--n-fg);color:#111}
.n-sec{font-size:13px;letter-spacing:.25em;color:var(--n-muted);border-bottom:1px solid var(--n-line);padding-bottom:8px;margin:0 0 20px}
.n-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:56px}
.n-card{background:var(--n-card);display:block;text-decoration:none}
.n-card .body{padding:12px 14px 16px}
.n-card h4{margin:6px 0 2px;font-size:16px;line-height:1.4;color:var(--n-fg)}
.n-newsbox{aspect-ratio:1/1;background:#222;display:flex;align-items:center;justify-content:center;color:#555;font-size:13px;letter-spacing:.2em}
.n-newsbox{position:relative}
.n-newsbox-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.n-newsbox-label{font-size:22px;line-height:1;letter-spacing:.3em;margin-right:-.3em;color:#8a8a8a}
.n-newsbox-date{position:absolute;left:0;right:0;top:calc(50% + 22px);text-align:center;font-size:12px;letter-spacing:.15em;color:#6f6f6f}
.n-detail{background:var(--n-card);padding:28px;display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:28px}
.n-detail table{width:100%;border-collapse:collapse;font-size:14px;margin-top:12px;border:0}
.n-detail td{padding:6px 0;border:0;border-bottom:1px solid var(--n-line);background:none;color:var(--n-fg)}
.n-detail td:first-child{width:2.5em;color:var(--n-muted)}
.n-detail td:last-child{text-align:right;color:var(--n-muted)}
@media(max-width:700px){.n-hero,.n-detail{grid-template-columns:1fr}}

/* ---- ダークテーマ全体の文字色・背景（GeneratePressの既定色を上書き） ---- */
body,.site-content,.separate-containers .inside-article,.separate-containers .page-header,.one-container .container,.inside-page-header,.sidebar .widget{color:var(--n-fg)}
.separate-containers .inside-article,.one-container .container,.separate-containers .page-header{background:var(--n-bg)}
h1,h2,h3,h4,h5,h6,.entry-title,.entry-title a,.page-title,.widget-title{color:var(--n-fg)}
p,li,td,th,label,blockquote,.entry-content{color:var(--n-fg)}
.entry-meta,.entry-meta a,.n-meta,.n-meta a{color:var(--n-muted)}
a:hover{color:var(--n-accent)}
.n-detail p,.n-detail h2,.n-detail div{color:var(--n-fg)}
.n-detail .n-meta,.n-detail .n-meta *{color:var(--n-muted)}
.n-tag{color:var(--n-accent)}.n-tag.news{color:var(--n-muted)}
.n-btn{color:var(--n-fg)}.n-btn:hover{color:#111}
input,textarea,select{background:#1a1a1a;color:var(--n-fg);border-color:var(--n-line)}
.site-footer a,.site-info,.site-info a{color:var(--n-muted)}

/* ---- 一覧（Release / Artist）：3カラム ---- */
.n-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:56px}
.n-grid3 .n-card h4{font-size:15px}
.n-grid3 .n-meta{font-size:12px}
@media(max-width:800px){.n-grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
/* 個別ページのジャケットが大きくなりすぎないように */
.n-detail .n-jacket{max-width:260px}
.n-feed .n-jacket,.n-grid3 .n-jacket{width:100%}

/* ---- フッター共通メニュー（検索 / 最近の投稿 / 固定メニュー） ---- */
.footer-widgets{background:#161616!important;border-top:1px solid var(--n-line);padding:24px 0}
.footer-widgets .widget{background:transparent!important;margin-bottom:0}
.footer-widgets .widget-title{font-size:12px;letter-spacing:.25em;color:var(--n-muted)!important;text-transform:uppercase;border-bottom:1px solid var(--n-line);padding-bottom:8px;margin-bottom:12px;font-weight:400}
.footer-widgets ul{list-style:none;margin:0;padding:0}
.footer-widgets li{padding:5px 0;border-bottom:1px solid #222;font-size:14px}
.footer-widgets a{color:#b5b5b5!important;text-decoration:none}
.footer-widgets a:hover{color:var(--n-accent)!important}
.footer-widgets .post-date{display:block;color:var(--n-muted);font-size:12px}
.footer-widgets .search-form{display:flex;gap:6px}
.footer-widgets .search-form label{flex:1;margin:0}
.footer-widgets .search-field{width:100%;padding:8px 10px}
.footer-widgets .search-submit{background:#2a2a2a;color:var(--n-fg);border:1px solid var(--n-line);padding:8px 14px}
.footer-widgets .search-submit:hover{background:var(--n-accent);color:#111}

/* ---- ウィジェット（万一表示された場合）もダークに ---- */
.widget,.sidebar .widget{background:var(--n-card)!important;color:var(--n-fg)!important}
.widget a,.widget li,.widget-title{color:var(--n-fg)!important}
.separate-containers .site-main>*{margin-bottom:24px}

/* ---- ヘッダーメニュー：白を抑えて、トーンを統一 ---- */
.site-header{border-bottom:1px solid var(--n-line)}
.main-title a,.main-title a:hover{color:#d6d6d6!important}
.main-navigation .main-nav ul li a,.main-navigation .menu-toggle{color:#a8a8a8!important;font-size:13px;letter-spacing:.14em;text-transform:uppercase;transition:color .15s}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li:focus>a{color:#e4e4e4!important;background:transparent!important}
.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li.current-menu-ancestor>a{color:var(--n-accent)!important;background:transparent!important}
.main-navigation .main-nav ul li.current-menu-item>a{border-bottom:1px solid var(--n-accent)}
.main-navigation ul ul{background:#181818!important;border:1px solid var(--n-line)}
.main-navigation .menu-toggle:hover{color:#e4e4e4!important;background:transparent!important}
.main-navigation.toggled .main-nav>ul{background:var(--n-bg)!important}