/*
Theme Name: Pohonesia Kadence Child
Theme URI: https://pohonesia.id/
Description: Child theme starter for Pohonesia.id. Requires the free Kadence theme.
Author: Pohonesia
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
Template: kadence
Text Domain: pohonesia-kadence-child
*/

/*
 * Pohonesia brand tokens and block styling.
 * Parent theme: Kadence (free), must be installed separately from WordPress.org.
 */
:root {
  --pohon-forest: #1F5D42;
  --pohon-leaf: #6E9F4A;
  --pohon-earth: #A87545;
  --pohon-cream: #F5F1E7;
  --pohon-dark: #18352A;
  --pohon-gold: #D9A441;
  --pohon-white: #FFFFFF;
  --pohon-muted: #5E6D63;
  --pohon-radius: 12px;
  --pohon-shadow: 0 12px 34px rgba(24, 53, 42, .09);
}
body {
  color: var(--pohon-dark);
}
a { text-underline-offset: .18em; }
.wp-site-blocks, .content-container, .site-container {
  --global-content-width: 1200px;
}
.pohonesia-kicker {
  display: inline-block;
  color: var(--pohon-forest);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: .8rem;
}
.pohonesia-hero {
  background: linear-gradient(120deg, rgba(24,53,42,.96), rgba(31,93,66,.82));
  color: white;
  border-radius: 18px;
  padding: clamp(2rem, 6vw, 5.5rem);
  overflow: hidden;
}
.pohonesia-hero h1, .pohonesia-hero h2, .pohonesia-hero p { color: white; }
.pohonesia-hero h1 {
  max-width: 850px;
  font-size: clamp(2.4rem, 5.5vw, 4.5rem);
  line-height: 1.03;
  letter-spacing: -.045em;
}
.pohonesia-hero p { max-width: 720px; font-size: clamp(1.05rem, 1.5vw, 1.22rem); color: rgba(255,255,255,.88); }
.pohonesia-button, .wp-block-button__link {
  border-radius: 8px !important;
  font-weight: 700;
}
.pohonesia-button-primary, .wp-block-button.is-style-fill .wp-block-button__link {
  background: var(--pohon-forest);
  color: white;
}
.pohonesia-button-secondary {
  border: 1px solid rgba(255,255,255,.7);
  color: white;
  background: transparent;
}
.pohonesia-section { padding-block: clamp(2.5rem, 5vw, 5rem); }
.pohonesia-section-cream {
  background: var(--pohon-cream);
  border-radius: 16px;
  padding: clamp(1.5rem, 4vw, 3rem);
}
.pohonesia-card {
  height: 100%;
  background: white;
  border: 1px solid rgba(24,53,42,.10);
  border-radius: var(--pohon-radius);
  padding: 1.5rem;
  box-shadow: var(--pohon-shadow);
}
.pohonesia-card h3 { margin-top: .4rem; }
.pohonesia-icon {
  width: 48px; height: 48px; display: grid; place-items: center;
  border-radius: 50%; background: #e9f0e5; font-size: 1.45rem;
}
.pohonesia-dark-section {
  background: var(--pohon-dark);
  color: white;
  border-radius: 16px;
  padding: clamp(2rem, 5vw, 4rem);
}
.pohonesia-dark-section h2, .pohonesia-dark-section h3,
.pohonesia-dark-section p { color: white; }
.pohonesia-dark-section p { color: rgba(255,255,255,.84); }
.pohonesia-stat {
  padding: 1.3rem; border-left: 3px solid var(--pohon-gold);
  background: rgba(255,255,255,.06);
}
.pohonesia-stat strong { display: block; font-size: 1.55rem; color: white; }
.pohonesia-stat span { font-size: .92rem; color: rgba(255,255,255,.78); }
.pohonesia-cta {
  background: var(--pohon-cream);
  border-radius: 16px;
  padding: clamp(2rem, 5vw, 4rem);
}
.pohonesia-note { color: var(--pohon-muted); font-size: .92rem; }
.pohonesia-tag {
  display: inline-block; padding: .35rem .65rem; border-radius: 999px;
  background: #e9f0e5; color: var(--pohon-forest); font-size: .8rem; font-weight: 700;
}
.pohonesia-content-width { max-width: 1200px; margin-inline: auto; }
@media (max-width: 767px) {
  .pohonesia-hero { border-radius: 12px; padding: 1.6rem; }
  .pohonesia-hero h1 { font-size: clamp(2.25rem, 10vw, 3.25rem); }
  .pohonesia-section-cream, .pohonesia-dark-section, .pohonesia-cta { border-radius: 12px; }
}