/*
 * EKOTEKS — Typography & Finishing Polish v1.0
 * Built into EKOTEKS v12.2 classic WordPress theme.
 * Managed automatically by the theme: no additional plugins, snippets or CSS setup.
 * Purely visual: no changes to bank providers, checkout fields, shipping or cart totals.
 * This stylesheet is loaded after the theme base and premium skin.
 */
:root {
  --ek-polish-serif: Georgia, 'Times New Roman', serif;
  --ek-polish-title: #173f30;
  --ek-polish-copy: #476653;
}

/* 1. One editorial heading system throughout the main content. */
#ek-main .ekhome-overview h1,
#ek-main .ekshop-intro h1,
#ek-main .page-intro h1,
#ek-main .brand-hero .brand-copy h1,
#ek-main .ek-page-title,
#ek-main .woocommerce div.product .summary .product_title,
#ek-main .ek-is-product .product_title {
  font-family: var(--ek-polish-serif) !important;
  font-weight: 500 !important;
  letter-spacing: -.036em !important;
  line-height: 1.11 !important;
  color: var(--ek-polish-title) !important;
  text-wrap: balance;
  overflow-wrap: break-word;
}
/* Keep the confirmed homepage size; just make its type more graceful. */
#ek-main.ekhome-v120 .ekhome-overview h1 {
  letter-spacing: -.037em !important;
  line-height: 1.15 !important;
}
/* The shop used a very heavy sans-serif h1; match it to the homepage. */
#ek-main.ekshop-v118 .ekshop-intro h1 {
  font-size: clamp(37px, 3.6vw, 49px) !important;
  margin-bottom: 5px;
}
#ek-main .page-intro h1,
#ek-main .ek-page-title {
  font-size: clamp(35px, 3.5vw, 48px) !important;
}
/* Brand banner headings were disproportionately large on some pages. */
#ek-main .brand-hero .brand-copy h1 {
  font-size: clamp(36px, 3.8vw, 54px) !important;
}
#ek-main .woocommerce div.product .summary .product_title {
  font-size: clamp(31px, 3vw, 43px) !important;
}

/* 2. H2 and category titles: refined, equal weights on every catalog view. */
#ek-main .ekshop-list-heading h2,
#ek-main .section-head h2,
#ek-main .woocommerce div.product .related.products > h2,
#ek-main .woocommerce div.product .up-sells > h2,
#ek-main .woocommerce div.product .woocommerce-tabs .panel h2 {
  font-family: var(--ek-polish-serif) !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
  line-height: 1.13 !important;
  color: var(--ek-polish-title) !important;
  text-wrap: balance;
}
#ek-main .ekshop-list-heading h2,
#ek-main .section-head h2,
#ek-main .woocommerce div.product .related.products > h2,
#ek-main .woocommerce div.product .up-sells > h2 {
  font-size: clamp(29px, 2.7vw, 39px) !important;
}
#ek-main .ekshop-brand .ekshop-brand-name,
#ek-main .subcategory-card .subcopy strong {
  font-family: var(--ek-polish-serif) !important;
  font-weight: 500 !important;
  letter-spacing: -.038em !important;
  line-height: 1.09 !important;
  color: var(--ek-polish-title) !important;
}
#ek-main .subcategory-card .subcopy strong {
  font-size: clamp(22px, 2.15vw, 26px) !important;
}

/* 3. Product cards: improve the tiny copy without widening the cards. */
#ek-main .woocommerce ul.products li.product.ek-product-card .ek-product-brand {
  color: #49734e !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  letter-spacing: .075em !important;
}
#ek-main .woocommerce ul.products li.product.ek-product-card .ek-product-name {
  font-size: 12.3px !important;
  font-weight: 680 !important;
  line-height: 1.40 !important;
  letter-spacing: -.006em !important;
  color: #173e2f !important;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 4 !important;
}
#ek-main .woocommerce ul.products li.product.ek-product-card .ek-product-excerpt {
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.46 !important;
  color: var(--ek-polish-copy) !important;
  overflow-wrap: anywhere;
}
#ek-main .woocommerce ul.products li.product.ek-product-card .ek-product-price {
  font-size: 15px !important;
  font-weight: 780 !important;
  color: #173f30 !important;
  font-variant-numeric: tabular-nums;
}
#ek-main .woocommerce ul.products li.product.ek-product-card .ek-product-add a.button {
  font-size: 10.3px !important;
  font-weight: 740 !important;
  line-height: 1.2 !important;
}
#ek-main .woocommerce ul.products li.product.ek-product-card .ek-product-name:focus-visible,
#ek-main .ekshop-brand:focus-visible {
  outline: 2px solid #6a944e;
  outline-offset: 3px;
}

