/*
  Sengary Style Pack (v1.0.0)
  Goal: Dark charcoal base + Orange highlights + Mint CTA buttons (Poppins).
*/

:root{
  /* Surfaces */
  --sg-bg: #0B0F14;
  --sg-bg2:#0F141B;
  --sg-card: rgba(255,255,255,0.03);

  /* Text */
  --sg-primary:#FFFFFF;
  --sg-secondary:#E6EAF0;
  --sg-text:#B8C0CC;
  --sg-head: rgba(255,255,255,.94);

  /* Borders / radius */
  --sg-border: rgba(255,255,255,0.08);
  --sg-radius: 14px;

  /* Brand */
  --sg-accent: #FF6A00;      /* highlights */
  --sg-accentHover:#FF7A1A;

  /* CTA */
  --sg-cta:#00FFD1;         /* buttons */
  --sg-ctaHover:#20FFE0;

  /* Font */
  --sg-font: "Poppins","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* ============
   Global base
   ============ */
html, body{
  background: var(--sg-bg) !important;
  color: var(--sg-text) !important;
  font-family: var(--sg-font) !important;
}

h1,h2,h3,h4,h5,h6{
  color: var(--sg-primary) !important;
  font-family: var(--sg-font) !important;
}

a{ color: var(--sg-secondary); }
a:hover{ color: var(--sg-accent) !important; }

/* Rounded images (Elementor + Woo) */
.woocommerce img,
.woocommerce-page img,
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img,
.elementor img{
  border-radius: var(--sg-radius) !important;
}

/* ============
   WooCommerce base
   ============ */
body.woocommerce-page,
body.woocommerce-page *{
  font-family: var(--sg-font) !important;
}

body.woocommerce-page,
body.woocommerce-page #content,
body.woocommerce-page #primary,
body.woocommerce-page .site,
body.woocommerce-page .site-content{
  background: var(--sg-bg) !important;
}

body.woocommerce-page .woocommerce,
body.woocommerce-page .woocommerce *{
  color: var(--sg-text) !important;
}

/* Inputs */
body.woocommerce-page input[type="text"],
body.woocommerce-page input[type="search"],
body.woocommerce-page input[type="email"],
body.woocommerce-page input[type="tel"],
body.woocommerce-page input[type="number"],
body.woocommerce-page input[type="password"],
body.woocommerce-page textarea,
body.woocommerce-page select{
  background: rgba(255,255,255,0.06) !important;
  color: var(--sg-secondary) !important;
  border: 1px solid var(--sg-border) !important;
  border-radius: var(--sg-radius) !important;
  padding: 12px 14px !important;
}
body.woocommerce-page ::placeholder{
  color: rgba(255,255,255,0.55) !important;
}

/* Prices (default) */
body.woocommerce-page .price,
body.woocommerce-page .woocommerce-Price-amount{
  color: var(--sg-head) !important;
}

/* ============
   Buttons
   ============ */
body.woocommerce-page a.button,
body.woocommerce-page button.button,
body.woocommerce-page input.button,
body.woocommerce-page input[type="submit"],
body.woocommerce-page #respond input#submit,
body.woocommerce-page .woocommerce a.button,
body.woocommerce-page .woocommerce button.button,
body.woocommerce-page .woocommerce input.button,
body.woocommerce-page .woocommerce input[type="submit"],
body.woocommerce-page .woocommerce #respond input#submit,
body.woocommerce-page a.add_to_cart_button,
body.woocommerce-page a.product_type_variable,
body.woocommerce-page a.product_type_simple,
body.woocommerce-page a.product_type_grouped,
body.woocommerce-page .button.alt{
  background: var(--sg-cta) !important;
  border-color: var(--sg-cta) !important;
  color: var(--sg-bg) !important;
  border-radius: var(--sg-radius) !important;
  font-family: var(--sg-font) !important;
  font-weight: 600 !important;
  padding: 14px 22px !important;
  min-height: 48px;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

body.woocommerce-page a.button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce-page input.button:hover,
body.woocommerce-page input[type="submit"]:hover,
body.woocommerce-page a.add_to_cart_button:hover,
body.woocommerce-page a.product_type_variable:hover,
body.woocommerce-page .button.alt:hover{
  background: var(--sg-ctaHover) !important;
  border-color: var(--sg-ctaHover) !important;
  color: var(--sg-bg) !important;
}

body.woocommerce-page a.button:disabled,
body.woocommerce-page button.button:disabled,
body.woocommerce-page input.button:disabled,
body.woocommerce-page a.button.disabled{
  opacity: .55 !important;
  cursor: not-allowed !important;
}

/* Product cards */
body.woocommerce-page ul.products li.product{
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: var(--sg-radius) !important;
  padding: 12px !important;
  background: transparent !important;
}

/* ============
   Single product page
   ============ */
body.single-product .product_title{
  font-size: 34px !important;
  line-height: 1.15 !important;
  margin-bottom: 10px !important;
}
@media (max-width: 768px){
  body.single-product .product_title{ font-size: 26px !important; }
}

body.single-product .summary .price,
body.single-product .summary .woocommerce-Price-amount{
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--sg-accent) !important;
}

body.single-product .stock.in-stock{
  color: var(--sg-accent) !important;
  font-weight: 600 !important;
}

/* Quantity: remove ugly arrows + nicer box */
body.single-product .quantity .qty{
  width: 74px !important;
  height: 44px !important;
  border-radius: 12px !important;
  text-align: center !important;
  font-weight: 600 !important;
}

body.single-product input[type=number]::-webkit-outer-spin-button,
body.single-product input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0 !important;
}
body.single-product input[type=number]{
  -moz-appearance: textfield !important;
}

