/*
 Theme Name:   Storefront Child - NaNa DIY
 Template:     storefront
 Author:       WorkBuddy
 Description:   ナナDIY 日本アニメ雑貨ストア用カスタム子テーマ
 Version:      1.1.0
*/

:root{
  --nana-pink:   #ff5e9c;
  --nana-pink-d: #e23f86;
  --nana-ink:    #3a2e35;
  --nana-ink-soft:#7a5a66;
  --nana-bg:     #fff7fb;
  --nana-line:   #f0d4e2;
  --nana-price:  #e8457a;
  --nana-radius: 14px;
}

/* ============ 全局 ============ */
body{ color:var(--nana-ink); background:#fff; }
a{ color:var(--nana-pink-d); }
a:hover{ color:var(--nana-pink); }

/* ============ 头部 / 菜单栏（修复对比度） ============ */
.site-header{
  background:#fff; border-bottom:1px solid var(--nana-line);
  box-shadow:0 2px 12px rgba(255,94,156,.06);
}
.site-branding{ display:flex; align-items:center; }
.site-branding .site-title{ margin:0; }
.site-branding .site-title a{
  color:var(--nana-pink); font-weight:800; font-size:1.6rem; letter-spacing:.02em;
}
.site-branding .site-title a:hover{ color:var(--nana-pink-d); }

/* 顶部次导航（合规页）深色底 + 高亮文字，确保清晰 */
.storefront-secondary-navigation{ background:var(--nana-ink); }
.storefront-secondary-navigation .col-full{ display:flex; justify-content:flex-end; flex-wrap:wrap; }
.storefront-secondary-navigation .menu{ float:none; }
.storefront-secondary-navigation .menu > li > a{
  color:#ffe3ef; font-size:.85rem; font-weight:500; opacity:.95;
}
.storefront-secondary-navigation .menu > li > a:hover{ color:#fff; opacity:1; }

/* 主导航：白底 + 深色文字，hover 变品牌色 */
.storefront-primary-navigation{ background:#fff; }
.main-navigation{ background:transparent; border-top:1px solid var(--nana-line); }
.main-navigation ul li a{
  color:var(--nana-ink); font-weight:600; padding:.9em 1.1em;
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a{ color:var(--nana-pink-d); }
.main-navigation ul li a::after{ display:none !important; }   /* 去掉 Storefront 下划线伪元素 */
.main-navigation .menu-toggle{ color:var(--nana-ink); }
.site-header-cart .cart-contents{ color:var(--nana-ink); font-weight:600; }
.site-header-cart .cart-contents:hover{ color:var(--nana-pink-d); }
.site-header-cart .cart-contents .amount,
.site-header-cart .cart-contents .count{ color:inherit; }

/* ============ 按钮（全站统一） ============ */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .wc-forward,
.woocommerce a.added_to_cart{
  background:var(--nana-pink); color:#fff; border:none; border-radius:999px;
  font-weight:700; padding:.9em 1.8em; transition:.2s;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .wc-forward:hover{ background:var(--nana-pink-d); color:#fff; }

/* ============ 商品卡片（商店/首页） ============ */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff; border:1px solid var(--nana-line); border-radius:var(--nana-radius);
  overflow:hidden; box-shadow:0 6px 18px rgba(58,46,53,.06); transition:.2s; text-align:left;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px); box-shadow:0 14px 30px rgba(255,94,156,.16);
}
.woocommerce ul.products li.product .woocommerce-loop-product__link{ display:block; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--nana-ink); font-size:.95rem; font-weight:600; padding:0 1em; line-height:1.4;
}
.woocommerce ul.products li.product .price{
  color:var(--nana-price); font-weight:700; padding:0 1em .5em; font-size:1rem;
}
.woocommerce ul.products li.product .price ins{ color:var(--nana-price); }
.woocommerce ul.products li.product .onsale{
  background:var(--nana-pink); border:none; border-radius:999px; font-weight:700;
  top:.6em; left:.6em; right:auto; margin:0; padding:.3em .8em; line-height:1.2;
}
.woocommerce ul.products li.product .button{
  background:var(--nana-pink); color:#fff; border-radius:999px; margin:0 1em 1em;
  display:block; text-align:center;
}
.woocommerce ul.products li.product .button:hover{ background:var(--nana-pink-d); }
.woocommerce .star-rating span::before{ color:var(--nana-pink); }

/* ============ 商品详情页 ============ */
.single-product .summary .price{ color:var(--nana-price); font-size:1.6rem; font-weight:700; }
.single-product .summary .button{ background:var(--nana-pink); }
.single-product .summary .button:hover{ background:var(--nana-pink-d); }
.woocommerce .quantity .qty{
  border-radius:10px; border:1px solid var(--nana-line); padding:.6em; min-width:4em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--nana-pink-d); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{ color:var(--nana-pink-d); }

/* ============ 购物车 / 结账 / 我的账户 ============ */
.woocommerce table.shop_table{
  border-radius:var(--nana-radius); overflow:hidden; border:1px solid var(--nana-line);
}
.woocommerce table.shop_table th{ background:var(--nana-bg); color:var(--nana-ink); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th{ border-color:var(--nana-line); }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.checkout-button{
  background:var(--nana-pink); border-radius:999px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ background:var(--nana-pink-d); }
.woocommerce form .form-row label{ color:var(--nana-ink); font-weight:600; }
.woocommerce input.input-text, .woocommerce textarea.input-text, .woocommerce select{
  border:1px solid var(--nana-line); border-radius:10px; padding:.7em .8em;
}
.woocommerce input.input-text:focus, .woocommerce textarea.input-text:focus{
  border-color:var(--nana-pink); outline:none; box-shadow:0 0 0 3px rgba(255,94,156,.15);
}
.woocommerce-MyAccount-navigation ul li a{ color:var(--nana-ink); padding:.6em .2em; }
.woocommerce-MyAccount-navigation ul li.is-active a{ color:var(--nana-pink-d); font-weight:700; }

/* ============ 页脚 ============ */
.site-footer{ background:var(--nana-ink); color:#f3e9ef; }
.site-footer .site-info{ color:#f3e9ef; font-size:.9rem; }
.site-footer a{ color:#ff9ec9; }
.site-footer a:hover{ color:#fff; }
.site-footer .storefront-handheld-footer-bar{ background:var(--nana-pink); }
.site-footer .storefront-handheld-footer-bar ul li a{ color:#fff; }
.site-footer .storefront-handheld-footer-bar ul li a:hover{ color:#fff; }

/* ============ 首页自定义区块 ============ */
.nana-home{ padding-top:1.2em; }

.nana-hero{
  background:linear-gradient(135deg, #ff9ec9 0%, #ffd1a8 52%, #c9b6ff 100%);
  border-radius:22px; padding:60px 40px; text-align:center; color:#fff;
  box-shadow:0 18px 40px rgba(255,126,179,.25); margin-bottom:42px;
}
.nana-hero__eyebrow{ letter-spacing:.18em; font-size:.8em; opacity:.92; margin:0 0 10px; text-transform:uppercase; }
.nana-hero__title{ font-size:clamp(1.6rem, 3.4vw, 2.8rem); margin:0 0 14px; font-weight:800; line-height:1.3; text-shadow:0 2px 10px rgba(0,0,0,.08); }
.nana-hero__sub{ font-size:1rem; margin:0 0 26px; opacity:.95; }
.nana-btn{
  display:inline-block; background:#fff; color:#ff5e9c; font-weight:700;
  padding:14px 34px; border-radius:999px; text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,.12); transition:.2s;
}
.nana-btn:hover{ transform:translateY(-2px); color:#e23f86; }
.nana-btn--ghost{ background:transparent; color:#fff; border:2px solid #fff; }
.nana-btn--ghost:hover{ color:#fff; background:rgba(255,255,255,.12); }

.nana-section{ margin:48px 0; }
.nana-section__head{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:22px; }
.nana-section__title{ font-size:1.4rem; margin:0; color:var(--nana-ink); position:relative; padding-left:14px; }
.nana-section__title::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:1.1em; background:var(--nana-pink); border-radius:3px; }
.nana-more{ color:var(--nana-pink-d); text-decoration:none; font-weight:700; white-space:nowrap; }

.nana-cats{ display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; }
.nana-cat{
  position:relative; display:flex; align-items:flex-end; min-height:142px;
  border-radius:16px; overflow:hidden; background-color:#ffd1e0; background-size:cover; background-position:center;
  text-decoration:none; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.08); transition:.2s;
}
.nana-cat__overlay{ position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0) 60%); }
.nana-cat__name{ position:relative; padding:14px 16px; font-weight:700; font-size:1.05rem; color:#fff; text-shadow:0 1px 4px rgba(0,0,0,.5); }
.nana-cat:hover{ transform:translateY(-3px); box-shadow:0 12px 24px rgba(0,0,0,.15); }

.nana-promo{
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
  background:var(--nana-bg); border:2px dashed var(--nana-pink); border-radius:18px; padding:28px 32px; margin-top:44px;
}
.nana-promo h3{ margin:0 0 6px; color:var(--nana-pink-d); }
.nana-promo p{ margin:0; color:var(--nana-ink-soft); }

.nana-section .products{ margin-bottom:0; }
.nana-section .product{ border-radius:14px; overflow:hidden; }

@media (max-width: 768px){
  .nana-cats{ grid-template-columns:repeat(2, 1fr); }
  .nana-hero{ padding:42px 22px; }
  .main-navigation ul li a{ padding:.7em .8em; }
}