/* patch-20250815.css — tgz TOP 用 安全版 v1.1
   目的：ロゴ/ハンバーガーのサイズ調整＋ドロワー＆オーバーレイだけ。
   注意：カード系（content-panel 等）には一切スタイルを当てない。 */

/* ロゴ／ハンバーガーのクリック面積だけ調整（既存HTMLそのまま） */
.header-bar .logo img#main-logo{ width:clamp(150px,15vw,150px); height:auto; display:block; }
.hamburger{ width:40px; height:40px; padding:0; }

/* ドロワーナビ＋半透明オーバーレイ（index.htmlに .nav-overlay を置いた場合のみ有効） */
.nav-drawer{
  position:fixed; top:0; right:0; bottom:0;
  width:min(80vw,320px); background:#111;
  transform:translateX(100%); transition:transform .28s ease;
  z-index:1100;
}
.nav-drawer[aria-hidden="false"]{ transform:translateX(0); }

.nav-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.5);
  opacity:0; pointer-events:none; transition:opacity .24s ease;
  z-index:1090;
}
.nav-drawer[aria-hidden="false"] ~ .nav-overlay{ opacity:1; pointer-events:auto; }
/* --- Footer Fix (2025-08-23) --- */
footer{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:16px 0;
  text-align:center;   /* ← これで中央寄せ */
  background:transparent;
  margin:0;            /* 余白リセット */
}

footer p{
  margin:0 auto;       /* 文言ブロックを中央に */
  line-height:1.6;
  letter-spacing:.02em;
  opacity:.9;
}

/* 万一、bodyがflexの時でもフッターを横幅いっぱいに */
body{ min-width:320px; }
footer{ align-self:stretch; }

@media (max-width:600px){
  footer{ padding:12px 0; }
}

/* ===== hknews: dots 強調（優先度上げ） ===== */
#news .hknews__dots {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}
#news .hknews__dots span{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff7043;
  opacity: .35;
  transition: opacity .2s ease, transform .2s ease;
}
#news .hknews__dots span.is-active{
  opacity: 1 !important;     /* ← 他のCSSを確実に上書き */
  transform: scale(1.15);     /* 視認性アップ（不要なら消してOK） */
}


/* ここから下は“空”にしておく（カード系に触れない） */
/* --- end --- */