/*
Theme Name: Garrett Guardians
Author: ChatGPT
Description: Navy × white outline × red piping. Jersey-inspired theme for Garrett Guardians.
Version: 1.3.5
Text Domain: garrett-guardians
*/

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  background:#0b2b4f; /* deep navy */
  color:#ffffff;
  line-height:1.6;
  font-family:"Graduate","Bebas Neue","Oswald","Segoe UI",Helvetica,Arial,sans-serif;
}

/* ===== Header / Navigation ===== */
.site-header{
  background:#0b2b4f;
  border-bottom:6px double #cc1f3a; /* 赤い横ライン（ダブル） */
  position:sticky; top:0; z-index:1000;
}
.wrapper{ max-width:1100px; margin:0 auto; padding:0 16px; }

.brand{ display:flex; align-items:center; gap:12px; padding:12px 0; }
.brand .site-title{
  margin:0; font-size:28px; letter-spacing:2px; text-transform:uppercase; color:#fff;
}

/* ===== Hero (中央寄せ) ===== */
.hero{
  position:relative;
  overflow:hidden;
  background:#0b2b4f;
  padding:56px 0;
}
.hero .wrapper{ position:relative; z-index:1; text-align:center; } /* ← 中央寄せ */
.hero .subtitle{ margin:8px 0 24px; opacity:.9; }

/* Wordmark block (SVGロゴ) */
.gg-wordmark{ display:block; line-height:0; }
.gg-wordmark svg{ width:min(100%,1100px); height:auto; display:block; margin:0 auto; } /* ← 中央寄せ */

.hero-actions{
  display:flex;
  justify-content:center;   /* ← ボタンを中央に */
  gap:16px;
  flex-wrap:wrap;
}

/* ===== Cards / Buttons / Footer ===== */
.card{
  background:#0f3a6a;
  border:2px solid #ffffff;
  border-radius:12px;
  padding:16px;
  box-shadow:0 8px 0 rgba(0,0,0,0.25);
}

/* トップのニュースカードも中央に並べる */
.home-news .card{
  max-width:1200px;
  margin:16px auto;         /* ← 中央寄せ */
}
.home-news-more{
  text-align:center;        /* ← More News ボタンも中央 */
  margin-top:8px;
}

.button,.wp-block-button__link{
  display:inline-block; padding:12px 20px; border:3px solid #ffffff; color:#ffffff;
  text-decoration:none; font-weight:800; text-transform:uppercase; letter-spacing:.08em;
  transition: transform .05s ease, background-color .2s ease;
}
.button:hover,.wp-block-button__link:hover{ background:#cc1f3a; transform:translateY(-1px); }

.site-footer{
  border-top:6px double #cc1f3a;
  background:#0b2b4f;
  color:#fff;
  padding:24px 0;
  margin-top:48px;
  font-size:14px;
  opacity:.9;
}

/* ===== Misc ===== */
main{ padding:24px 0; }
a{ color:#68b6ff; }
a:hover{ color:#a4d4ff; }
hr{ border:0; border-top:2px dashed rgba(255,255,255,.2); }
pre,code{ background:#09213b; color:#e8f1ff; }

/* ===== Clickable card helpers ===== */
.card--link{position:relative;cursor:pointer}
.card--link .stretched-link{
  position:absolute; inset:0; display:block;
  z-index:10;              /* 透明リンクを最前面に */
  border-radius:12px;
  background:transparent; color:transparent; text-indent:-9999px; overflow:hidden;
}
.card--link:hover{box-shadow:0 12px 0 rgba(0,0,0,.28)}
.card--link .stretched-link:focus-visible{
  outline:3px dashed #fff; outline-offset:4px; border-radius:12px;
}
.card--link > *{position:relative}