/*
Theme Name: Capital Loop Gifts
Theme URI: https://capitalloopgifts.com
Description: Astra child theme for Capital Loop Gifts — Michigan-themed e-commerce. Deep navy + Americana red + cream brand palette.
Author: Capital Loop Gifts
Version: 0.1.0
Template: astra
Text Domain: capital-loop-gifts
*/

:root {
  --clg-navy: #14285c;
  --clg-navy-light: #2b407a;
  --clg-red: #c8102e;
  --clg-red-dark: #9a0c22;
  --clg-cream: #faf7f2;
  --clg-white: #ffffff;
  --clg-ink: #1a1a1a;
  --clg-teal: #4a90a4;

  --clg-font-display: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --clg-font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}

body {
  background: var(--clg-cream);
  color: var(--clg-ink);
  font-family: var(--clg-font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--clg-font-display);
  color: var(--clg-navy);
  letter-spacing: -0.01em;
}

a {
  color: var(--clg-navy);
}
a:hover {
  color: var(--clg-red);
}

.site-header,
.ast-primary-header-bar {
  background: var(--clg-white);
  border-bottom: 3px solid var(--clg-red);
}

.site-footer {
  background: var(--clg-navy);
  color: var(--clg-cream);
}
.site-footer a {
  color: var(--clg-cream);
}
.site-footer a:hover {
  color: var(--clg-red);
}

.ast-button,
.button,
button,
input[type="submit"],
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  background: var(--clg-navy);
  color: var(--clg-white);
  border: 2px solid var(--clg-navy);
  border-radius: 2px;
  font-family: var(--clg-font-display);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 0.75em 1.5em;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.ast-button:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page a.button:hover {
  background: var(--clg-red);
  border-color: var(--clg-red);
  color: var(--clg-white);
}

.woocommerce ul.products li.product {
  background: var(--clg-white);
  border: 1px solid rgba(20, 40, 92, 0.08);
  padding: 1rem;
  border-radius: 2px;
  transition: box-shadow 0.2s ease;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 6px 20px rgba(20, 40, 92, 0.12);
}
.woocommerce ul.products li.product .price {
  color: var(--clg-red);
  font-weight: 700;
  font-family: var(--clg-font-display);
}

.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
  background: var(--clg-red);
  color: var(--clg-white);
  border-radius: 2px;
  font-family: var(--clg-font-display);
  font-weight: 700;
  letter-spacing: 0.04em;
}

.site-header .main-header-menu > li > a {
  font-family: var(--clg-font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--clg-navy);
}
.site-header .main-header-menu > li > a:hover {
  color: var(--clg-red);
}