/* God's Kratom Kingdom — design foundation
   Display face: Baskervville (closest Google Font to Baskerville Old Face).
   Headlines, wordmarks and section banners use forest-green fill with a gold bevel.
   Body and UI stay a clean sans: Source Sans 3.
*/

:root {
  --gkk-green: #06452B;
  --gkk-green-dark: #122D22;
  --gkk-gold: #F5B806;
  --gkk-gold-dark: #CC7E00;
  --gkk-gold-light: #FBD757;
  --gkk-gold-soft: #DBC891;
  --gkk-gold-antique: #B88724;
  --gkk-charcoal: #1C1C1C;
  --gkk-white: #FFFFFF;
  --gkk-display: "Baskervville", "Baskerville Old Face", Baskerville, "Times New Roman", serif;
  --gkk-sans: "Source Sans 3", "Source Sans Pro", Arial, Helvetica, sans-serif;
}

body,
.site-main,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: var(--gkk-sans);
  color: var(--gkk-charcoal);
}

/* Green-fill, gold-bevel decorative serif — wordmark, H1/H2, section banners */
.gkk-wordmark,
.gkk-bevel,
.gkk-banner,
h1,
h2,
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title,
.gkk-header .gkk-wordmark .elementor-heading-title,
.gkk-footer .gkk-wordmark .elementor-heading-title {
  font-family: var(--gkk-display);
  font-weight: 700;
  font-style: normal;
  color: var(--gkk-green);
  -webkit-text-fill-color: var(--gkk-green);
  -webkit-text-stroke: 0.035em var(--gkk-gold);
  paint-order: stroke fill;
  text-shadow:
    0.5px 0.5px 0 var(--gkk-gold-light),
    1px 1px 0 var(--gkk-gold-dark),
    1.5px 1.5px 0 var(--gkk-gold-antique),
    2px 3px 4px rgba(0, 0, 0, 0.28);
}

h1,
.elementor-widget-heading h1.elementor-heading-title {
  font-size: clamp(2rem, 5vw, 3.25rem);
  line-height: 1.1;
  letter-spacing: 0.01em;
}

h2,
.elementor-widget-heading h2.elementor-heading-title,
.gkk-banner {
  font-size: clamp(1.55rem, 3.5vw, 2.4rem);
  line-height: 1.15;
  letter-spacing: 0.015em;
}

.gkk-wordmark,
.gkk-wordmark .elementor-heading-title {
  font-size: clamp(1.15rem, 2.2vw, 1.7rem);
  line-height: 1.05;
  letter-spacing: 0.02em;
  margin: 0;
}

.gkk-slogan,
.gkk-slogan .elementor-heading-title,
.gkk-slogan .elementor-widget-container {
  font-family: var(--gkk-display);
  font-weight: 400;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gkk-gold);
  -webkit-text-fill-color: var(--gkk-gold);
  -webkit-text-stroke: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  margin: 0;
}

/* Homepage tagline: "World's best kratom + world's best price" — the + is large gold */
.gkk-plus {
  font-family: var(--gkk-display);
  font-weight: 700;
  color: var(--gkk-gold);
  -webkit-text-fill-color: var(--gkk-gold);
  -webkit-text-stroke: 0;
  font-size: 1.45em;
  line-height: 0.8;
  padding: 0 0.06em;
  vertical-align: -0.06em;
  text-shadow:
    0 0 10px rgba(245, 184, 6, 0.55),
    1px 1px 0 var(--gkk-gold-dark),
    0 2px 6px rgba(0, 0, 0, 0.35);
}

/* Header / footer chrome */
.gkk-topbar,
.gkk-topbar .elementor-widget-text-editor,
.gkk-topbar .elementor-widget-text-editor p,
.gkk-topbar a {
  font-family: var(--gkk-sans);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--gkk-charcoal);
  text-decoration: none;
}

.gkk-topbar a:hover {
  color: var(--gkk-green);
}

.gkk-header .elementor-nav-menu--main .elementor-item,
.gkk-header .elementor-nav-menu a {
  font-family: var(--gkk-sans);
  font-weight: 600;
  font-size: 0.92rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gkk-white) !important;
}

.gkk-header .elementor-nav-menu--main .elementor-item:hover,
.gkk-header .elementor-nav-menu a:hover {
  color: var(--gkk-gold) !important;
}

.gkk-footer,
.gkk-footer p,
.gkk-footer a,
.gkk-footer li,
.gkk-footer .elementor-widget-text-editor,
.gkk-footer .elementor-icon-list-text {
  font-family: var(--gkk-sans);
  color: #F4F1EA;
}

.gkk-footer a:hover {
  color: var(--gkk-gold);
}

.gkk-footer .gkk-legal,
.gkk-footer .gkk-legal p {
  font-size: 0.75rem;
  line-height: 1.5;
  color: #C9C4B8;
}

