/*
Theme Name: NIULAI Retro — Main Site Style
Theme URI: https://niulai.io
Author: NIULAI Director
Author URI: https://niulai.io
Description: Child theme of NIULAI Retro. Clean modern crypto-store style — removes ALL retro chrome (marquee, Win98 windows, rainbow text, polka dots) and applies the niulai.io main-site look (dark #0a0a0f, gold #ffc83d, green #39ff8a, glass nav, gradient gold buttons, system fonts). Nav logo replaced with the main-site bull logo. Deactivate to revert instantly.
Template: niulai-wp-retro
Version: 1.3.2
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: niulai-retro-niulai
*/

/* ===== clean modern crypto style overrides (built from live niulai.la selectors) ===== */
/*
 * NIULAI store — clean modern crypto style (overrides niulai-wp-retro theme)
 * Dark #0a0a0f / gold #ffc83d / green #39ff8a / glass nav / gradient gold buttons / system fonts.
 *
 * The previous 90s retro chrome is REMOVED here:
 *   - .marquee  (scrolling ticker)        -> hidden
 *   - .win      (Win98 window + title bar)-> plain clean section, .bar/.x hidden
 *   - .rainbow  (clown rainbow text)      -> restrained gold->green brand gradient
 *   - .strip/.wave/.blink                 -> hidden
 *   - polka-dot body background           -> dark + faint tech grid
 *
 * Every rule uses !important so it wins over the retro theme.
 * Reversible: switch theme off / delete this CSS to revert instantly.
 * Built from the live theme's real selectors (style.css + woo-overrides.css on niulai.la).
 */

/* ===== force system fonts everywhere (kill Bangers/Comic Sans dependency) ===== */
body,
.site-nav, .site-nav .logo, .site-nav .links, .site-nav .links a,
.rainbow, .marquee, .strip, .wave,
.hero h1, h2.sec, .lead, .hero .sub, .hero .tag,
.woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering select,
li.product, li.product .woocommerce-loop-product__title, li.product .price, li.product .button,
.single-product .product_title, .single-product .price, .single-product .variations select,
.single-product .quantity input, .single-product .single_add_to_cart_button,
.woocommerce table.shop_table, .cart_totals h2,
.woocommerce-pagination li a, .woocommerce-pagination li span,
.woocommerce-message, .woocommerce-info, .woocommerce-error,
.site-footer, .site-footer .made,
.button, .button.checkout, .button.update, input, select, textarea, button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "PingFang SC", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif !important;
}

/* ===== body: clean dark + faint tech grid, NO polka dots ===== */
html, body,
body.home, body.blog, body.page, body.single, body.archive,
body.woocommerce-account, body.woocommerce-cart, body.woocommerce-checkout,
body.woocommerce-page, body.woocommerce-js, body.woocommerce-no-js {
  background-color: #0a0a0f !important;
  background-image:
    radial-gradient(1200px 520px at 50% -12%, rgba(255,200,61,.07), transparent 62%),
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) !important;
  background-size: auto, 48px 48px, 48px 48px !important;
  background-attachment: fixed, fixed, fixed !important;
  color: #e8e8ee !important;
  line-height: 1.65 !important;
}

