/*
Theme Name: ODAIBA DRONE SHOW News (Fixed)
Theme URI: https://odaibadrone.com/news/
Author: ULTRA PLANET
Description: ODAIBA DRONE SHOW 2026 公式ニュース用テーマ。トップページと同一のヘッダー（ナビ・ハンバーガー・言語切替）・フッター・配色で、ニュース一覧・記事詳細を表示します。base.css（トップ共通CSS）に上乗せするニュースページ専用スタイルのみを本ファイルで定義します。
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: odaiba-news
*/

/* === v1.2.0: news page viewport/gutter fixes ===
   Keep all news text safely inside the viewport on desktop and mobile. */
*,*::before,*::after{box-sizing:border-box}
main.news-page > .container{
  width:calc(100% - 6rem);
  max-width:1160px;
  margin-left:auto;
  margin-right:auto;
}
/* WordPress admin bar: keep the fixed site navigation visible while logged in. */
body.admin-bar #nav{top:32px}
body.admin-bar #lang-modal{top:84px}
body.admin-bar #mobile-nav{top:84px}
body.admin-bar main.news-page{padding-top:128px}

@media(max-width:860px){
  main.news-page > .container{width:calc(100% - 2.8rem)}
}
@media screen and (max-width:782px){
  body.admin-bar #nav{top:46px}
  body.admin-bar #lang-modal{top:98px}
  body.admin-bar #mobile-nav{top:98px}
  body.admin-bar main.news-page{padding-top:124px}
}

/* 固定ナビ分の余白（トップは全画面ヒーローだが、ニュースは通常コンテンツのため確保） */
main.news-page{padding-top:96px;padding-bottom:4rem;min-height:60vh}
.news-container{padding-top:1.5rem}

/* ニュース一覧の下部の余白・ページャー */
.pagination{display:flex;justify-content:center;gap:.4rem;margin:2rem 0 1rem;font-family:'Inter',sans-serif;font-size:.8rem}
.pagination .page-numbers{padding:.5rem .85rem;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);text-decoration:none}
.pagination .page-numbers.current{background:#b8922a;color:#000;border-color:#b8922a}
.pagination a.page-numbers:hover{border-color:rgba(255,255,255,.5);color:#fff}
.empty{padding:4rem 0;text-align:center;color:rgba(255,255,255,.4);font-size:.9rem}

/* 記事詳細 */
.article{max-width:760px;margin:0 auto;padding:1rem 0 3rem}
.article-meta{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem}
.article-title{font-family:'Inter','Noto Sans JP',sans-serif;font-size:1.9rem;font-weight:200;letter-spacing:.03em;line-height:1.45;color:#fff;margin:.3rem 0 2rem}
.article-thumb{margin:0 0 2.4rem;border:1px solid rgba(255,255,255,.08)}
.article-thumb img{display:block;width:100%;height:auto}
.article-body{font-size:1rem;font-weight:300;line-height:2.05;color:rgba(255,255,255,.82)}
.article-body h2{font-size:1.3rem;font-weight:300;letter-spacing:.03em;margin:2.4rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.article-body h3{font-size:1.1rem;font-weight:400;margin:2rem 0 .8rem;color:#fff}
.article-body p{margin:0 0 1.4rem}
.article-body a{color:#b8922a;text-decoration:underline;text-underline-offset:3px}
.article-body a:hover{color:#e0b94a}
.article-body img{margin:1.5rem 0;max-width:100%;height:auto;border:1px solid rgba(255,255,255,.08)}
.article-body blockquote{margin:1.6rem 0;padding:.6rem 1.4rem;border-left:2px solid #b8922a;color:rgba(255,255,255,.6)}
.article-body ul,.article-body ol{margin:0 0 1.4rem 1.2rem}
.article-body li{margin:.4rem 0}
.article-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.08);font-family:'Inter',sans-serif;font-size:.78rem;letter-spacing:.08em;color:rgba(255,255,255,.6)}
.article-nav a{color:rgba(255,255,255,.6)}
.article-nav a:hover{color:#fff}
.to-list{display:inline-flex;align-items:center;gap:.5rem;margin-top:2.6rem;font-family:'Inter','Noto Sans JP',sans-serif;font-size:.8rem;letter-spacing:.08em;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:2px;padding:.6rem 1.2rem;text-decoration:none}
.to-list:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6)}

/* ニュース一覧のリンクカードで下線を消す（トップ流用時の保険） */
.news-grid .news-card{text-decoration:none}

@media(max-width:768px){
  main.news-page{padding-top:78px}
  .article-title{font-size:1.5rem}
}















/* === v2.0.0: footer logos synced with main site === */
.news-partner-logos{
  background:#000;
  border-top:1px solid rgba(255,255,255,.07);
  padding:3rem 3rem;
}
.news-partner-logos-inner{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4rem;
  flex-wrap:wrap;
}
.news-partner-logo-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:.75;
  transition:opacity .2s ease;
  line-height:1!important;
  text-decoration:none!important;
  flex:0 0 auto!important;
}
.news-partner-logo-link:hover,
.news-partner-logo-link:focus-visible{opacity:1}
.news-partner-logo-link img.news-partner-logo{
  display:block!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.news-partner-logo-link img.news-partner-logo-drone{
  width:200px!important;
  min-width:200px!important;
  max-width:200px!important;
}
.news-partner-logo-link img.news-partner-logo-ultra{
  width:202px!important;
  min-width:202px!important;
  max-width:202px!important;
}
@media(max-width:767px){
  .news-partner-logos{padding:2.2rem 1.4rem}
  .news-partner-logos-inner{
    flex-direction:column-reverse;
    gap:2.4rem;
  }
  .news-partner-logo-link img.news-partner-logo-drone{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
  }
  .news-partner-logo-link img.news-partner-logo-ultra{
    width:182px!important;
    min-width:182px!important;
    max-width:182px!important;
  }
}