.gkk-header .elementor-widget-woocommerce-menu-cart,
.gkk-header .elementor-menu-cart__toggle {
  color: var(--gkk-gold);
}

.gkk-header .gkk-seal img,
.gkk-header .elementor-widget-image img {
  width: 72px;
  max-width: 72px;
  height: auto;
}
.gkk-footer .gkk-seal img,
.gkk-footer .elementor-widget-image img {
  width: 88px;
  max-width: 88px;
  height: auto;
}

/* Homepage */
.home .page-header,
.home .entry-title {
  display: none;
}

.gkk-hero {
  color: #F4F1EA;
}
.gkk-hero .gkk-hero-title,
.gkk-hero h1 {
  margin: 0 0 0.4em;
  text-align: center;
}
.gkk-hero .gkk-plus,
h1 .gkk-plus,
.gkk-hero-title .gkk-plus {
  -webkit-text-stroke: 0;
  -webkit-text-fill-color: #F5B806;
  color: #F5B806;
  text-shadow:
    0 0 10px rgba(245, 184, 6, 0.55),
    1px 1px 0 #CC7E00,
    0 2px 6px rgba(0, 0, 0, 0.35);
}
.gkk-hero-tagline,
.gkk-hero-tagline p {
  font-family: "Source Sans 3", Arial, Helvetica, sans-serif;
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  line-height: 1.55;
  color: #F4F1EA;
  text-align: center;
  max-width: 46rem;
  margin: 0 auto 1.5rem;
}
.gkk-trust {
  color: #1C1C1C;
  text-align: center;
}
.gkk-trust h3,
.gkk-trust .elementor-heading-title {
  font-family: "Source Sans 3", Arial, Helvetica, sans-serif !important;
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #1C1C1C;
  -webkit-text-stroke: 0;
  -webkit-text-fill-color: #1C1C1C;
  text-shadow: none;
}
.gkk-trust p {
  font-family: "Source Sans 3", Arial, Helvetica, sans-serif;
  font-size: 0.92rem;
  margin: 0.3em 0 0;
  color: #1C1C1C;
}
.gkk-section-intro,
.gkk-section-intro p,
.gkk-copy,
.gkk-copy p {
  font-family: "Source Sans 3", Arial, Helvetica, sans-serif;
  font-size: 1.05rem;
  line-height: 1.6;
  color: #1C1C1C;
}
.gkk-lab,
.gkk-lab .gkk-copy,
.gkk-lab .gkk-copy p,
.gkk-wholesale,
.gkk-wholesale .gkk-copy,
.gkk-wholesale .gkk-copy p {
  color: #F4F1EA;
}
.gkk-card-title {
  text-align: center;
  margin-top: 0.75rem;
}
.gkk-home .elementor-button {
  font-family: "Source Sans 3", Arial, Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.gkk-lab h2,
.gkk-lab .elementor-heading-title,
.gkk-wholesale h2,
.gkk-wholesale .elementor-heading-title {
  -webkit-text-fill-color: #F4F1EA;
  color: #F4F1EA;
  -webkit-text-stroke: 0.6px #F5B806;
  text-shadow:
    1px 1px 0 #CC7E00,
    0 2px 6px rgba(0, 0, 0, 0.35);
}

/* Homepage section chrome (applied even if Elementor post CSS is missing) */
.gkk-hero.e-con,
.gkk-hero {
  background-color: #1C1C1C;
  color: #F4F1EA;
  padding: 72px 20px;
}
.gkk-trust.e-con,
.gkk-trust {
  background-color: #F5B806;
  color: #1C1C1C;
  padding: 36px 20px;
}
.gkk-strains.e-con,
.gkk-strains,
.gkk-spin.e-con,
.gkk-spin {
  background-color: #F4F1EA;
  padding: 64px 20px;
}
.gkk-story.e-con,
.gkk-story {
  background-color: #FFFFFF;
  padding: 64px 20px;
}
.gkk-lab.e-con,
.gkk-lab {
  background-color: #06452B;
  padding: 72px 20px;
}
.gkk-wholesale.e-con,
.gkk-wholesale {
  background-color: #1C1C1C;
  padding: 72px 20px;
}
.gkk-home .elementor-button,
.gkk-home a.elementor-button {
  background-color: #F5B806;
  color: #1C1C1C;
  border-radius: 2px;
  border: 0;
  padding: 14px 28px;
}
.gkk-home .elementor-button:hover,
.gkk-home a.elementor-button:hover {
  background-color: #FBD757;
  color: #1C1C1C;
}
.gkk-btn-outline .elementor-button,
.gkk-home .gkk-btn-outline a.elementor-button {
  background-color: transparent;
  color: #F5B806;
  border: 2px solid #F5B806;
}
.gkk-btn-outline .elementor-button:hover,
.gkk-home .gkk-btn-outline a.elementor-button:hover {
  background-color: #F5B806;
  color: #1C1C1C;
}