/*
Theme Name: Kowloon Retro 90s
Description: 90年代同人/地下站风子主题（基于 Storefront）
Template: storefront
Version: 0.2.0
*/

/* 像素字体（本地） */
@font-face {
  font-family: "Press Start 2P";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/pressstart2p.woff2") format("woff2");
}

:root {
  --bg-main: #060612;
  --bg-sidebar: #0b0b20;
  --bg-card: #10102a;
  --text-main: #e0f2fe;
  --text-accent: #00ff99;
  --text-hot: #ff2a85;
  --text-gold: #fff01f;
  --border-outer: #64748b;
  --btn-bg: #c0c0c0;
  --link-color: #00ffff;
  --font-retro: "Courier New", "MS PGothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", monospace, sans-serif;
  --font-pixel: "Press Start 2P", "Courier New", monospace;
}

body {
  background-color: #060612;
  background-image:
    radial-gradient(#ffffff 1px, transparent 1px),
    radial-gradient(#00ffcc 1px, transparent 1px);
  background-size: 48px 48px;
  background-position: 0 0, 24px 24px;
  color: #e0f2fe;
  font-family: var(--font-retro);
}

a { color: #00ffff; }
a:hover { color: #00ff99; }

h1, h2, h3, h4, h5, h6, .entry-title, .woocommerce-loop-product__title {
  color: #00ff99;
  font-family: var(--font-pixel);
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 1.6;
}

.price, .woocommerce-Price-amount {
  color: #ff2a85;
  font-family: var(--font-pixel);
}

/* ===== 90年代 3D 立体边框纹理 ===== */
ul.products li.product, .hentry {
  background: var(--bg-card);
  border: 4px outset #b0b0b0;
}

ul.products li.product img, .woocommerce-loop-product__link img {
  border: 2px inset #666666;
  background: #000000;
  padding: 4px;
}

.widget {
  border: 3px inset #64748b;
  background: #0b0b20;
  padding: 12px;
}

button, .button, input[type="submit"], a.button, a.add_to_cart_button,
.wp-block-button__link, .widget_product_search button {
  background: var(--btn-bg);
  color: #000000;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
  border-radius: 0;
  font-family: var(--font-retro);
  font-weight: bold;
  text-shadow: none;
}

button:hover, .button:hover, a.button:hover, a.add_to_cart_button:hover {
  background: #d0d0d0;
  color: #000000;
}

button:active, .button:active, a.add_to_cart_button:active {
  border-top: 2px solid #404040;
  border-left: 2px solid #404040;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.site-header, .site-footer, .main-navigation ul.menu, .main-navigation ul.nav-menu,
.storefront-primary-navigation, .footer-widgets {
  background-color: #0b0b20;
}

.site-header a, .site-footer a, .main-navigation a { color: #00ffff; }

/* 主内容区透明，透出星点背景 */
.site-content, .content-area { background: transparent; }

/* 购物车/结算页按钮 */
.woocommerce-cart .button, .woocommerce-checkout .button,
#place_order {
  background: var(--btn-bg);
  color: #000;
}