/*
Theme Name: Abeytu Naturals
Theme URI: https://abeytunaturals.co.uk
Description: Child theme for the Abeytu Naturals WooCommerce migration.
Author: Sandbanks Premium Management
Template: spectra-one
Version: 2026.07.15
*/

:root {
  --abeytu-ink: #101510;
  --abeytu-forest: #20382b;
  --abeytu-leaf: #6f8f59;
  --abeytu-gold: #c9a25a;
  --abeytu-paper: #f7f3ea;
  --abeytu-clay: #d88f5a;
  --abeytu-line: rgba(16, 21, 16, 0.14);
}

body {
  background: var(--abeytu-paper);
  color: var(--abeytu-ink);
  letter-spacing: 0;
}

a {
  color: var(--abeytu-forest);
}

.wp-site-blocks {
  overflow-x: clip;
}

.abeytu-hero,
.abeytu-band {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: max(24px, calc((100vw - 1180px) / 2));
  padding-right: max(24px, calc((100vw - 1180px) / 2));
}

.abeytu-hero {
  min-height: min(760px, 86vh);
  display: grid;
  align-items: end;
  padding-top: 96px;
  padding-bottom: 64px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(16, 21, 16, 0.86), rgba(16, 21, 16, 0.56) 48%, rgba(32, 56, 43, 0.16)),
    url("/wp-content/uploads/2026/07/abeytu-hero.jpg") center / cover no-repeat,
    var(--abeytu-forest);
}

.abeytu-hero__inner {
  max-width: 760px;
}

.abeytu-eyebrow {
  margin: 0 0 14px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--abeytu-gold);
}

.abeytu-hero h1,
.abeytu-section h2 {
  margin: 0;
  line-height: 1.02;
  letter-spacing: 0;
}

.abeytu-hero h1 {
  max-width: 680px;
  font-size: clamp(3rem, 8vw, 6.9rem);
}

.abeytu-hero p {
  max-width: 620px;
  margin: 22px 0 0;
  font-size: clamp(1.06rem, 2vw, 1.28rem);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.88);
}

.abeytu-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.abeytu-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wp-element-button {
  border-radius: 4px;
  border: 1px solid transparent;
  background: var(--abeytu-forest);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

.abeytu-button {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 18px;
  text-decoration: none;
}

.abeytu-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wp-element-button:hover {
  background: #17251d;
  color: #fff;
  transform: translateY(-1px);
}

.abeytu-button--ghost {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.42);
}

.abeytu-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 72px 24px;
}

.abeytu-section h2 {
  max-width: 760px;
  font-size: clamp(2rem, 4vw, 3.4rem);
}

.abeytu-section__lead {
  max-width: 760px;
  margin: 16px 0 0;
  color: rgba(16, 21, 16, 0.72);
  font-size: 1.08rem;
  line-height: 1.65;
}

.abeytu-band {
  background: var(--abeytu-ink);
  color: #fff;
}

.abeytu-band .abeytu-section__lead {
  color: rgba(255, 255, 255, 0.72);
}

.abeytu-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 34px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.abeytu-principles > div {
  min-height: 176px;
  padding: 24px;
  background: #182019;
}

.abeytu-principles strong {
  display: block;
  margin-bottom: 10px;
  color: var(--abeytu-gold);
}

.abeytu-principles p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  line-height: 1.55;
}

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none;
}

.woocommerce ul.products li.product {
  float: none;
  width: auto !important;
  margin: 0 !important;
  min-height: 100%;
  padding: 14px 14px 18px;
  border: 1px solid var(--abeytu-line);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.54);
}

.woocommerce ul.products li.product a img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  padding: 18px;
  background: #fff;
  border-radius: 4px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height: 2.7em;
  padding: 0;
  color: var(--abeytu-ink);
  font-size: 1.02rem;
  line-height: 1.35;
}

.woocommerce div.product div.images img {
  background: #fff;
  border: 1px solid var(--abeytu-line);
  border-radius: 6px;
}

.woocommerce div.product .product_title {
  color: var(--abeytu-ink);
  font-size: clamp(2.1rem, 5vw, 4.2rem);
  letter-spacing: 0;
  line-height: 1.03;
}

.woocommerce div.product p.price,
.woocommerce ul.products li.product .price {
  color: var(--abeytu-forest);
  font-weight: 800;
}

.woocommerce table.shop_table {
  border-radius: 6px;
  border-color: var(--abeytu-line);
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review {
  border: 1px solid var(--abeytu-line);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.62);
  padding: 18px;
}

@media (max-width: 900px) {
  .woocommerce ul.products,
  .abeytu-principles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .abeytu-hero {
    min-height: 82vh;
    padding-top: 72px;
    padding-bottom: 44px;
  }

  .woocommerce ul.products,
  .abeytu-principles {
    grid-template-columns: 1fr;
  }
}