/*
Theme Name: UST Blocksy
Description: UST storefront child theme for Blocksy.
Author: UST
Template: blocksy
Version: 0.1.0
Text Domain: ust
*/

:root {
  --ust-ink: #111315;
  --ust-charcoal: #23272b;
  --ust-steel: #687078;
  --ust-paper: #f4f2ed;
  --ust-white: #ffffff;
  --ust-accent: #00bcec;
}

body {
  background: var(--ust-paper);
  color: var(--ust-ink);
}

a { text-underline-offset: 0.18em; }

.home .hero-section { display: none; }

.site-branding .site-title-container { display: none; }
.site-branding .site-logo-container { display: block; line-height: 0; }
.site-branding .site-logo-container img { height: 72px; width: 72px; object-fit: contain; }
[data-header*="type-1"] .ct-header [data-row*="middle"] { --height: 96px; }

.site-footer { display: none; }

.ust-site-footer {
  background: var(--ust-ink);
  color: #d9dde0;
  margin-top: 5rem;
  padding: 4rem 1.5rem 1.5rem;
}

.ust-footer-inner {
  display: grid;
  gap: 3rem;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  margin: 0 auto;
  max-width: 1180px;
}

.ust-footer-brand { color: var(--ust-white); font-size: 1.5rem; font-weight: 800; }
.ust-footer-copy { color: #9da4aa; max-width: 32rem; }
.ust-footer-title { color: var(--ust-white); font-size: .78rem; letter-spacing: .13em; text-transform: uppercase; }
.ust-site-footer ul { list-style: none; margin: 0; padding: 0; }
.ust-site-footer li { margin: .55rem 0; }
.ust-site-footer a { color: #d9dde0; text-decoration: none; }
.ust-site-footer a:hover { color: var(--ust-accent); }
.ust-footer-bottom { border-top: 1px solid #353a3e; margin: 3rem auto 0; max-width: 1180px; padding-top: 1.25rem; color: #8f979d; font-size: .85rem; }

.ust-kicker {
  color: var(--ust-accent);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.ust-hero {
  background:
    linear-gradient(120deg, transparent 0 58%, rgba(0,188,236,.12) 58% 59%, transparent 59%),
    radial-gradient(circle at 85% 20%, rgba(0,188,236,.18), transparent 32%),
    var(--ust-ink);
  color: #fff;
  padding: clamp(3.5rem, 7vw, 6rem) 1.5rem;
}

.ust-hero-inner { margin: 0 auto; max-width: 1180px; }
.ust-hero h1 { color: #fff; font-size: clamp(2.6rem, 6vw, 5rem); line-height: .98; max-width: 820px; }
.ust-hero p:not(.ust-kicker) { color: #cbd2d7; font-size: 1.2rem; max-width: 650px; }
.ust-button { background: var(--ust-accent); color: #001827; display: inline-block; font-weight: 800; padding: .9rem 1.25rem; text-decoration: none; }

.ust-benefits { display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); background: #d6dbe0; }
.ust-benefit { background: #fff; min-height: 250px; padding: 2rem; }
.ust-benefit-number { color: var(--ust-accent); font-weight: 800; }
.ust-benefit h2 { font-size: clamp(1.5rem, 3vw, 2.4rem); margin-top: 2.5rem; }
.ust-section { margin: 0 auto; max-width: 1180px; padding: 5rem 1.5rem; }
.ust-section-heading { font-size: clamp(2rem, 4vw, 3.5rem); max-width: 800px; }
.ust-business-banner { background: #071d34; color: #fff; padding: 4rem 1.5rem; text-align: center; }
.ust-business-banner h2 { color: #fff; font-size: clamp(2rem, 5vw, 4.5rem); margin-left: auto; margin-right: auto; max-width: 950px; }

.ust-trust-strip {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(3, 1fr);
  margin: 2rem 0;
  background: #d6d2ca;
}

.ust-trust-strip > div {
  background: var(--ust-white);
  padding: 1rem;
  text-align: center;
}

.ust-moq-note {
  border-left: 3px solid var(--ust-accent);
  margin: 1rem 0;
  padding: .75rem 1rem;
  background: #fff;
}

@media (max-width: 689px) {
  .ust-trust-strip { grid-template-columns: 1fr; }
  .ust-footer-inner { grid-template-columns: 1fr 1fr; }
  .ust-footer-brand-column { grid-column: 1 / -1; }
  .ust-benefits { grid-template-columns: 1fr; }
}


.ust-cart-link {
    display: inline-flex !important;
    align-items: center;
    gap: 0.45rem;
}

.ust-cart-count {
    display: inline-grid;
    place-items: center;
    min-width: 1.45rem;
    height: 1.45rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: var(--ust-accent);
    color: var(--ust-ink);
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
}