/*
Theme Name: setupcomit
Theme URI: https://setupcomit.com
Description: ธีมร้านอุปกรณ์คอมพิวเตอร์ setupcomit — โทน dark/neon (Storefront child)
Author: setupcomit
Template: storefront
Version: 1.0.0
*/

/* ================= Palette ================= */
:root{
  --bg:#0b0e14;
  --bg-2:#111725;
  --card:#151c2c;
  --line:#26304a;
  --text:#e6ecf5;
  --muted:#93a1bd;
  --brand:#00e0b8;
  --brand-2:#7b5cff;
  --accent:#ff3d71;
}

/* ================= Base ================= */
body,
body.woocommerce,
.site-content,
#content{
  background:var(--bg) !important;
  color:var(--text) !important;
}
body,p,li,td,th,label,span{color:var(--text);}
h1,h2,h3,h4,h5,h6{color:#ffffff !important;}
a{color:var(--brand);}
a:hover{color:#00c9a4;}
small,.woocommerce-breadcrumb,.count,.posted_in{color:var(--muted) !important;}

/* ================= Header ================= */
.site-header{
  background:var(--bg) !important;
  border-bottom:1px solid var(--line);
  padding-top:1.2em;padding-bottom:1.2em;
}
.site-branding .site-title a,
.site-title a,
.site-header .site-title a{color:#fff !important;font-weight:800;}
.site-header .site-description{color:var(--muted) !important;}

/* Navigation */
.main-navigation,
.storefront-primary-navigation,
.secondary-navigation{background:var(--bg-2) !important;}
.main-navigation ul li a,
.secondary-navigation ul li a{color:var(--text) !important;}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a{color:var(--brand) !important;}
.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children{background:var(--card) !important;border:1px solid var(--line);}

/* Cart in header */
.site-header-cart .cart-contents,
.site-header .widget_shopping_cart .buttons a{color:var(--text);}

/* ================= Buttons ================= */
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.added_to_cart,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button{
  background:var(--brand) !important;
  color:#04231d !important;
  border:0 !important;
  border-radius:9px !important;
  font-weight:700 !important;
  text-shadow:none !important;
}
button:hover,.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.added_to_cart:hover{
  background:#00c9a4 !important;color:#04231d !important;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt{
  background:linear-gradient(135deg,var(--brand),var(--brand-2)) !important;color:#fff !important;
}

/* ================= Products ================= */
ul.products li.product,
.wc-block-grid__product{
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  padding:14px !important;
  transition:.2s;
}
ul.products li.product:hover{
  transform:translateY(-4px);
  border-color:var(--brand) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.45);
}
ul.products li.product img,
.wc-block-grid__product-image img{border-radius:10px;background:#0f1526;}
ul.products li.product .price,
.price{color:var(--brand) !important;font-weight:800;}
ul.products li.product .price del{color:var(--muted) !important;font-weight:500;}
.woocommerce span.onsale{
  background:var(--accent) !important;color:#fff !important;border-radius:999px;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3{color:#fff !important;font-size:15px !important;}
.star-rating span{color:#ffb020 !important;}

/* Single product */
.single-product div.product .entry-summary .price{color:var(--brand) !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--card);border-color:var(--line);}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--text);}

/* ================= Forms / tables ================= */
input[type="text"],input[type="email"],input[type="password"],
input[type="search"],input[type="number"],input[type="tel"],
textarea,select,.select2-container .select2-selection{
  background:var(--card) !important;color:var(--text) !important;border:1px solid var(--line) !important;border-radius:8px;
}
.woocommerce table.shop_table,
.woocommerce table.cart,
.cart_totals table{background:var(--card) !important;border-color:var(--line) !important;color:var(--text) !important;}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{border-color:var(--line) !important;}
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  background:var(--bg-2) !important;color:var(--text) !important;border-top:3px solid var(--brand) !important;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--brand) !important;}

/* ================= Footer ================= */
.site-footer,
.storefront-handheld-footer-bar{
  background:var(--bg-2) !important;color:var(--muted) !important;border-top:1px solid var(--line);
}
.site-footer a{color:var(--muted) !important;}
.site-footer a:hover{color:var(--brand) !important;}
.site-info{background:var(--bg) !important;color:var(--muted) !important;}

/* Widgets */
.widget{color:var(--text);}
.widget-area .widget h2.widget-title{color:#fff !important;}

/* Onsale/hero accents */
.storefront-product-section h2.section-title{color:#fff !important;}