/* ===== generic links ===== */
a { color: #ffc83d !important; text-decoration: none !important; }
a:hover { color: #ff9d2e !important; }
a:visited { color: #ffc83d !important; }

/* ===== nav: glass dark + gold border (modern) ===== */
.site-nav {
  background: rgba(15,15,22,.82) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255,200,61,.25) !important;
  padding: 12px 24px !important;
  position: sticky !important; top: 0 !important; z-index: 100 !important;
}
.site-nav .logo {
  font-size: 22px !important; font-weight: 800 !important;
  color: #ffc83d !important;
  text-shadow: 0 0 18px rgba(255,200,61,.35) !important;
  gap: 10px !important;
}
/* logo: replace with the MAIN-SITE bull logo (https://niulai.io/assets/logo-niulai.jpg) */
.site-nav .logo img {
  width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important;
  border: 0 !important; opacity: 0 !important; position: absolute !important;
}
.site-nav .logo::before {
  content: "" !important;
  display: inline-block !important; flex: 0 0 auto !important;
  width: 34px !important; height: 34px !important;
  background: url(https://niulai.io/assets/logo-niulai.jpg) center / cover no-repeat !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,200,61,.5) !important;
  box-shadow: 0 0 12px rgba(255,200,61,.3) !important;
}
.site-nav .links { gap: 6px !important; }
.site-nav .links a {
  color: #e8e8ee !important;
  border: 1px solid rgba(255,200,61,.25) !important;
  background: rgba(255,200,61,.06) !important;
  border-radius: 10px !important;
  padding: 8px 14px !important; font-weight: 600 !important;
  transition: .2s !important;
}
.site-nav .links a:hover { background: rgba(255,200,61,.16) !important; color: #fff !important; }
.site-nav .cart-link {
  background: linear-gradient(135deg, #ffc83d, #ff9d2e) !important;
  color: #1a1300 !important; border: none !important;
  border-radius: 10px !important; padding: 8px 14px !important; font-weight: 800 !important;
}
.site-nav .cart-link .count {
  background: #1a1300 !important; color: #ffc83d !important;
  border-radius: 999px !important;
}

/* ============================================================
   RETRO CHROME — REMOVED
   ============================================================ */

/* marquee scrolling ticker (跑马灯) — gone */
.marquee { display: none !important; }
/* secondary retro bars / decorative waves / blinking — gone */
.strip { display: none !important; }
.wave { display: none !important; }
.blink { display: none !important; }

/* rainbow clown title -> restrained gold->green brand gradient */
.rainbow {
  background: linear-gradient(90deg, #ffc83d, #39ff8a) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
  letter-spacing: .5px !important;
}

/* Win98 window -> plain clean section; kill title bar + close button */
.win, body .win, #MainContent .win, main .win {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  overflow: visible !important;
}
.win > .bar, body .win > .bar { display: none !important; }
.win > .bar .x { display: none !important; }
.win > .body, body .win > .body, #MainContent .win > .body {
  background: transparent !important; border: none !important;
  padding: 40px 0 !important; color: #e8e8ee !important;
}

section { max-width: 1100px !important; margin: 48px auto !important; padding: 0 20px !important; }

/* ===== hero ===== */
.hero h1 {
  font-size: clamp(40px, 9vw, 84px) !important; color: #fff !important;
  text-shadow: 0 0 30px rgba(255,200,61,.3) !important; font-weight: 800 !important; letter-spacing: -1px !important;
}
.hero .sub { color: #39ff8a !important; font-weight: 700 !important; }
.hero .tag {
  display: inline-block !important;
  background: rgba(255,200,61,.07) !important;
  border: 1px solid rgba(255,200,61,.3) !important;
  color: #e8e8ee !important; border-radius: 12px !important; padding: 6px 14px !important;
}
.hero img.logo {
  border: 1px solid rgba(255,200,61,.3) !important; border-radius: 16px !important;
  box-shadow: 0 0 40px rgba(255,200,61,.22) !important;
}
h2.sec { color: #fff !important; font-weight: 800 !important; letter-spacing: -.5px !important; }
.lead { color: #b9bfce !important; }

/* ===== WooCommerce breadcrumb / ordering ===== */
.woocommerce-breadcrumb {
  background: rgba(255,200,61,.06) !important; color: #9aa0b0 !important;
  border: 1px solid rgba(255,200,61,.2) !important; border-radius: 10px !important;
}
.woocommerce-breadcrumb a { color: #ffc83d !important; }
.woocommerce-result-count { color: #9aa0b0 !important; }
.woocommerce-ordering select {
  background: #16161f !important; color: #e8e8ee !important;
  border: 1px solid rgba(255,200,61,.25) !important; border-radius: 8px !important;
}

/* ===== product grid ===== */
ul.products { gap: 22px !important; }
li.product {
  background: #12121a !important;
  border: 1px solid rgba(255,200,61,.18) !important;
  border-radius: 16px !important; padding: 16px !important;
  transition: .2s !important;
}
li.product:hover {
  border-color: rgba(255,200,61,.5) !important; transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.5) !important;
}
li.product .woocommerce-loop-product__title { color: #fff !important; font-weight: 700 !important; }
li.product a img { border: 1px solid rgba(255,200,61,.2) !important; border-radius: 12px !important; }
li.product .price { color: #39ff8a !important; font-weight: 800 !important; font-variant-numeric: tabular-nums !important; }
li.product .price del { color: #6b7180 !important; }
li.product .onsale {
  background: linear-gradient(135deg, #ffc83d, #ff9d2e) !important; color: #1a1300 !important;
  border: none !important; font-weight: 800 !important; border-radius: 8px !important;
  transform: rotate(0) !important; padding: 4px 10px !important;
}
li.product .button,
.button {
  background: linear-gradient(135deg, #ffc83d, #ff9d2e) !important;
  color: #1a1300 !important; border: none !important; border-radius: 10px !important;
  font-weight: 800 !important; padding: 10px 14px !important;
}
li.product .button:hover { filter: brightness(1.08) !important; }

/* ===== single product ===== */
.single-product .woocommerce-product-gallery__image img { border: 1px solid rgba(255,200,61,.25) !important; border-radius: 16px !important; }
.single-product .product_title { color: #fff !important; font-weight: 800 !important; }
.single-product .price { color: #39ff8a !important; font-weight: 800 !important; font-variant-numeric: tabular-nums !important; }
.single-product .variations select,
.single-product .quantity input {
  background: #16161f !important; color: #e8e8ee !important;
  border: 1px solid rgba(255,200,61,.25) !important; border-radius: 8px !important;
}
.single-product .single_add_to_cart_button {
  background: linear-gradient(135deg, #ffc83d, #ff9d2e) !important;
  color: #1a1300 !important; border: none !important; border-radius: 12px !important;
  font-weight: 800 !important; padding: 14px 28px !important;
}
.single-product .product_meta { color: #9aa0b0 !important; border-top: 1px solid rgba(255,255,255,.08) !important; }
.single-product .product_meta a { color: #ffc83d !important; }

/* ===== cart table ===== */
.woocommerce table.shop_table {
  border: 1px solid rgba(255,200,61,.2) !important; border-radius: 12px !important; overflow: hidden !important;
}
.woocommerce table.shop_table th { background: #16161f !important; color: #ffc83d !important; border-bottom: 1px solid rgba(255,200,61,.15) !important; }
.woocommerce table.shop_table td { background: #0e0e15 !important; border: 1px solid rgba(255,255,255,.05) !important; color: #e8e8ee !important; }
.woocommerce table.shop_table img { border: 1px solid rgba(255,200,61,.25) !important; border-radius: 8px !important; }
.woocommerce-cart-form input[type=number] {
  background: #16161f !important; color: #e8e8ee !important;
  border: 1px solid rgba(255,200,61,.25) !important; border-radius: 8px !important;
}
.cart_totals h2 { color: #fff !important; }
.cart_totals .amount { color: #39ff8a !important; }
.button.checkout {
  background: linear-gradient(135deg, #39ff8a, #1fd973) !important; color: #04210f !important;
  border: none !important; border-radius: 12px !important; font-weight: 800 !important;
}
.button.update {
  background: rgba(255,200,61,.15) !important; color: #ffc83d !important;
  border: 1px solid rgba(255,200,61,.4) !important; border-radius: 10px !important; font-weight: 700 !important;
}

/* ===== messages ===== */
.woocommerce-message, .woocommerce-info {
  background: rgba(57,255,138,.08) !important; border: 1px solid rgba(57,255,138,.4) !important;
  color: #39ff8a !important; border-radius: 12px !important; font-weight: 600 !important;
}
.woocommerce-error {
  background: rgba(255,90,90,.1) !important; border: 1px solid rgba(255,90,90,.5) !important;
  color: #ff8a8a !important; border-radius: 12px !important;
}

/* ===== pagination ===== */
.woocommerce-pagination ul { gap: 6px !important; }
.woocommerce-pagination li a, .woocommerce-pagination li span {
  background: rgba(255,200,61,.06) !important; color: #e8e8ee !important;
  border: 1px solid rgba(255,200,61,.25) !important; border-radius: 8px !important;
  font-weight: 700 !important; text-decoration: none !important;
}
.woocommerce-pagination li .current {
  background: linear-gradient(135deg, #ffc83d, #ff9d2e) !important; color: #1a1300 !important; border: none !important;
}

/* ===== footer (clean) ===== */
.site-footer {
  background: #0a0a0f !important; color: #9aa0b0 !important;
  border-top: 1px solid rgba(255,200,61,.25) !important; padding: 32px 16px !important;
}
.site-footer a { color: #ffc83d !important; }
.site-footer .fy { color: #39ff8a !important; }
/* kill retro footer taglines */
.site-footer .made, .tag small { display: none !important; }

/* ============================================================
   GLOBAL COVERAGE — every WooCommerce / WordPress page
   (product, cart, checkout, my-account, search, 404, plain pages)
   so the clean theme applies site-wide, not just the home/shop.
   ============================================================ */
.entry-header, .entry-content, .entry-title,
.page, .hentry, .page-content, .post, .archive,
.woocommerce, .woocommerce-page,
main, #MainContent, #primary, #content, .store, .shop {
  color: #e8e8ee !important;
}
h1, h2, h3, h4, h5, h6 { color: #fff !important; }
p { color: #c4cad8 !important; }
.woocommerce label, label { color: #e8e8ee !important; }

/* single product: short description + description/review tabs */
.single-product .woocommerce-product-details__short-description { color: #c4cad8 !important; }
.woocommerce-tabs .tabs { list-style: none !important; display: flex !important; gap: 8px !important; padding: 0 !important; margin: 0 0 16px !important; flex-wrap: wrap; }
.woocommerce-tabs .tabs li { background: rgba(255,200,61,.06) !important; border: 1px solid rgba(255,200,61,.25) !important; border-radius: 10px !important; padding: 8px 14px !important; }
.woocommerce-tabs .tabs li.active { background: linear-gradient(135deg,#ffc83d,#ff9d2e) !important; border: none !important; }
.woocommerce-tabs .tabs li a { color: #e8e8ee !important; font-weight: 700 !important; text-decoration: none !important; }
.woocommerce-tabs .tabs li.active a { color: #1a1300 !important; }
.woocommerce-tabs .woocommerce-Tabs-panel { background: #12121a !important; border: 1px solid rgba(255,200,61,.18) !important; border-radius: 16px !important; padding: 20px !important; }

/* related / upsell / cross-sell headings */
.related.products > h2, .upsells.products > h2, .cross-sells > h2 { color: #fff !important; font-weight: 800 !important; margin: 28px 0 12px !important; letter-spacing: -.5px !important; }

/* My Account */
.woocommerce-MyAccount-navigation ul { list-style: none !important; padding: 0 !important; }
.woocommerce-MyAccount-navigation li { margin: 6px 0 !important; }
.woocommerce-MyAccount-navigation li a { display: block !important; background: rgba(255,200,61,.06) !important; border: 1px solid rgba(255,200,61,.25) !important; border-radius: 10px !important; padding: 10px 14px !important; color: #e8e8ee !important; text-decoration: none !important; font-weight: 600 !important; }
.woocommerce-MyAccount-navigation li.is-active a { background: linear-gradient(135deg,#ffc83d,#ff9d2e) !important; color: #1a1300 !important; border: none !important; }
.woocommerce-MyAccount-content { background: #12121a !important; border: 1px solid rgba(255,200,61,.18) !important; border-radius: 16px !important; padding: 20px !important; }

/* checkout layout + fields */
.woocommerce-checkout .col2-set { display: grid !important; gap: 22px !important; }
.woocommerce-checkout .form-row { margin: 10px 0 !important; }
.woocommerce-checkout label { display: block !important; margin-bottom: 6px !important; }
.woocommerce-checkout input, .woocommerce-checkout textarea, .woocommerce-checkout select { width: 100% !important; }
.wc-block-components-notice-list, .woocommerce-NoticeGroup { color: #e8e8ee !important; }

/* select2 dropdowns (country / state in checkout) */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple { background: #16161f !important; color: #e8e8ee !important; border: 1px solid rgba(255,200,61,.25) !important; border-radius: 8px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #e8e8ee !important; }
.select2-dropdown { background: #16161f !important; border: 1px solid rgba(255,200,61,.25) !important; }
.select2-search__field { color: #e8e8ee !important; }

/* star ratings */
.woocommerce .star-rating, .woocommerce .star-rating::before, .star-rating span::before { color: #ffc83d !important; }

/* widgets / sidebar / footer widgets */
.widget { background: transparent !important; color: #c4cad8 !important; }
.widget-title, .widgettitle { color: #fff !important; }
.widget a { color: #ffc83d !important; }

/* search forms */
.woocommerce-product-search input[type=search], .search-form input[type=search] { background: #16161f !important; color: #e8e8ee !important; border: 1px solid rgba(255,200,61,.25) !important; border-radius: 8px !important; padding: 8px 12px !important; }
.woocommerce-product-search button, .search-form button { background: linear-gradient(135deg,#ffc83d,#ff9d2e) !important; color: #1a1300 !important; border: none !important; border-radius: 8px !important; padding: 8px 14px !important; font-weight: 800 !important; }

/* neutralize any leftover white card backgrounds from the retro parent */
.hentry, .post, .page, .entry, .card, .panel { background: transparent !important; }

/* ===== form controls ===== */
input, select, textarea {
  background: #16161f !important; color: #e8e8ee !important;
  border: 1px solid rgba(255,200,61,.25) !important; border-radius: 8px !important;
}

/* ===== PATCH 1.3.1: white-bg leaks on account/cart/coming-soon ===== */
#MainContent, #primary, #content, .site-main, main, section {
  background: transparent !important;
}
.woocommerce-form.login, .woocommerce-form.register,
.woocommerce-coming-soon-store-only, .woocommerce-coming-soon-entire-site,
.wp-block-group.is-vertical, .woocommerce-customer-login,
.woocommerce-account .woocommerce {
  background: #12121a !important;
  border: 1px solid rgba(255,200,61,.18) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  color: #e8e8ee !important;
}
.woocommerce-form.login label,
.woocommerce-form.register label,
.woocommerce-form-row label { color: #e8e8ee !important; }
.woocommerce-form-login__rememberme { color: #b9bfce !important; }
.woocommerce-coming-soon-store-only h1,
.woocommerce-coming-soon-store-only h2,
.woocommerce-coming-soon-store-only p { color: #fff !important; }
.woocommerce-coming-soon-store-only p { color: #c4cad8 !important; }