/**
 * Awafi Herb | base.css
 * Reset, typography, buttons and small shared helpers.
 * Source file: edit this one; minify with a caching plugin.
 */

/* ---- Reset and base elements ---- */
* {
  box-sizing: border-box;
  margin: 0;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 150px;
}
body {
  background: var(--bg);
  color: var(--tx);
  font: 16px/1.5 Figtree,system-ui,sans-serif;
  overflow-x: hidden;
}
h1 {
  font-family: Sora,system-ui,sans-serif;
  line-height: 1.12;
  letter-spacing: -.025em;
}
h2 {
  font-family: Sora,system-ui,sans-serif;
  line-height: 1.12;
  letter-spacing: -.025em;
}
h3 {
  font-family: Sora,system-ui,sans-serif;
  line-height: 1.12;
  letter-spacing: -.025em;
}
button {
  font: inherit;
  cursor: pointer;
  color: inherit;
}
a {
  color: inherit;
  text-decoration: none;
}
ul {
  list-style: none;
  padding: 0;
}
:focus-visible {
  outline: 3px solid var(--am);
  outline-offset: 2px;
}

/* ---- Layout container, view helpers, buttons, headings ---- */
.w {
  max-width: 1280px;
  margin: auto;
  padding: 0 20px;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 99px;
  padding: 14px 26px;
  font-weight: 700;
  background: var(--am);
  color: #2b1c00;
}
.btn:hover {
  filter: brightness(1.08);
}
.btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.btn.g {
  background: none;
  border: 2px solid #ffffff55;
  color: #fff;
  padding: 12px 24px;
}
.btn.p {
  background: var(--pri);
  color: #fff;
}

/* ---- Reset and base elements ---- */
section {
  padding: 56px 0 0;
}

/* ---- Layout container, view helpers, buttons, headings ---- */
.hd {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.hd h2 {
  font-size: clamp(26px,3.6vw,38px);
  font-weight: 800;
}
.hd p {
  color: var(--mu);
  margin-top: 4px;
}

@media(prefers-reduced-motion:reduce) {
  * {
    transition: none!important;
    scroll-behavior: auto!important;
  }
}

/* ---- Reset and base elements ---- */
[hidden] {
  display: none!important;
}

/* ---- Layout container, view helpers, buttons, headings ---- */
.view:not([hidden]) {
  animation: vin .3s ease;
}
@keyframes vin {from{opacity:0;transform:translateY(10px)}}
.crumb {
  font-size: 14px;
  color: var(--mu);
  padding: 22px 0 4px;
}
.crumb a {
  color: var(--pri);
  font-weight: 600;
}
.pt {
  font-size: clamp(28px,4vw,40px);
  font-weight: 800;
  margin: 6px 0 6px;
}
.vw {
  padding-bottom: 10px;
}
.dis {
  font-size: 12px;
  color: var(--mu);
  margin-top: 12px;
}

@media(max-width:1000px) {
  body {
    padding-bottom: 84px;
  }
}

/* ==== WordPress helpers ==== */
.skip-link { position: absolute; left: -999px; top: 0; }
.skip-link:focus { left: 10px; top: 10px; z-index: 200; background: #fff; color: #000; padding: 8px 14px; border-radius: 8px; }
.logo img { max-height: 40px; width: auto; }
.entry img { max-width: 100%; height: auto; }