/*
Theme Name: Ermona Child
Theme URI: https://ermona.com
Description: Ermona Coffee child theme based on Blocksy. Earthy, premium, Toronto specialty coffee.
Author: Ermona
Template: blocksy
Version: 0.1.0
*/

:root {
  --ermona-espresso: #2b1a14;
  --ermona-cocoa:    #4a2e22;
  --ermona-cream:    #f5efe6;
  --ermona-paper:    #faf6f0;
  --ermona-copper:   #b87333;
  --ermona-moss:     #6b7a4e;
  --ermona-ink:      #1a1a1a;
}

body {
  background: var(--ermona-paper);
  color: var(--ermona-ink);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-feature-settings: "ss01" on, "cv11" on;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5,
.wp-block-heading,
.entry-title,
.product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Fraunces", "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--ermona-espresso);
}

.ct-header, .ct-header-cta, .ct-main-styles {
  background: var(--ermona-paper);
}

/* Buttons */
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: var(--ermona-espresso) !important;
  color: var(--ermona-cream) !important;
  border-radius: 999px !important;
  padding: 14px 26px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  text-transform: none;
  transition: transform .15s ease, background .2s ease;
}
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--ermona-cocoa) !important;
  transform: translateY(-1px);
}

/* Product cards */
.woocommerce ul.products li.product {
  background: #fff;
  padding: 18px;
  border-radius: 16px;
  box-shadow: 0 1px 0 rgba(43,26,20,.06), 0 14px 30px -18px rgba(43,26,20,.18);
  transition: transform .2s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-3px);
  box-shadow: 0 1px 0 rgba(43,26,20,.06), 0 22px 38px -18px rgba(43,26,20,.28);
}
.woocommerce ul.products li.product img {
  border-radius: 10px;
}
.woocommerce ul.products li.product .price {
  color: var(--ermona-copper);
  font-weight: 600;
}

/* Subtle paper texture in hero */
.ermona-hero {
  background:
    radial-gradient(1200px 400px at 80% 0%, rgba(184,115,51,0.12), transparent 60%),
    radial-gradient(900px 400px at 10% 100%, rgba(107,122,78,0.10), transparent 60%),
    var(--ermona-paper);
  padding: 96px 0 80px;
}
.ermona-hero h1 {
  font-size: clamp(2.4rem, 5vw, 4.4rem);
  line-height: 1.05;
  max-width: 18ch;
}
.ermona-hero p.lede {
  font-size: 1.15rem;
  color: var(--ermona-cocoa);
  max-width: 56ch;
  margin-top: 18px;
}

/* Tasteful link underlines */
a { text-underline-offset: 3px; }