/*
Theme Name: Ebun's Kitchen Child
Theme URI: https://ebunskitchen.com
Description: Child theme of Kadence for Ebun's Kitchen — warm, minimal, problem-solving kitchen brand.
Author: Ebun's Kitchen
Template: kadence
Version: 1.0.0
*/

/* ============================
   BRAND VARIABLES
   Adjust these and the whole site updates.
   ============================ */
:root {
  --ebun-bg: #F8F4EC;        /* warm cream background */
  --ebun-text: #2B2620;      /* warm charcoal, not pure black */
  --ebun-accent: #C1652F;    /* terracotta accent */
  --ebun-accent-soft: #E8C9B0; /* soft blush/terracotta for backgrounds, tags */
  --ebun-line: #E3DACB;      /* hairline borders, dividers */
}

/* ============================
   TYPOGRAPHY
   Headers: Cormorant Garamond (warm serif, quiet-luxury feel)
   Body: Inter (clean, highly legible at small sizes)
   Both are free on Google Fonts — enqueue in functions.php
   ============================ */

body,
p,
li,
a,
button {
  font-family: 'Inter', -apple-system, sans-serif;
  color: var(--ebun-text);
}

h1, h2, h3, h4,
.entry-title,
.kadence-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--ebun-text);
}

h1, .entry-title {
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  line-height: 1.15;
}

h2 {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
}

/* ============================
   GLOBAL SITE
   ============================ */
body {
  background-color: var(--ebun-bg);
}

a {
  color: var(--ebun-accent);
  text-decoration: none;
  transition: opacity 0.15s ease;
}

a:hover {
  opacity: 0.75;
}

/* Buttons — warm, understated, no harsh corners */
.kb-button,
.wp-block-button__link,
.kt-btn {
  background-color: var(--ebun-accent) !important;
  border-radius: 4px !important;
  padding: 0.85em 1.8em !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  border: none !important;
  box-shadow: none !important;
}

.kb-button:hover,
.wp-block-button__link:hover,
.kt-btn:hover {
  opacity: 0.85;
}

/* Secondary/outline button style — use for "learn more" style CTAs */
.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  color: var(--ebun-text) !important;
  border: 1px solid var(--ebun-text) !important;
}

/* ============================
   PROBLEM CATEGORY TILES (homepage)
   Apply class "ebun-tile" to Kadence Advanced Gallery / Icon Box items
   ============================ */
.ebun-tile {
  background-color: #ffffff;
  border: 1px solid var(--ebun-line);
  border-radius: 8px;
  padding: 2rem 1.5rem;
  text-align: center;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ebun-tile:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(43, 38, 32, 0.08);
}

/* ============================
   PRODUCT / FAVORITES CARDS
   ============================ */
.ebun-product-card {
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--ebun-line);
}

.ebun-product-card .ebun-why {
  font-size: 0.95rem;
  font-style: italic;
  color: var(--ebun-text);
  opacity: 0.8;
  padding: 0 1.2rem 1.2rem;
}

/* ============================
   CATEGORY TAG / PILL (used on article cards, "Solve a Problem" grid)
   ============================ */
.ebun-tag {
  display: inline-block;
  background-color: var(--ebun-accent-soft);
  color: var(--ebun-text);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.3em 0.8em;
  border-radius: 999px;
  margin-bottom: 0.6em;
}

/* ============================
   SECTION SPACING
   Generous whitespace = the "Our Place" premium-minimal feel
   ============================ */
.wp-block-group,
.kt-row-layout-inner {
  padding-top: clamp(3rem, 8vw, 6rem);
  padding-bottom: clamp(3rem, 8vw, 6rem);
}

/* Hero section gets extra breathing room */
.ebun-hero {
  padding-top: clamp(4rem, 10vw, 8rem) !important;
  padding-bottom: clamp(4rem, 10vw, 8rem) !important;
}