/* ============
   Shop / category archive
   ============ */
body.post-type-archive-product .woocommerce-products-header__title,
body.tax-product_cat .woocommerce-products-header__title{
  color: var(--sg-accent) !important;
}

.woocommerce span.onsale{
  background: var(--sg-accent) !important;
  color: var(--sg-bg) !important;
  border: 0 !important;
  font-weight: 700 !important;
  min-width: 52px !important;
  min-height: 52px !important;
  line-height: 52px !important;
  border-radius: 999px !important;
}

/* Hover orange on shop buttons (keeps base mint) */
body.woocommerce-page ul.products li.product a.button:hover,
body.woocommerce-page ul.products li.product a.add_to_cart_button:hover,
body.woocommerce-page ul.products li.product a.product_type_variable:hover{
  background: var(--sg-accent) !important;
  border-color: var(--sg-accent) !important;
  color: var(--sg-bg) !important;
}

/* Price inside product card (orange) */
body.woocommerce-page ul.products li.product .price,
body.woocommerce-page ul.products li.product .woocommerce-Price-amount{
  color: var(--sg-accent) !important;
  font-weight: 700 !important;
}

/* ============
   Pagination (numbers only, clean)
   ============ */
.woocommerce nav.woocommerce-pagination ul.page-numbers{
  border: 0 !important;
  background: transparent !important;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li{
  border: 0 !important;
  margin: 0 4px !important;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a,
.woocommerce nav.woocommerce-pagination ul.page-numbers li span{
  border: 0 !important;
  background: transparent !important;
  color: rgba(255,255,255,0.80) !important;
  font-weight: 700 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  min-width: 38px !important;
  text-align: center !important;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li span.current{
  color: var(--sg-bg) !important;
  background: var(--sg-cta) !important;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover{
  color: var(--sg-bg) !important;
  background: var(--sg-accent) !important;
}

/* ============
   Home (page-id-4388) helpers
   Restore the "Home2" cleanup without touching other pages.
   ============ */
body.page-id-4388 .entry-header{ display:none !important; }
body.page-id-4388 .site-main,
body.page-id-4388 .site-content,
body.page-id-4388 .content-area,
body.page-id-4388 .entry-content{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* If Cartridge/Coils pills exist under the shortcode, hide them */
body.page-id-4388 .svc-footer-right{ display:none !important; }

/* Optional: make brand strip taller (if your shortcode strip exists) */
body.page-id-4388 .svc-brand-logo img{ height: 28px !important; }