/*
Theme Name: Vernell Astra Child
Theme URI: https://vernellsmith.shop/
Description: Astra child theme for Vernell Smith — US tee shop, Velita-inspired style.
Author: Vernell Smith
Template: astra
Version: 1.1.0
Text Domain: vernell-astra-child
*/

:root {
  --vernell-ink: #26222f;
  --vernell-muted: #6a5950;
  --vernell-sand: #ddd1c1;
  --vernell-bg: #fbfbfb;
  --vernell-accent: #312e39;
  --vernell-line: #ece8e3;
  --vernell-footer: #1e1b26;
}

body {
  font-family: "Montserrat", sans-serif;
  color: var(--vernell-ink);
  background: var(--vernell-bg);
}

h1, h2, h3, h4, h5, h6,
.ast-site-identity .site-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Fahkwang", sans-serif;
  letter-spacing: 0.02em;
}

/* Full-bleed bars; content stays readable on a 1920 desktop. */
.ast-container {
  max-width: 1240px;
}

.vernell-announce {
  background: var(--vernell-ink);
  color: var(--vernell-sand);
  text-align: center;
  padding: 10px 16px;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 500;
}

.vernell-announce p {
  margin: 0;
}

#masthead,
.main-header-bar,
.ast-primary-header-bar {
  background: #fff;
  border-bottom: 1px solid var(--vernell-line);
}

.ast-primary-header-bar {
  min-height: 76px;
}

.site-title a {
  font-family: "Fahkwang", sans-serif;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--vernell-ink);
  text-decoration: none;
}

.main-header-menu .menu-link {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--vernell-ink);
  padding: 8px 14px;
}

.main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link {
  color: var(--vernell-muted);
}

.button, .ast-button, button.button,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce a.button.alt {
  background: var(--vernell-accent) !important;
  border-color: var(--vernell-accent) !important;
  color: #fff !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 13px;
  font-weight: 600;
}

.woocommerce ul.products li.product {
  text-align: center;
}

.woocommerce span.onsale {
  background: var(--vernell-muted);
  border-radius: 0;
}

.woocommerce div.product p.price,
.woocommerce ul.products li.product .price {
  color: var(--vernell-ink);
}

.home .entry-header {
  display: none;
}

.vernell-hero {
  background: linear-gradient(135deg, #f7f7f7 0%, #ddd1c1 55%, #eee 100%);
  padding: 72px 24px 56px;
  text-align: center;
}

.vernell-hero h1 {
  font-size: clamp(2rem, 5vw, 3.4rem);
  margin: 0 0 12px;
}

.vernell-hero p {
  max-width: 560px;
  margin: 0 auto 28px;
  color: var(--vernell-muted);
  font-size: 1.05rem;
}

.vernell-footer {
  background: var(--vernell-footer);
  color: #f4f1ec;
  padding: 56px 0 0;
  font-size: 14px;
  line-height: 1.6;
}

.vernell-footer a {
  color: var(--vernell-sand);
  text-decoration: none;
}

.vernell-footer a:hover {
  color: #fff;
}

.vernell-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 32px;
  padding-bottom: 40px;
}

.vernell-footer h2 {
  font-size: 15px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin: 0 0 14px;
  color: #fff;
}

.vernell-footer .brand-name {
  font-family: "Fahkwang", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 8px;
}

.vernell-footer .tagline,
.vernell-footer address {
  color: #d9d3cb;
  font-style: normal;
  margin: 0 0 12px;
}

.vernell-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.vernell-footer li {
  margin: 0 0 8px;
}

.vernell-footer-base {
  border-top: 1px solid rgba(221, 209, 193, 0.25);
  padding: 16px 0 22px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: #cfc6bb;
}

.vernell-doc {
  max-width: 760px;
}

.vernell-doc h2 {
  margin-top: 1.6em;
  font-size: 1.35rem;
}

.vernell-doc h3 {
  font-size: 1.05rem;
  margin-top: 1.2em;
}

.vernell-doc p,
.vernell-doc li {
  color: #3a3542;
}

.vernell-kicker {
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--vernell-muted);
  margin-bottom: 8px;
}

.vernell-card {
  border: 1px solid var(--vernell-line);
  background: #fff;
  padding: 20px 22px;
  margin: 0 0 16px;
}

.vernell-checkout-policies {
  font-size: 13px;
  color: var(--vernell-muted);
  margin: 0 0 12px;
}

.page .entry-title {
  font-size: clamp(2rem, 4vw, 2.8rem);
}

@media (max-width: 900px) {
  .vernell-footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .vernell-announce {
    letter-spacing: 0.06em;
    font-size: 11px;
  }

  .vernell-footer-grid,
  .vernell-footer-base {
    grid-template-columns: 1fr;
    display: grid;
  }
}