/*
Theme Name: PeliKing Child
Template: astra
Description: PeliKing.com child theme (tools/peliking/site, 2026-10-17). Crowned brown pelican palette + Mardi Gras accents.
Version: 1.0.1
Text Domain: peliking
*/
/* Fonts: self-hosted OFL (Bowlby One, Bebas Neue) -- no third-party font requests. */
@font-face { font-family: "Bowlby One"; src: url("fonts/BowlbyOne-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Bebas Neue"; src: url("fonts/BebasNeue-Regular.ttf") format("truetype"); font-display: swap; }

:root {
  /* from brand/character.md */
  --pk-gold: #C9A227;  --pk-gold-hi: #E8C547;
  --pk-brown: #8B5A2B; --pk-chestnut: #A0522D;
  --pk-silver: #A7B0B8; --pk-ink: #111111; --pk-white: #FAFAF7; --pk-neck: #F1DD8A;
  --pk-purple: #4B1F6F; --pk-green: #0B6E3B; --pk-mg-gold: #E3B23C;
  --pk-teal: #1F5E5B;  --pk-red: #C8102E;
  --pk-paper: #FBF7EE;
}
body { background: var(--pk-paper); color: var(--pk-ink); }
h1, h2, h3, .entry-title, .woocommerce-loop-product__title {
  font-family: "Bowlby One", Georgia, serif; font-weight: 400; letter-spacing: .01em; color: var(--pk-ink);
}
a { color: var(--pk-purple); } a:hover, a:focus { color: var(--pk-green); }

/* Mardi Gras stripe under the header */
.site-header { border-bottom: 6px solid; border-image: linear-gradient(90deg, var(--pk-purple) 0 33.3%, var(--pk-green) 33.3% 66.6%, var(--pk-mg-gold) 66.6% 100%) 1; }
.main-header-menu .menu-link { font-family: "Bebas Neue", sans-serif; font-size: 1.25rem; letter-spacing: .06em; }

/* Buttons: gold crown on ink */
.wp-element-button, .wp-block-button__link, .button, button[type=submit], .woocommerce a.button, .woocommerce button.button {
  background: var(--pk-ink) !important; color: var(--pk-gold-hi) !important; border: 2px solid var(--pk-gold) !important;
  border-radius: 999px !important; font-family: "Bebas Neue", sans-serif !important; font-size: 1.25rem !important; letter-spacing: .08em;
}
.wp-element-button:hover, .wp-block-button__link:hover, .button:hover { background: var(--pk-purple) !important; color: #fff !important; }

/* Home */
.pk-hero { background: radial-gradient(circle at 50% 30%, #fff 0, var(--pk-paper) 55%, #efe4cc 100%); padding: 2.5rem 1rem 3rem; text-align: center; }
.pk-hero-logo img { max-width: min(340px, 70vw); height: auto; filter: drop-shadow(0 10px 12px rgba(0,0,0,.18)); }
.pk-hero h1 { font-size: clamp(2rem, 6vw, 3.6rem); margin: .4em 0 .2em; }
.pk-sub { font-size: clamp(1.05rem, 2.4vw, 1.35rem); color: var(--pk-brown); max-width: 40ch; margin: 0 auto 1.4em; }
.pk-story { max-width: 760px; margin: 0 auto; padding: 2.5rem 1rem; font-size: 1.12rem; line-height: 1.7; }
.pk-story h2 { color: var(--pk-purple); }
.pk-latest { padding: 1rem 1rem 3rem; }

/* Footer tagline band */
.pk-tagline { background: var(--pk-ink); color: var(--pk-gold-hi); text-align: center; padding: 1.1rem 1rem;
  font-family: "Bowlby One", Georgia, serif; font-size: clamp(1rem, 2.6vw, 1.4rem); letter-spacing: .02em; }
.pk-tagline span { color: var(--pk-white); }

/* Prices + sale */
.woocommerce ul.products li.product .price, .woocommerce div.product p.price { color: var(--pk-green); font-weight: 700; }
.woocommerce span.onsale { background: var(--pk-red); }

/* 1.0.1 (2026-10-17, operator phone screenshot): the header logo filled the screen and cropped the crown, the site
   title wrapped to "PeliK / ing", and the WP page title "Home" sat above the hero. */
.site-header .custom-logo-link img, .site-header .custom-logo { max-height: 56px; width: auto; }
.site-header .site-title, .site-header .site-title a { white-space: nowrap; font-family: "Bowlby One", sans-serif; }
.home .entry-header, .page .pk-hero ~ .entry-header, .home .ast-archive-description { display: none; }
.home .entry-content > .wp-block-image:first-child { display: none; }
.pk-hero-logo img { max-width: min(240px, 60vw); }
@media (max-width: 544px) { .pk-hero { padding: 1.5rem 16px 2rem; } }