/*
Theme Name: WaterInfused
Theme URI: https://waterinfused.com/
Author: WaterInfused LLC
Author URI: https://waterinfused.com/
Description: Custom responsive WaterInfused storefront theme with WooCommerce support, office hydration marketing, and the approved Lemon + Cucumber product imagery.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: waterinfused
*/

:root {
  --wi-navy: #062f5b;
  --wi-navy-dark: #032642;
  --wi-lime: #7ebd2e;
  --wi-white: #fff;
  --wi-ink: #10283f;
  --wi-line: #dce4ea;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--wi-white);
  color: var(--wi-ink);
  font-family: Arial, Helvetica, sans-serif;
}
a { color: inherit; }
img { max-width: 100%; height: auto; }

.site-content {
  width: min(1120px, calc(100% - 40px));
  min-height: 55vh;
  margin: 56px auto 80px;
}
.site-content article {
  margin-bottom: 42px;
}
.site-content h1,
.site-content h2,
.site-content h3 {
  color: var(--wi-navy);
  font-family: "Oswald", Arial, sans-serif;
  line-height: 1.08;
}
.site-content h1 { font-size: clamp(2.2rem, 6vw, 4.4rem); }
.site-content a { color: var(--wi-navy); text-decoration-thickness: 2px; }
.entry-content { line-height: 1.7; }

.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
  border-radius: 3px;
  background: var(--wi-navy);
  color: var(--wi-white);
  font-weight: 800;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
  background: var(--wi-lime);
  color: var(--wi-navy-dark);
}
.woocommerce span.onsale {
  background: var(--wi-lime);
  color: var(--wi-navy-dark);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #63a11d;
}

@media (max-width: 760px) {
  .site-content {
    width: min(100% - 28px, 1120px);
    margin-top: 34px;
  }
}