/*
Theme Name: Welcart Basic Child
Template: welcart_basic
Description: トレカ専門店ケンキ Ver1.0 デザイン反映用子テーマ
Version: 1.0.0
*/

/* --- styles.md から抽出したCSSをここに追記 --- */
:root {
    --kenki-blue: #005bac;
    --kenki-light-blue: #e6f0fa;
    --kenki-dark: #003366;
    --kenki-footer-bg: #002244;
}

body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    background-color: #f4f7f9;
}

.bg-kenki-blue { background-color: var(--kenki-blue); }
.text-kenki-blue { color: var(--kenki-blue); }
.border-kenki-blue { border-color: var(--kenki-blue); }

.product-card {
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid #e2e8f0;
}
.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,91,172,0.1);
    border-color: var(--kenki-blue);
}

.hero-gradient {
    background: linear-gradient(135deg, var(--kenki-blue) 0%, var(--kenki-dark) 100%);
}

.section-title {
    position: relative;
    padding-left: 1rem;
    border-left: 4px solid var(--kenki-blue);
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}


/* Xボタン強化 */
.sns-x-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #000;   /* Xは黒 */
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s ease;
}

.sns-x-btn i {
  font-size: 22px;
}

.sns-x-btn:hover {
  background-color: #222;
  transform: translateY(-2px);
}

.kenki-walker{
  position: fixed;
  bottom: 18px;
  left: -220px;
  z-index: 9999;
  pointer-events: none;
  animation: kenki-walk-across 16s linear infinite;
}


@keyframes carousel-anim {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.slider-inner:hover {
  animation-play-state: running !important;
}


.main-nav{
  background:#fff;
  border-top:1px solid #e2e8f0;
}

.main-nav-list{
  display:flex;
  justify-content:center;
  gap:32px;
  list-style:none;
  margin:0;
  padding:12px 0;
}

.main-nav-list a{
  text-decoration:none;
  font-weight:700;
  color:#334155;
}

.main-nav-list a:hover{
  color: var(--kenki-blue);
}



/* ===== メインナビ 横並び ===== */
.main-nav{
  background:#fff;
  border-top:1px solid #e2e8f0;
}

.main-nav-list{
  display:flex;              /* ← 横並びにする */
  justify-content:center;    /* 中央寄せ */
  align-items:center;
  gap:32px;                  /* メニュー間の余白 */
  list-style:none;           /* ●を消す */
  margin:0;
  padding:14px 0;
}

.main-nav-list li{
  margin:0;
}

.main-nav-list a{
  display:block;
  text-decoration:none;
  font-weight:700;
  font-size:16px;            /* 文字サイズ大きく */
  color:#334155;
  padding:6px 4px;
  transition:0.2s;
}

.main-nav-list a:hover{
  color: var(--kenki-blue);
}

.main-nav-list{
  display:flex !important;
}


/* ===== ナビを横並びにする（確実版） ===== */
.main-nav .menu{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 32px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 14px 0 !important;
}

.main-nav .menu li{
  margin: 0 !important;
}

.main-nav .menu a{
  display: block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  color: #334155 !important;
}

.main-nav .menu a:hover{
  color: var(--kenki-blue) !important;
}
/* ナビ下にケンキブルーのライン ＋光ってる*/
.main-nav{
  border-bottom: 4px solid var(--kenki-blue);
  box-shadow: 0 6px 18px rgba(0, 91, 172, 0.25);
}


/* ===== 新着商品 見出し ===== */
.kenki-new-hero{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:22px 18px;
  margin:24px auto 18px;
  max-width:1100px;
  box-shadow:0 8px 18px rgba(0,0,0,0.06);
}

.kenki-new-title{
  margin:0;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:26px;
  font-weight:900;
  color:#0f172a;
}

.kenki-new-sub{
  margin:10px 0 0;
  color:#475569;
  font-weight:700;
  font-size:14px;
}

/* かわいい NEW!! バッジ */
.kenki-badge-new{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background: var(--kenki-yellow);
  color:#fff;
  font-weight:900;
  letter-spacing:.08em;
  transform: rotate(-6deg);
  box-shadow:0 10px 16px rgba(245,158,11,0.35);
  position:relative;
}

.kenki-badge-new::after{
  content:"✦";
  position:absolute;
  right:-10px;
  top:-10px;
  font-size:14px;
  opacity:.9;
}

.kenki-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
@media (max-width: 900px){
  .kenki-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.kenki-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:12px;
  overflow:hidden;
  text-decoration:none;
  color:#0f172a;
  transition:.2s;
}
.kenki-card:hover{
  transform: translateY(-2px);
  box-shadow:0 10px 18px rgba(0,0,0,0.08);
}
.kenki-thumb{ width:100%; height:auto; display:block; }
.kenki-noimg{
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#94a3b8;
  background:#f1f5f9;
}
.kenki-title{
  padding:10px 12px;
  font-weight:800;
  font-size:14px;
  line-height:1.3;
}
.kenki-empty{ color:#475569; font-weight:700; }

/* まず新着商品メニューを全ページで隠す */
.menu-new-items{
  display:none !important;
}

/* ただし、新着商品ページ(ID40)のときだけ表示する */
.page-id-40 .menu-new-items{
  display:list-item !important;
}