/* 4. Brand copy and long informational pages: more readable, same spacing. */
#ek-main .brand-hero .brand-copy p,
#ek-main .ekshop-intro p {
  color: #466451 !important;
  line-height: 1.62 !important;
}
#ek-main .ek-article > .entry-content > h2,
#ek-main .ek-article > .entry-content > h3 {
  font-family: var(--ek-polish-serif);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.23;
  color: var(--ek-polish-title);
}
/* 5. Footer readability — retain the approved dark-green layout. */
.footer.ek-footer-v121 .ek-footer-column h3,
.footer.ek-footer-v121 .ek-footer-subscribe h3,
.footer.ek-footer-v121 .ek-footer-social h3 {
  font-size: 12.6px !important;
  font-weight: 720 !important;
  letter-spacing: .003em;
}
.footer.ek-footer-v121 .footer-links a {font-size: 12px !important; line-height: 1.52 !important;}
.footer.ek-footer-v121 .ek-footer-subscribe p {font-size: 11.6px !important; line-height: 1.52 !important;}
.footer.ek-footer-v121 .ek-footer-newsletter input[type=email] {font-size: 12px !important;}
.footer.ek-footer-v121 .ek-footer-newsletter button {font-size: 10.5px !important;}

/* 6. Tablet/mobile sizing, tuned for two-column WooCommerce grids. */
@media (max-width: 900px) {
  #ek-main .ekshop-intro h1 {font-size: clamp(32px, 5.1vw, 42px) !important;}
  #ek-main .brand-hero .brand-copy h1 {font-size: clamp(34px, 5.2vw, 45px) !important;}
}
@media (max-width: 650px) {
  #ek-main.ekhome-v120 .ekhome-overview h1 {
    font-size: clamp(27px, 6.4vw, 34px) !important;
    line-height: 1.15 !important;
  }
  #ek-main .ekshop-intro h1,
  #ek-main .page-intro h1,
  #ek-main .ek-page-title {font-size: clamp(31px, 7.5vw, 39px) !important;}
  #ek-main .brand-hero .brand-copy h1 {font-size: clamp(33px, 8.2vw, 43px) !important;}
  #ek-main .ekshop-list-heading h2,
  #ek-main .section-head h2,
  #ek-main .woocommerce div.product .related.products > h2,
  #ek-main .woocommerce div.product .up-sells > h2 {font-size: clamp(27px, 6.4vw, 32px) !important;}
  #ek-main .woocommerce ul.products li.product.ek-product-card .ek-product-brand {font-size: 8.5px !important;}
  #ek-main .woocommerce ul.products li.product.ek-product-card .ek-product-name {
    font-size: 11.65px !important;
    line-height: 1.37 !important;
  }
  #ek-main .woocommerce ul.products li.product.ek-product-card .ek-product-excerpt {
    font-size: 10.2px !important;
    line-height: 1.38 !important;
  }
  #ek-main .woocommerce ul.products li.product.ek-product-card .ek-product-price {font-size: 13.8px !important;}
  #ek-main .woocommerce ul.products li.product.ek-product-card .ek-product-add a.button {font-size: 9.6px !important;}
  .footer.ek-footer-v121 .ek-footer-column h3,
  .footer.ek-footer-v121 .ek-footer-subscribe h3,
  .footer.ek-footer-v121 .ek-footer-social h3 {font-size: 12px !important;}
}