/*
Theme Name: VIPCOM Storefront
Template: storefront
Version: 0.1.0
Description: Tema filho enxuto para a loja Merchant da VIPCOM Sistemas.
*/
:root {
  --vip-navy: #17324d;
  --vip-blue: #245b8a;
  --vip-green: #1c8b5c;
  --vip-ink: #16202a;
  --vip-muted: #5c6772;
  --vip-line: #e4e9ee;
  --vip-soft: #f6f8fa;
}
body {
  color: var(--vip-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #fff;
}
.site-header {
  background: #fff;
  border-bottom: 1px solid var(--vip-line);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.site-branding .site-title a,
.site-branding .site-description {
  color: var(--vip-navy);
}
.main-navigation ul li a {
  color: var(--vip-ink);
  font-weight: 600;
}
.main-navigation ul li a:hover {
  color: var(--vip-blue);
}
.woocommerce-products-header,
.storefront-breadcrumb {
  margin-bottom: 1.5rem;
}
ul.products li.product {
  border: 1px solid var(--vip-line);
  border-radius: 14px;
  padding: 18px;
  background: #fff;
}
ul.products li.product img {
  border-radius: 10px;
}
.woocommerce-loop-product__title,
.product_title {
  color: var(--vip-navy);
}
.price {
  color: var(--vip-ink) !important;
  font-weight: 750;
}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.added_to_cart {
  border-radius: 8px !important;
  background: var(--vip-green) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 700 !important;
}
.button:hover,
button:hover,
input[type="submit"]:hover {
  filter: brightness(.93);
}
.single-product div.product .summary {
  background: var(--vip-soft);
  border: 1px solid var(--vip-line);
  border-radius: 16px;
  padding: 24px;
}
.site-footer {
  background: var(--vip-navy);
  color: #eaf1f6;
}
.site-footer a {
  color: #fff;
}
@media (max-width: 768px) {
  .single-product div.product .summary { padding: 18px; }
  ul.products li.product { padding: 14px; }
}