/*
 * SAWK Light Theme v2.0 — compiled CSS
 * Source modules in this directory:
 * 00-tokens.css, 10-base.css, 20-layout.css, 30-components.css, 40-pages.css, 50-utilities.css, 60-theme-modes.css
 * WordPress enqueues only this compiled main.css file.
 */


/* ===== 00-tokens.css ===== */
/*
 * SAWK Light Theme v2.0 — Design Tokens
 * Framework-like architecture foundation.
 *
 * Mode support:
 * - default light tokens on :root
 * - automatic dark mode via @media (prefers-color-scheme: dark)
 * - manual future-safe overrides via html[data-sawk-theme="light|dark"]
 *
 * No public UI switch is added in v2.0. JavaScript or WordPress settings can use
 * html[data-sawk-theme] later without changing component CSS.
 */
:root {
  color-scheme: light;

  /* Brand primitives */
  --sawk-color-plum-900: #6f0059;
  --sawk-color-plum-700: #99007a;
  --sawk-color-plum-300: #e889cf;
  --sawk-color-gold-600: #b8905a;
  --sawk-color-gold-400: #d2ad74;
  --sawk-color-cream-050: #fcfaf7;
  --sawk-color-cream-100: #f7f2eb;
  --sawk-color-cream-200: #e8ddd0;
  --sawk-color-brown-900: #241e18;
  --sawk-color-brown-800: #2f2a24;
  --sawk-color-brown-600: #6c6258;
  --sawk-color-dark-950: #100b10;
  --sawk-color-dark-900: #151015;
  --sawk-color-dark-800: #211a20;
  --sawk-color-dark-700: #2a2228;

  /* Semantic color tokens */
  --sawk-bg: var(--sawk-color-cream-050);
  --sawk-surface: #ffffff;
  --sawk-surface-soft: var(--sawk-color-cream-100);
  --sawk-surface-elevated: #ffffff;
  --sawk-border: var(--sawk-color-cream-200);
  --sawk-border-strong: rgba(47, 42, 36, .18);
  --sawk-text: var(--sawk-color-brown-800);
  --sawk-heading: var(--sawk-color-brown-900);
  --sawk-muted: var(--sawk-color-brown-600);
  --sawk-brand: var(--sawk-color-plum-700);
  --sawk-brand-dark: var(--sawk-color-plum-900);
  --sawk-accent: var(--sawk-color-gold-600);
  --sawk-accent-soft: rgba(184, 144, 90, .16);
  --sawk-cta: var(--sawk-brand);
  --sawk-dark: var(--sawk-color-dark-800);
  --sawk-focus: rgba(153, 0, 122, .26);
  --sawk-success: #3d7a39;
  --sawk-success-soft: #eef7ef;
  --sawk-info: #0774a8;
  --sawk-info-soft: #f7f2eb;

  /* Chip / badge tokens */
  --sawk-chip-bg: var(--sawk-accent-soft);
  --sawk-chip-text: var(--sawk-brand-dark);
  --sawk-chip-muted-bg: #f7f2ec;
  --sawk-chip-muted-text: var(--sawk-text);
  --sawk-chip-border: transparent;

  /* Typography tokens */
  --sawk-font-body: "PT Sans Narrow", Arial, sans-serif;
  --sawk-font-heading: "PT Sans Narrow", Arial, sans-serif;
  --sawk-line-body: 1.65;
  --sawk-line-heading: 1.12;
  --sawk-letter-tight: -.035em;

  /* Shadows */
  --sawk-shadow: 0 18px 45px rgba(70, 48, 28, .10);
  --sawk-shadow-soft: 0 8px 24px rgba(70, 48, 28, .06);
  --sawk-shadow-hover: 0 22px 46px rgba(34, 24, 32, .12);

  /* Radii */
  --sawk-radius-xl: 24px;
  --sawk-radius-lg: 18px;
  --sawk-radius-md: 14px;
  --sawk-radius-pill: 999px;

  /* Layout widths */
  --sawk-container: 1180px;
  --sawk-container-wide: 1280px;
  --sawk-narrow: 820px;
  --sawk-blog-container: 1120px;

  /* Spacing scale */
  --sawk-space-1: .25rem;
  --sawk-space-2: .5rem;
  --sawk-space-3: .75rem;
  --sawk-space-4: 1rem;
  --sawk-space-5: 1.25rem;
  --sawk-space-6: 1.5rem;
  --sawk-space-8: 2rem;
  --sawk-space-10: 2.5rem;
  --sawk-space-12: 3rem;
  --sawk-space-section-mobile: clamp(2.5rem, 9vw, 4rem);
  --sawk-space-section-desktop: clamp(3.5rem, 6vw, 5rem);
  --sawk-space-section-tight: clamp(2rem, 5vw, 3rem);
  --sawk-card-pad-mobile: clamp(1.1rem, 5vw, 1.45rem);
  --sawk-card-pad-desktop: clamp(1.35rem, 2vw, 1.75rem);

  /* Component tokens */
  --sawk-card-bg: var(--sawk-surface);
  --sawk-card-border: var(--sawk-border);
  --sawk-header-bg: rgba(252, 250, 247, .9);
  --sawk-footer-bg: var(--sawk-dark);
  --sawk-footer-text: #ffffff;
  --sawk-input-bg: #ffffff;
  --sawk-input-border: var(--sawk-border);
}

/* Automatic dark mode. Manual light mode can opt out with html[data-sawk-theme="light"]. */
@media (prefers-color-scheme: dark) {
  html:not([data-sawk-theme="light"]) {
    color-scheme: dark;
    --sawk-bg: var(--sawk-color-dark-900);
    --sawk-surface: var(--sawk-color-dark-800);
    --sawk-surface-soft: var(--sawk-color-dark-700);
    --sawk-surface-elevated: #2f2630;
    --sawk-border: rgba(255, 255, 255, .14);
    --sawk-border-strong: rgba(255, 255, 255, .22);
    --sawk-text: #f4eee8;
    --sawk-heading: #fff7ef;
    --sawk-muted: rgba(244, 238, 232, .76);
    --sawk-brand: var(--sawk-color-plum-300);
    --sawk-brand-dark: #f6b6e4;
    --sawk-accent: var(--sawk-color-gold-400);
    --sawk-accent-soft: rgba(210, 173, 116, .18);
    --sawk-cta: var(--sawk-color-plum-300);
    --sawk-dark: var(--sawk-color-dark-950);
    --sawk-focus: rgba(232, 137, 207, .36);
    --sawk-success: #97d48f;
    --sawk-success-soft: rgba(151, 212, 143, .14);
    --sawk-info: #7ed0ff;
    --sawk-info-soft: rgba(126, 208, 255, .13);
    --sawk-chip-bg: rgba(232, 137, 207, .18);
    --sawk-chip-text: #ffd7f4;
    --sawk-chip-muted-bg: rgba(255, 247, 239, .10);
    --sawk-chip-muted-text: #fff3ea;
    --sawk-chip-border: rgba(255, 255, 255, .10);
    --sawk-shadow: 0 18px 45px rgba(0, 0, 0, .30);
    --sawk-shadow-soft: 0 8px 24px rgba(0, 0, 0, .20);
    --sawk-shadow-hover: 0 22px 46px rgba(0, 0, 0, .36);
    --sawk-card-bg: var(--sawk-surface);
    --sawk-card-border: var(--sawk-border);
    --sawk-header-bg: rgba(21, 16, 21, .92);
    --sawk-footer-bg: #0f0a0f;
    --sawk-footer-text: #ffffff;
    --sawk-input-bg: #171117;
    --sawk-input-border: rgba(255, 255, 255, .20);
  }
}

/* Manual future-safe theme hooks. */
html[data-sawk-theme="dark"] {
  color-scheme: dark;
  --sawk-bg: var(--sawk-color-dark-900);
  --sawk-surface: var(--sawk-color-dark-800);
  --sawk-surface-soft: var(--sawk-color-dark-700);
  --sawk-surface-elevated: #2f2630;
  --sawk-border: rgba(255, 255, 255, .14);
  --sawk-border-strong: rgba(255, 255, 255, .22);
  --sawk-text: #f4eee8;
  --sawk-heading: #fff7ef;
  --sawk-muted: rgba(244, 238, 232, .76);
  --sawk-brand: var(--sawk-color-plum-300);
  --sawk-brand-dark: #f6b6e4;
  --sawk-accent: var(--sawk-color-gold-400);
  --sawk-accent-soft: rgba(210, 173, 116, .18);
  --sawk-cta: var(--sawk-color-plum-300);
  --sawk-dark: var(--sawk-color-dark-950);
  --sawk-focus: rgba(232, 137, 207, .36);
  --sawk-success: #97d48f;
  --sawk-success-soft: rgba(151, 212, 143, .14);
  --sawk-info: #7ed0ff;
  --sawk-info-soft: rgba(126, 208, 255, .13);
  --sawk-shadow: 0 18px 45px rgba(0, 0, 0, .30);
  --sawk-shadow-soft: 0 8px 24px rgba(0, 0, 0, .20);
  --sawk-shadow-hover: 0 22px 46px rgba(0, 0, 0, .36);
  --sawk-card-bg: var(--sawk-surface);
  --sawk-card-border: var(--sawk-border);
  --sawk-header-bg: rgba(21, 16, 21, .92);
  --sawk-footer-bg: #0f0a0f;
  --sawk-footer-text: #ffffff;
  --sawk-input-bg: #171117;
  --sawk-input-border: rgba(255, 255, 255, .20);
}

html[data-sawk-theme="light"] {
  color-scheme: light;
}


/* ===== 10-base.css ===== */
/* SAWK v2.0 — base reset, typography and generic content rules */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--sawk-font-body);
  color: var(--sawk-text);
  background: var(--sawk-bg);
  font-size: 17px;
  line-height: var(--sawk-line-body);
}
img { display: block; max-width: 100%; height: auto; }
a { color: var(--sawk-brand); text-underline-offset: .18em; }
a:hover { color: var(--sawk-brand-dark); }
h1, h2, h3, h4, h5, h6 { line-height: var(--sawk-line-heading); margin: 0 0 16px; color: var(--sawk-heading); font-family: var(--sawk-font-heading); font-weight: 700; }
h1 { font-size: clamp(2.35rem, 12vw, 4rem); letter-spacing: -.045em; max-width: 860px; }
h2 { font-size: clamp(2rem, 8vw, 3rem); letter-spacing: -.035em; }
h3 { font-size: 1.25rem; }
p { margin: 0 0 1rem; }

.container { width: min(var(--sawk-container), calc(100% - 32px)); margin-inline: auto; }
.narrow { width: min(var(--sawk-narrow), calc(100% - 32px)); margin-inline: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }


/* ===== 20-layout.css ===== */
/* SAWK v2.0 — layout, containers, header, navigation, breadcrumbs and footer */
.skip-link { position: absolute; left: -999px; top: 10px; z-index: 9999; background: var(--sawk-brand); color: #fff; padding: .75rem 1rem; border-radius: 999px; }
.skip-link:focus { left: 10px; }

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(252,250,247,.9); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(232,221,208,.8); }
.header-inner { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.site-branding { display: flex; align-items: center; }
.site-logo-link, .custom-logo-link { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.site-logo-img, .custom-logo { width: 48px; max-width: 48px; height: 48px; object-fit: contain; }
.menu-toggle { display: inline-flex; border: 0; background: transparent; padding: .75rem; }
.menu-toggle__bar, .menu-toggle__bar::before, .menu-toggle__bar::after { display: block; width: 28px; height: 2px; background: var(--sawk-text); content: ""; }
.menu-toggle__bar::before { transform: translateY(-8px); }
.menu-toggle__bar::after { transform: translateY(6px); }
.primary-navigation { position: absolute; inset: 72px 1rem auto 1rem; background: #fff; border: 1px solid var(--sawk-border); border-radius: var(--sawk-radius-lg); box-shadow: var(--sawk-shadow); padding: .75rem; display: none; }
.primary-navigation.is-open { display: block; }
.primary-navigation ul { display: grid; gap: .15rem; margin: 0; padding: 0; list-style: none; }
.primary-navigation a { display: flex; text-decoration: none; font-weight: 800; font-size: .9rem; text-transform: uppercase; letter-spacing: .04em; color: var(--sawk-brand); padding: .55rem .2rem; }
.primary-navigation a:hover, .primary-navigation a:focus { color: var(--sawk-brand-dark); }
.primary-navigation .menu-item:last-child > a { display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; border-radius: 999px; background: var(--sawk-brand); color: #fff !important; box-shadow: var(--sawk-shadow-soft); }

.breadcrumbs { background: rgba(255,255,255,.55); border-bottom: 1px solid var(--sawk-border); font-size: .95rem; }
.breadcrumbs ol { width: min(100% - 2rem, var(--sawk-container)); margin: 0 auto; padding: .65rem 0; display: flex; gap: .5rem; list-style: none; flex-wrap: wrap; }
.breadcrumbs li:not(:last-child)::after { content: "/"; margin-left: .5rem; color: var(--sawk-muted); }

.sawk-hero { padding: 34px 0 30px; }
.sawk-hero-grid { display: grid; gap: 24px; align-items: center; }
.sawk-eyebrow { display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; background: rgba(153,0,122,.08); color: var(--sawk-brand-dark); padding: 8px 14px; font-weight: 800; font-size: .86rem; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 14px; }
.sawk-lead { font-size: clamp(1.05rem, 4vw, 1.22rem); color: var(--sawk-muted); max-width: 720px; }
.sawk-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
.sawk-actions-center { justify-content: center; }
.sawk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 54px; padding: 15px 24px; border-radius: 999px; text-decoration: none; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.sawk-btn-primary { background: linear-gradient(135deg, var(--sawk-brand), var(--sawk-brand-dark)); color: #fff; box-shadow: 0 14px 30px rgba(153,0,122,.18); }
.sawk-btn-primary:hover { color: #fff; }
.sawk-btn-secondary { background: #fff; color: var(--sawk-brand-dark); border: 1px solid var(--sawk-border); box-shadow: var(--sawk-shadow-soft); }
.sawk-btn:hover { transform: translateY(-2px); }

/* SAWK v1.2.2.1 — header/footer polish */
.site-header { box-shadow: 0 4px 18px rgba(47, 42, 36, .035); }
.site-branding .site-logo-link,
.site-branding .custom-logo-link { min-width: 54px; min-height: 54px; }
.site-logo-img,
.custom-logo { background: transparent; border: 0; box-shadow: none; }

.site-footer {
  background: #211a20;
  color: #fff;
  padding: 42px 0 20px;
  margin-top: 36px;
}
.footer-grid { display: grid; gap: 30px; align-items: start; }
.footer-logo-wrap { margin-bottom: 16px; }
.footer-brand .site-logo-link,
.footer-brand .custom-logo-link { display: inline-flex; width: auto; min-width: 0; min-height: 0; }
.footer-brand .site-logo-img,
.footer-brand .custom-logo {
  width: 112px;
  max-width: 112px;
  height: auto;
  max-height: 112px;
  object-fit: contain;
  margin: 0;
  padding: 0;
  background: transparent !important;
  border: 0;
  box-shadow: none;
  filter: none;
}
.footer-brand p { max-width: 420px; color: rgba(255,255,255,.86); }
.site-footer a { color: rgba(255,255,255,.9); text-decoration: none; }
.site-footer a:hover,
.site-footer a:focus { color: #fff; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; }
.site-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.site-footer h2 { color: #fff; font-size: 1.2rem; margin-bottom: 14px; }
.footer-menu a,
.footer-contact-list a { display: inline-flex; line-height: 1.35; }
.footer-contact-list a[href^="mailto"],
.footer-contact-list a[href^="tel"] { font-weight: 700; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.14); margin-top: 2rem; padding-top: 1rem; font-size: .95rem; color: rgba(255,255,255,.72); }

.sawk-inline-link { display: inline-flex; margin-top: .8rem; font-weight: 700; color: var(--sawk-brand-dark); text-decoration: none; border-bottom: 1px solid rgba(90, 13, 94, .28); }
.sawk-inline-link:hover, .sawk-inline-link:focus { color: var(--sawk-brand); border-bottom-color: currentColor; }

@media (min-width: 560px) {
  body { font-size: 18px; }
  .sawk-btn { width: auto; }
  .search-field { width: auto; min-width: min(100%, 320px); }
}

@media (min-width: 760px) {
  .sawk-trust-grid { grid-template-columns: repeat(2, 1fr); }
  .sawk-product-grid { grid-template-columns: repeat(2, 1fr); }
  .posts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: 1.25fr .9fr .85fr; }
}

@media (min-width: 981px) {
  :root { --sawk-radius-xl: 28px; --sawk-radius-lg: 20px; }
  h1 { font-size: clamp(3.2rem, 5vw, 5rem); }
  h2 { font-size: clamp(2.3rem, 3vw, 3.2rem); }
  .header-inner { min-height: 76px; gap: 24px; }
  .site-logo-img, .custom-logo { width: 54px; max-width: 54px; height: 54px; }
  .menu-toggle { display: none; }
  .primary-navigation { position: static; display: block; background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; }
  .primary-navigation ul { display: flex; align-items: center; gap: 20px; }
  .primary-navigation a { padding: .5rem .1rem; font-size: .86rem; }
  .sawk-hero { padding: 54px 0 36px; }
  .sawk-hero-grid { grid-template-columns: 1.05fr .95fr; gap: 34px; }
  .sawk-trust-grid { grid-template-columns: repeat(4, 1fr); }
  .sawk-section { padding: 48px 0; }
  .sawk-section-head { display: flex; justify-content: space-between; gap: 24px; align-items: end; }
  .sawk-cards-3 { grid-template-columns: repeat(3, 1fr); }
  .sawk-split { grid-template-columns: .9fr 1.1fr; gap: 28px; }
  .sawk-panel { padding: 30px; }
  .sawk-product-grid { grid-template-columns: repeat(4, 1fr); }
  .sawk-blog-grid { grid-template-columns: repeat(3, 1fr); }
  .posts-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sawk-cta-band { padding: 58px 0; }
  .sawk-cta-box { border-radius: 32px; padding: 42px 26px; }
}



.archive-header { padding: clamp(2.5rem, 5vw, 4rem) 0; background: var(--sawk-surface-soft); border-bottom: 1px solid var(--sawk-border); }
.posts-grid { display: grid; gap: 1.25rem; }
.post-card { background: var(--sawk-surface); border: 1px solid var(--sawk-border); border-radius: var(--sawk-radius-lg); box-shadow: var(--sawk-shadow-soft); padding: 0; overflow: hidden; }
.post-card__image img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.post-card__body { padding: 1.35rem; }
.post-card__title { font-size: 1.35rem; }
.post-card__title a { color: #241e18; text-decoration: none; }
.entry-meta { color: var(--sawk-muted); font-size: .95rem; }
.entry-content > * { margin-bottom: 1.1rem; }
.entry-content img { border-radius: var(--sawk-radius-md); }
.entry-featured-image { margin: 0 0 1.8rem; border-radius: var(--sawk-radius-lg); overflow: hidden; }
.content-entry { background: var(--sawk-surface); border: 1px solid var(--sawk-border); border-radius: var(--sawk-radius-xl); padding: clamp(1.4rem, 4vw, 3rem); box-shadow: var(--sawk-shadow-soft); }
.search-form { display: flex; gap: .75rem; flex-wrap: wrap; margin: 1rem 0; }
.search-field { min-height: 52px; border: 1px solid var(--sawk-border); border-radius: 999px; padding: .75rem 1rem; font: inherit; width: 100%; }


/* ===== 30-components.css ===== */
/* SAWK v2.0 — reusable components: buttons, cards, forms, FAQ, CTA and course cards */
.sawk-hero-card { overflow: hidden; border-radius: var(--sawk-radius-xl); border: 1px solid var(--sawk-border); background: var(--sawk-surface); box-shadow: var(--sawk-shadow); margin: 0; }
.sawk-hero-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.sawk-hero-card-caption { padding: 18px 20px; color: var(--sawk-muted); }

.sawk-trust-strip { padding: 10px 0 30px; }
.sawk-trust-grid { display: grid; gap: 14px; }
.sawk-trust-card { background: var(--sawk-surface); border: 1px solid var(--sawk-border); border-radius: 18px; padding: 18px; box-shadow: var(--sawk-shadow-soft); }
.sawk-trust-card strong { display: block; color: var(--sawk-brand-dark); font-size: 1.2rem; }
.sawk-trust-card span { color: var(--sawk-muted); font-size: .96rem; }

.sawk-section { padding: 42px 0; }
.sawk-section-soft { background: var(--sawk-surface-soft); border-block: 1px solid var(--sawk-border); }
.sawk-section-head { display: block; margin-bottom: 24px; }
.sawk-section-head p { max-width: 640px; color: var(--sawk-muted); margin: 0; }
.sawk-cards-3 { display: grid; gap: 18px; }
.sawk-card { background: var(--sawk-surface); border: 1px solid var(--sawk-border); border-radius: var(--sawk-radius-lg); overflow: hidden; box-shadow: var(--sawk-shadow-soft); }
.sawk-card__media { width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: #f5eef4; }
.sawk-card__image { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; padding: 0; }
.sawk-card__body { padding: 22px; }
.sawk-card-icon { width: 44px; height: 44px; border-radius: 50%; background: rgba(153,0,122,.08); display: grid; place-items: center; color: var(--sawk-brand); font-weight: 900; margin-bottom: 14px; }
.sawk-card p { margin: 0; color: var(--sawk-muted); }
.sawk-card__button { margin-top: 1rem; }

.sawk-split { display: grid; gap: 22px; align-items: start; }
.sawk-panel { background: linear-gradient(180deg, #fffdfb, #f9f5ef); border: 1px solid var(--sawk-border); border-radius: var(--sawk-radius-xl); padding: 24px; box-shadow: var(--sawk-shadow-soft); }
.sawk-checklist { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.sawk-checklist li { position: relative; padding-left: 30px; }
.sawk-checklist li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--sawk-accent); font-weight: 900; }

.sawk-product-grid { display: grid; gap: 20px; }
.sawk-product { background: #fff; border: 1px solid var(--sawk-border); border-radius: 20px; overflow: hidden; box-shadow: var(--sawk-shadow-soft); }
.sawk-product-media { background: #f5eef4; aspect-ratio: 1 / 1; display: grid; place-items: center; overflow: hidden; }
.sawk-product-media img { width: 100%; height: 100%; object-fit: cover; }
.sawk-product-body { padding: 16px; text-align: center; }
.sawk-product-title { font-weight: 900; text-transform: uppercase; letter-spacing: .04em; font-size: .92rem; line-height: 1.25; margin-bottom: 10px; }
.sawk-date-pill { display: inline-flex; padding: 6px 10px; border-radius: 999px; background: #f7f2eb; color: #0774a8; font-size: .84rem; font-weight: 800; }
.sawk-price { color: var(--sawk-brand); font-size: 1.15rem; font-weight: 900; margin-top: 10px; }
.sawk-stock { color: #569638; font-weight: 800; }

.sawk-blog-grid { display: grid; gap: 18px; }
.sawk-article-card { padding: 24px; border-radius: var(--sawk-radius-lg); background: #fff; border: 1px solid var(--sawk-border); box-shadow: var(--sawk-shadow-soft); }
.sawk-article-card .sawk-tag { color: var(--sawk-brand); font-weight: 900; text-transform: uppercase; font-size: .8rem; letter-spacing: .05em; }
.sawk-article-card h3 a { color: #241e18; text-decoration: none; }

.sawk-faq-list { display: grid; gap: 14px; }
.sawk-faq-item { background: #fff; border: 1px solid var(--sawk-border); border-radius: var(--sawk-radius-lg); box-shadow: var(--sawk-shadow-soft); padding: 18px 20px; }
.sawk-faq-item summary { cursor: pointer; font-weight: 900; color: #241e18; }
.sawk-faq-item p { color: var(--sawk-muted); margin: .85rem 0 0; }

.sawk-cta-band { padding: 48px 0; }
.sawk-cta-box { text-align: center; border-radius: 28px; padding: 34px 20px; border: 1px solid #e2d0bb; background: linear-gradient(135deg, #fff9f2, #f4eadf); box-shadow: var(--sawk-shadow); }
.sawk-cta-box p { max-width: 760px; margin-inline: auto; color: var(--sawk-muted); }
.sawk-editor-content-section { padding-top: 0; }
.sawk-editor-content { background: var(--sawk-surface); border: 1px solid var(--sawk-border); border-radius: var(--sawk-radius-xl); padding: clamp(1.4rem, 4vw, 3rem); box-shadow: var(--sawk-shadow-soft); }

/* SAWK v1.2.2 — Quform visual integration */
.sawk-page-content .quform,
.sawk-editor-content .quform,
.content-entry .quform {
  margin-top: 1.6rem;
  font-family: inherit;
  color: var(--sawk-text);
}

.sawk-page-content .quform .quform-element,
.sawk-editor-content .quform .quform-element,
.content-entry .quform .quform-element {
  margin-bottom: 1rem;
}

.sawk-page-content .quform label,
.sawk-page-content .quform .quform-label,
.sawk-editor-content .quform label,
.sawk-editor-content .quform .quform-label,
.content-entry .quform label,
.content-entry .quform .quform-label {
  display: inline-block;
  margin-bottom: .45rem;
  color: var(--sawk-text);
  font-weight: 800;
}

.sawk-page-content .quform input[type="text"],
.sawk-page-content .quform input[type="email"],
.sawk-page-content .quform input[type="tel"],
.sawk-page-content .quform input[type="url"],
.sawk-page-content .quform input[type="number"],
.sawk-page-content .quform textarea,
.sawk-page-content .quform select,
.sawk-editor-content .quform input[type="text"],
.sawk-editor-content .quform input[type="email"],
.sawk-editor-content .quform input[type="tel"],
.sawk-editor-content .quform input[type="url"],
.sawk-editor-content .quform input[type="number"],
.sawk-editor-content .quform textarea,
.sawk-editor-content .quform select,
.content-entry .quform input[type="text"],
.content-entry .quform input[type="email"],
.content-entry .quform input[type="tel"],
.content-entry .quform input[type="url"],
.content-entry .quform input[type="number"],
.content-entry .quform textarea,
.content-entry .quform select {
  width: 100%;
  min-height: 52px;
  border: 1px solid var(--sawk-border);
  border-radius: 14px;
  padding: .85rem 1rem;
  background: #fff;
  color: var(--sawk-text);
  font: inherit;
  box-shadow: none;
}

.sawk-page-content .quform textarea,
.sawk-editor-content .quform textarea,
.content-entry .quform textarea {
  min-height: 150px;
  resize: vertical;
}

.sawk-page-content .quform input:focus,
.sawk-page-content .quform textarea:focus,
.sawk-page-content .quform select:focus,
.sawk-editor-content .quform input:focus,
.sawk-editor-content .quform textarea:focus,
.sawk-editor-content .quform select:focus,
.content-entry .quform input:focus,
.content-entry .quform textarea:focus,
.content-entry .quform select:focus {
  outline: 3px solid rgba(153, 0, 122, .14);
  border-color: var(--sawk-brand);
}

.sawk-page-content .quform .quform-description,
.sawk-page-content .quform .quform-help-text,
.sawk-editor-content .quform .quform-description,
.sawk-editor-content .quform .quform-help-text,
.content-entry .quform .quform-description,
.content-entry .quform .quform-help-text {
  color: var(--sawk-muted);
  font-size: .92rem;
  font-style: italic;
}

.sawk-page-content .quform button,
.sawk-page-content .quform input[type="submit"],
.sawk-editor-content .quform button,
.sawk-editor-content .quform input[type="submit"],
.content-entry .quform button,
.content-entry .quform input[type="submit"] {
  min-height: 54px;
  border: 0;
  border-radius: 999px;
  padding: .95rem 1.45rem;
  background: linear-gradient(135deg, var(--sawk-brand), var(--sawk-brand-dark));
  color: #fff;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(153,0,122,.18);
}

.sawk-page-content .quform button:hover,
.sawk-page-content .quform input[type="submit"]:hover,
.sawk-editor-content .quform button:hover,
.sawk-editor-content .quform input[type="submit"]:hover,
.content-entry .quform button:hover,
.content-entry .quform input[type="submit"]:hover {
  transform: translateY(-1px);
}


/* SAWK v1.2.3 PREVIEW — SEO/CRO sections and accessible FAQ accordion */
.sawk-seo-cro { background: linear-gradient(180deg, #fff 0%, var(--sawk-surface-soft) 100%); }
.sawk-seo-cro__grid { display: grid; gap: 22px; }
.sawk-seo-cro__intro { max-width: 780px; }
.sawk-seo-cro__intro .sawk-lead { margin-top: 1rem; }
.sawk-benefit-grid,
.sawk-process-grid,
.sawk-mini-faq-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.sawk-benefit-card,
.sawk-process-card,
.sawk-mini-faq-card { background: #fff; border: 1px solid var(--sawk-border); border-radius: var(--sawk-radius-lg); padding: 22px; box-shadow: var(--sawk-shadow-soft); }
.sawk-benefit-card h3,
.sawk-process-card h3,
.sawk-mini-faq-card h3 { margin-top: 0; font-size: clamp(1.15rem, 5vw, 1.45rem); }
.sawk-process-card__number { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--sawk-accent-soft); color: var(--sawk-cta); font-weight: 900; margin-bottom: .9rem; }
.sawk-seo-cro__block { margin-top: 34px; }
.sawk-seo-cro__block > h3 { font-size: clamp(1.6rem, 7vw, 2.55rem); margin-bottom: 1rem; }
.sawk-seo-cro .sawk-checklist { margin-top: 0; }
.sawk-seo-cro__cta { background: var(--sawk-dark); color: #fff; border-radius: var(--sawk-radius-xl); padding: clamp(24px, 7vw, 48px); box-shadow: var(--sawk-shadow); }
.sawk-seo-cro__cta h3 { color: #fff; margin-top: 0; }
.sawk-seo-cro__cta p { color: rgba(255,255,255,.84); }
.sawk-seo-cro__cta .sawk-btn-secondary { border-color: rgba(255,255,255,.45); color: #fff; background: transparent; }

.sawk-accordion { display: grid; gap: 12px; }
.sawk-accordion__item { background: #fff; border: 1px solid var(--sawk-border); border-radius: var(--sawk-radius-lg); box-shadow: var(--sawk-shadow-soft); overflow: hidden; }
.sawk-accordion__heading { margin: 0; font-size: 1rem; }
.sawk-accordion__button { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 1rem; border: 0; background: transparent; color: var(--sawk-text); text-align: left; font: inherit; font-weight: 900; padding: 18px 20px; cursor: pointer; }
.sawk-accordion__button:focus-visible { outline: 3px solid rgba(155, 0, 125, .22); outline-offset: -3px; }
.sawk-accordion__icon { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--sawk-accent-soft); color: var(--sawk-cta); flex: 0 0 auto; font-size: 1.2rem; line-height: 1; }
.sawk-accordion__button[aria-expanded="true"] .sawk-accordion__icon { transform: rotate(45deg); }
.sawk-accordion__panel { padding: 0 20px 20px; color: var(--sawk-muted); }
.sawk-accordion__panel p { margin: 0; }
.sawk-page-faq { background: var(--sawk-surface-soft); border-top: 1px solid var(--sawk-border); }

@media (min-width: 720px) {
  .sawk-benefit-grid,
  .sawk-process-grid,
  .sawk-mini-faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .sawk-benefit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sawk-process-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .sawk-mini-faq-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}


/* SAWK v1.2.3.3 — Blog/Course Cards + Process Badge polish */
.sawk-page-hero .container.narrow,
.sawk-blog-page-hero .container.narrow {
  max-width: 900px;
}

.sawk-blog-cards-section {
  padding-top: clamp(20px, 4vw, 44px);
}

.sawk-blog-card,
.sawk-course-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.sawk-blog-card:hover,
.sawk-course-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 46px rgba(34, 24, 32, .12);
  border-color: rgba(153, 0, 122, .20);
}

.sawk-blog-card__media,
.sawk-card__media,
.sawk-course-card__media,
.sawk-product-media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f5eef4;
}

.sawk-blog-card__image,
.sawk-card__image,
.sawk-course-card__image,
.sawk-product-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  margin: 0;
  padding: 0;
}

.sawk-blog-card__body,
.sawk-course-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.sawk-card-excerpt {
  color: var(--sawk-muted);
  font-size: .96rem;
  line-height: 1.55;
}

.sawk-card-excerpt p {
  margin: 0 0 .6rem;
}

.sawk-card-excerpt ul,
.sawk-card-excerpt ol {
  margin: .35rem 0 .6rem 1.15rem;
  padding: 0;
}

.sawk-card-excerpt--clamp {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sawk-blog-card__link {
  margin-top: auto;
  padding-top: .85rem;
  font-weight: 900;
}

.sawk-course-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: .85rem 0 .75rem;
}

.sawk-course-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 999px;
  padding: .28rem .65rem;
  background: var(--sawk-accent-soft);
  color: var(--sawk-brand-dark);
  font-size: .86rem;
  font-weight: 800;
  line-height: 1.2;
}

.sawk-course-pill--trainer,
.sawk-course-pill--topic {
  background: #f7f2ec;
  color: var(--sawk-text);
}

.sawk-course-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: auto;
  border-radius: 999px;
  padding: .78rem 1.05rem;
  background: linear-gradient(135deg, var(--sawk-brand), var(--sawk-brand-dark));
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(153,0,122,.16);
}

.sawk-course-button:hover,
.sawk-course-button:focus-visible {
  color: #fff;
  transform: translateY(-1px);
}

.sawk-product-title,
.sawk-course-card__title {
  font-size: clamp(1.25rem, 5vw, 1.62rem);
  line-height: 1.12;
  margin: 0;
}

.sawk-process-card__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: rgba(153, 0, 122, .10);
  color: var(--sawk-cta);
  border: 1px solid rgba(153, 0, 122, .16);
  font-weight: 900;
  font-size: 1.05rem;
  line-height: 1;
  margin-bottom: 1.05rem;
}

@media (min-width: 1024px) {
  .sawk-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .sawk-product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}



/* SAWK v1.2.3.8 — Unified Course Cards
   Scope: one visual system for course cards on homepage and Blog page.
   ACF/PHP fields stay unchanged. */
.sawk-product-grid,
.sawk-blog-course-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(18px, 2.6vw, 28px);
  align-items: stretch;
  justify-content: start;
}

.sawk-course-card,
.sawk-product.sawk-course-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: 420px;
  min-width: 0;
  background: var(--sawk-surface);
  border: 1px solid var(--sawk-border);
  border-radius: var(--sawk-radius-lg);
  box-shadow: var(--sawk-shadow-soft);
  text-align: left;
}

.sawk-course-card *,
.sawk-product.sawk-course-card * {
  text-align: left;
}

.sawk-course-card__media,
.sawk-product.sawk-course-card .sawk-product-media {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f5eef4;
  display: block;
}

.sawk-course-card__image,
.sawk-product.sawk-course-card .sawk-product-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  margin: 0;
  padding: 0;
}

.sawk-course-card__body,
.sawk-product.sawk-course-card .sawk-product-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: flex-start;
  padding: clamp(18px, 2.6vw, 24px);
  text-align: left;
}

.sawk-course-card .sawk-tag,
.sawk-product.sawk-course-card .sawk-tag {
  display: inline-flex;
  width: fit-content;
  margin-bottom: .75rem;
}

.sawk-course-card__title,
.sawk-product.sawk-course-card .sawk-product-title {
  width: 100%;
  margin: .1rem 0 .2rem;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  font-size: clamp(1.42rem, 3vw, 1.9rem);
  line-height: 1.08;
  font-weight: 900;
}

.sawk-course-card .sawk-course-meta,
.sawk-product.sawk-course-card .sawk-course-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: .5rem;
  margin: .95rem 0 .9rem;
}

.sawk-course-card .sawk-course-pill,
.sawk-product.sawk-course-card .sawk-course-pill {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 30px;
  border-radius: 999px;
  padding: .28rem .65rem;
  background: var(--sawk-accent-soft);
  color: var(--sawk-brand-dark);
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.2;
  white-space: normal;
  text-align: left;
}

.sawk-course-card .sawk-course-pill--trainer,
.sawk-course-card .sawk-course-pill--topic,
.sawk-product.sawk-course-card .sawk-course-pill--trainer,
.sawk-product.sawk-course-card .sawk-course-pill--topic {
  background: #f7f2ec;
  color: var(--sawk-text);
}

.sawk-product.sawk-course-card .sawk-price,
.sawk-product.sawk-course-card .sawk-stock {
  display: inline-flex;
  width: fit-content;
  margin: .25rem 0 0;
  border-radius: 999px;
  padding: .28rem .65rem;
  background: var(--sawk-accent-soft);
  color: var(--sawk-brand-dark);
  font-size: .85rem;
  font-weight: 900;
  line-height: 1.2;
}

.sawk-product.sawk-course-card .sawk-stock {
  background: #eef7ef;
  color: #3d7a39;
}

.sawk-course-card .sawk-card-excerpt,
.sawk-product.sawk-course-card .sawk-card-excerpt {
  width: 100%;
  margin: .85rem 0 1.1rem;
  color: var(--sawk-muted);
  text-align: left;
}

.sawk-course-card .sawk-course-button,
.sawk-product.sawk-course-card .sawk-course-button {
  align-self: flex-start;
  margin-top: auto;
  text-align: center;
}

@media (min-width: 760px) {
  .sawk-product-grid,
  .sawk-blog-course-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .sawk-product-grid,
  .sawk-blog-course-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}




/* v1.2.3.11 Unified Course Meta Rendering
   Blog Course Cards now use the same price/stock markup as homepage Course Cards. */
.sawk-blog-course-section .sawk-product.sawk-course-card .sawk-price,
.sawk-blog-course-section .sawk-product.sawk-course-card .sawk-stock {
  display: inline-flex;
  width: fit-content;
  margin: .25rem 0 0;
}


/* SAWK v1.3 — Featured Cards + Filtering + Dynamic Content System */
.sawk-course-card--featured {
  border-color: rgba(153, 0, 122, .34);
  box-shadow: 0 22px 54px rgba(70, 48, 28, .13);
}

.sawk-featured-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 30px;
  margin-bottom: .7rem;
  border-radius: 999px;
  padding: .3rem .7rem;
  background: linear-gradient(135deg, var(--sawk-brand), var(--sawk-brand-dark));
  color: #fff;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.sawk-course-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: 0 0 clamp(1.2rem, 3vw, 1.8rem);
}

.sawk-filter-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid var(--sawk-border);
  border-radius: 999px;
  padding: .55rem .9rem;
  background: #fff;
  color: var(--sawk-brand-dark);
  font: inherit;
  font-weight: 900;
  line-height: 1.1;
  cursor: pointer;
  box-shadow: var(--sawk-shadow-soft);
}

.sawk-filter-button:hover,
.sawk-filter-button:focus-visible,
.sawk-filter-button.is-active {
  border-color: rgba(153, 0, 122, .28);
  background: rgba(153, 0, 122, .08);
  color: var(--sawk-brand-dark);
}

.sawk-filter-button.is-active {
  box-shadow: inset 0 0 0 1px rgba(153, 0, 122, .18), var(--sawk-shadow-soft);
}

[data-sawk-filter-card][hidden] {
  display: none !important;
}

@media (min-width: 981px) {
  .sawk-course-card--featured:first-child {
    position: relative;
  }
}


/* ===== 40-pages.css ===== */
/* SAWK v2.0 — page-specific sections: homepage, blog template, archives and editorial layouts */
/* SAWK v1.2.2 — ręcznie edytowana podstrona Blog przez ACF */
.sawk-page-hero { padding: 32px 0 18px; }
.sawk-page-hero-card { margin-inline: auto; }
.sawk-blog-page-hero .sawk-lead { max-width: 760px; }
.sawk-blog-cards-section { padding-top: 22px; }
.sawk-blog-cards { display: grid; grid-template-columns: 1fr; gap: 18px; }
.sawk-blog-card { overflow: hidden; border: 1px solid var(--sawk-border); border-radius: var(--sawk-radius-lg); background: var(--sawk-surface); box-shadow: var(--sawk-shadow-soft); }
.sawk-blog-card__media { width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: #f5eef4; }
.sawk-blog-card__image { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; padding: 0; }
.sawk-blog-card__body { padding: 20px; }
.sawk-blog-card__title { font-size: clamp(1.35rem, 6vw, 1.85rem); margin: .35rem 0 .55rem; }
.sawk-blog-card__body p { color: var(--sawk-muted); }
.sawk-blog-card__link { margin-top: .35rem; }

@media (min-width: 680px) {
  .sawk-blog-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1180px) {
  .sawk-blog-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* SAWK v1.2.2.2 — separate transparent white footer logo */
.sawk-footer-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 0;
  text-decoration: none;
}

.sawk-footer-logo {
  display: block;
  width: clamp(96px, 10vw, 138px);
  height: auto;
  object-fit: contain;
  margin: 0;
  padding: 0;
  background: transparent !important;
  border: 0;
  box-shadow: none;
}

.site-header .custom-logo-link,
.site-header .site-logo-link {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.site-header .custom-logo,
.site-header .site-logo-img {
  display: block;
  background: transparent;
  border: 0;
  box-shadow: none;
}



/* SAWK v1.2.3.4 — Blog page: separate Blog Cards and Course Cards sections */
.sawk-blog-cards-section--editorial + .sawk-blog-course-section {
  padding-top: clamp(28px, 5vw, 64px);
}

.sawk-section-head--stacked {
  align-items: flex-start;
}

.sawk-section-head--stacked p {
  max-width: 720px;
}

.sawk-blog-course-grid {
  margin-top: clamp(16px, 3vw, 28px);
}

.sawk-blog-course-section .sawk-course-card .sawk-tag {
  margin-bottom: .65rem;
}

.sawk-blog-course-section .sawk-course-button {
  margin-top: auto;
}

/* SAWK v1.2.3.5 — Blog Layout Polish
   Scope: /blog/ template only. Aligns blog hero, editorial cards and course cards in one visual system. */
.sawk-blog-page-hero {
  padding-top: clamp(28px, 5vw, 52px);
  padding-bottom: clamp(14px, 2.5vw, 24px);
}

.sawk-blog-page-hero .container.narrow {
  max-width: 960px;
}

.sawk-blog-page-hero .sawk-page-hero-card {
  max-width: 960px;
}

.sawk-blog-page-hero .entry-title {
  margin-bottom: clamp(.8rem, 2vw, 1.15rem);
}

.sawk-blog-page-hero .sawk-lead {
  max-width: 780px;
}

.sawk-blog-cards-section,
.sawk-blog-course-section {
  padding-top: clamp(22px, 3vw, 36px);
  padding-bottom: clamp(28px, 4vw, 52px);
}

.sawk-blog-cards-section .container,
.sawk-blog-course-section .container {
  max-width: 960px;
}

.sawk-blog-cards {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 320px));
  justify-content: start;
  align-items: stretch;
  gap: clamp(18px, 2.5vw, 26px);
}

.sawk-blog-card {
  max-width: 320px;
}

.sawk-blog-card__media {
  aspect-ratio: 16 / 9;
}

.sawk-blog-card__body {
  padding: clamp(18px, 2.5vw, 24px);
}

.sawk-blog-card__title {
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  line-height: 1.12;
}

.sawk-blog-card__excerpt {
  font-size: .95rem;
}

.sawk-blog-cards-section--editorial + .sawk-blog-course-section {
  padding-top: clamp(18px, 3vw, 36px);
}

.sawk-blog-course-section .sawk-section-head,
.sawk-blog-course-section .sawk-section-head--stacked {
  display: block;
  max-width: 820px;
  margin-bottom: clamp(18px, 3vw, 30px);
}

.sawk-blog-course-section .sawk-section-head h2 {
  margin: .7rem 0 .65rem;
  max-width: 760px;
  line-height: 1.05;
}

.sawk-blog-course-section .sawk-section-head p {
  max-width: 720px;
  margin: 0;
  color: var(--sawk-muted);
  text-align: left;
}

.sawk-blog-course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 360px));
  justify-content: start;
  align-items: stretch;
  gap: clamp(18px, 2.6vw, 28px);
  margin-top: 0;
}

.sawk-blog-course-section .sawk-course-card {
  max-width: 360px;
  text-align: left;
}

.sawk-blog-course-section .sawk-course-card,
.sawk-blog-course-section .sawk-course-card * {
  text-align: left;
}

.sawk-blog-course-section .sawk-course-card__media,
.sawk-blog-course-section .sawk-product-media {
  aspect-ratio: 16 / 9;
}

.sawk-blog-course-section .sawk-course-card__body,
.sawk-blog-course-section .sawk-product-body {
  align-items: flex-start;
  padding: clamp(18px, 2.6vw, 24px);
  text-align: left;
}

.sawk-blog-course-section .sawk-course-card .sawk-tag {
  display: inline-flex;
  width: fit-content;
  margin-bottom: .75rem;
}

.sawk-blog-course-section .sawk-course-card__title,
.sawk-blog-course-section .sawk-product-title {
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  font-size: clamp(1.42rem, 3vw, 1.9rem);
  line-height: 1.08;
  margin-bottom: .2rem;
}

.sawk-blog-course-section .sawk-course-meta {
  justify-content: flex-start;
  align-items: flex-start;
  gap: .5rem;
  margin: .95rem 0 .9rem;
}

.sawk-blog-course-section .sawk-course-pill {
  max-width: 100%;
  white-space: normal;
  text-align: left;
  font-size: .82rem;
}

.sawk-blog-course-section .sawk-card-excerpt {
  text-align: left;
  margin-top: .2rem;
}

.sawk-blog-course-section .sawk-course-button {
  margin-top: auto;
  align-self: flex-start;
  text-align: center;
}

@media (min-width: 760px) {
  .sawk-blog-cards-section,
  .sawk-blog-course-section {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1180px) {
  .sawk-blog-cards {
    grid-template-columns: repeat(3, minmax(0, 300px));
  }

  .sawk-blog-course-grid {
    grid-template-columns: repeat(3, minmax(0, 340px));
  }
}

/* SAWK v1.2.3.6 — Blog Container Alignment Fix
   One visual axis for /blog/ hero, Blog Cards and Course Cards. No ACF sync required. */
.sawk-blog-layout {
  width: min(1120px, calc(100% - 32px));
  margin-inline: auto;
  padding-top: clamp(20px, 4vw, 44px);
  padding-bottom: clamp(36px, 6vw, 72px);
}

.sawk-blog-layout .sawk-blog-container {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}

.sawk-blog-layout .sawk-blog-page-hero {
  padding-top: 0;
  padding-bottom: clamp(18px, 3vw, 30px);
}

.sawk-blog-layout .sawk-page-hero-card {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  padding: clamp(28px, 5vw, 56px);
}

.sawk-blog-layout .sawk-blog-page-hero .entry-title {
  max-width: 760px;
}

.sawk-blog-layout .sawk-blog-page-hero .sawk-lead {
  max-width: 760px;
}

.sawk-blog-layout .sawk-blog-cards-section,
.sawk-blog-layout .sawk-blog-course-section {
  padding-top: clamp(16px, 2.5vw, 28px);
  padding-bottom: clamp(24px, 4vw, 48px);
}

.sawk-blog-layout .sawk-blog-cards {
  grid-template-columns: 1fr;
  justify-content: start;
  align-items: stretch;
  gap: clamp(18px, 2.5vw, 28px);
}

.sawk-blog-layout .sawk-blog-card,
.sawk-blog-layout .sawk-course-card {
  max-width: none;
}

.sawk-blog-layout .sawk-blog-course-section .sawk-section-head,
.sawk-blog-layout .sawk-blog-course-section .sawk-section-head--stacked {
  display: block;
  max-width: 760px;
  margin-bottom: clamp(18px, 3vw, 30px);
}

.sawk-blog-layout .sawk-blog-course-grid {
  grid-template-columns: 1fr;
  justify-content: start;
  gap: clamp(18px, 2.6vw, 30px);
}

@media (min-width: 720px) {
  .sawk-blog-layout .sawk-blog-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sawk-blog-layout .sawk-blog-course-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .sawk-blog-layout .sawk-blog-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sawk-blog-layout .sawk-blog-course-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


/* SAWK v1.2.3.7 — Lead + CTA Spacing Polish
   Scope: targeted overrides only. Do not remove global .sawk-lead max-width. */
.sawk-blog-layout .sawk-blog-page-hero .sawk-lead,
.sawk-blog-page-hero .sawk-page-hero-card .sawk-lead {
  max-width: 100%;
}

.sawk-cta-band {
  padding-block: clamp(2.5rem, 5vw, 4.75rem);
}

.sawk-cta-box {
  padding-block: clamp(2.5rem, 5vw, 4rem);
  padding-inline: clamp(1.25rem, 4vw, 4rem);
}

.sawk-cta-box p,
.sawk-cta-band .sawk-lead,
.sawk-cta-band p {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  color: var(--sawk-muted);
}

.sawk-cta-band .sawk-actions,
.sawk-cta-box .sawk-actions {
  justify-content: center;
  gap: clamp(.8rem, 2vw, 1rem);
  margin-top: clamp(1.35rem, 3vw, 2rem);
}

@media (max-width: 640px) {
  .sawk-cta-band .sawk-actions,
  .sawk-cta-box .sawk-actions {
    align-items: stretch;
  }

  .sawk-cta-band .sawk-btn,
  .sawk-cta-box .sawk-btn {
    width: 100%;
  }
}


/* ===== 50-utilities.css ===== */
/* SAWK v2.0 — final normalisation utilities and responsive consistency overrides */
/* SAWK v1.2.3.12 — UI Consistency Audit Fix
   Scope: CSS cleanup/normalization only. No ACF changes, no content changes.
   Goal: stabilize vertical rhythm, section headers, CTA, card grids, mobile spacing,
   footer spacing, FAQ/Quform consistency after iterative v1.2.3.x patches. */
/* Section rhythm */
.sawk-section {
  padding-block: var(--sawk-space-section-mobile);
}

.sawk-hero + .sawk-trust-strip,
.sawk-blog-page-hero + .sawk-blog-cards-section {
  padding-top: var(--sawk-space-section-tight);
}

.sawk-section + .sawk-section {
  margin-top: 0;
}

/* Unified section headers */
.sawk-section-head,
.sawk-section-head--stacked {
  margin-bottom: clamp(1.5rem, 4vw, 2.25rem);
}

.sawk-section-head h2,
.sawk-section-head--stacked h2 {
  margin-bottom: .75rem;
}

.sawk-section-head p,
.sawk-section-head--stacked p {
  width: 100%;
  max-width: 100%;
  color: var(--sawk-muted);
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  line-height: 1.45;
}

/* Blog layout rhythm after v1.2.3.6/7 */
.sawk-blog-layout {
  padding-block: clamp(1.5rem, 4vw, 2.5rem) var(--sawk-space-section-mobile);
}

.sawk-blog-layout .sawk-blog-page-hero {
  padding-block: 0;
}

.sawk-blog-layout .sawk-page-hero-card {
  padding: clamp(2rem, 5vw, 3.4rem);
}

.sawk-blog-layout .sawk-blog-cards-section,
.sawk-blog-layout .sawk-blog-course-section {
  padding-block: var(--sawk-space-section-tight);
}

.sawk-blog-layout .sawk-blog-cards-section + .sawk-blog-course-section {
  padding-top: clamp(2rem, 5vw, 3.25rem);
}

.sawk-blog-layout .sawk-blog-cards,
.sawk-blog-layout .sawk-blog-course-grid,
.sawk-product-grid {
  gap: clamp(1.2rem, 2.2vw, 2rem);
}

/* Cards: consistent padding and safer visual height */
.sawk-blog-card__body,
.sawk-course-card__body,
.sawk-product.sawk-course-card .sawk-product-body,
.sawk-card__body {
  padding: var(--sawk-card-pad-mobile);
}

.sawk-blog-card,
.sawk-course-card,
.sawk-product.sawk-course-card,
.sawk-card {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

@media (hover: hover) {
  .sawk-blog-card:hover,
  .sawk-course-card:hover,
  .sawk-product.sawk-course-card:hover,
  .sawk-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--sawk-shadow);
  }
}

/* Blog cards: avoid over-dense content on mobile and preserve editorial rhythm */
.sawk-blog-card__excerpt,
.sawk-card-excerpt {
  color: var(--sawk-muted);
  line-height: 1.55;
}

.sawk-card-excerpt--clamp {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sawk-blog-card__link,
.sawk-course-button {
  min-height: 44px;
}

/* Course metadata: reduce visual density but keep labels readable */
.sawk-course-card .sawk-course-meta,
.sawk-product.sawk-course-card .sawk-course-meta {
  gap: .45rem .55rem;
  margin-block: .95rem 1rem;
}

.sawk-course-card .sawk-course-pill,
.sawk-product.sawk-course-card .sawk-course-pill,
.sawk-product.sawk-course-card .sawk-price,
.sawk-product.sawk-course-card .sawk-stock {
  font-size: clamp(.78rem, 2.4vw, .86rem);
}

.sawk-course-card .sawk-card-excerpt,
.sawk-product.sawk-course-card .sawk-card-excerpt {
  font-size: clamp(1rem, 2.5vw, 1.06rem);
}

/* Process cards: consistent mobile spacing after number badge introduction */
.sawk-process-card,
.sawk-mini-faq-card {
  padding: clamp(1.2rem, 4vw, 1.65rem);
}

.sawk-process-card__number {
  margin-bottom: 1rem;
}

/* FAQ accordion/details consistency */
.sawk-faq-list {
  gap: clamp(.8rem, 2vw, 1rem);
}

.sawk-faq-item {
  padding: clamp(1rem, 3vw, 1.35rem) clamp(1rem, 4vw, 1.55rem);
}

.sawk-faq-item summary,
.sawk-accordion__button {
  line-height: 1.25;
}

/* Quform consistency on narrow screens */
.sawk-page-content .quform,
.sawk-editor-content .quform,
.content-entry .quform {
  margin-top: clamp(1.25rem, 4vw, 1.8rem);
}

.sawk-page-content .quform input[type="text"],
.sawk-page-content .quform input[type="email"],
.sawk-page-content .quform input[type="tel"],
.sawk-page-content .quform input[type="url"],
.sawk-page-content .quform input[type="number"],
.sawk-page-content .quform textarea,
.sawk-page-content .quform select,
.sawk-editor-content .quform input[type="text"],
.sawk-editor-content .quform input[type="email"],
.sawk-editor-content .quform input[type="tel"],
.sawk-editor-content .quform input[type="url"],
.sawk-editor-content .quform input[type="number"],
.sawk-editor-content .quform textarea,
.sawk-editor-content .quform select,
.content-entry .quform input[type="text"],
.content-entry .quform input[type="email"],
.content-entry .quform input[type="tel"],
.content-entry .quform input[type="url"],
.content-entry .quform input[type="number"],
.content-entry .quform textarea,
.content-entry .quform select {
  min-height: 50px;
}

/* CTA: final rhythm pass without reintroducing paragraph max-width */
.sawk-cta-band {
  padding-block: var(--sawk-space-section-mobile);
}

.sawk-cta-box {
  padding-block: clamp(2.25rem, 6vw, 4rem);
  padding-inline: clamp(1.25rem, 5vw, 4rem);
}

.sawk-cta-box .sawk-eyebrow {
  margin-bottom: 1rem;
}

.sawk-cta-box h2 {
  margin-bottom: 1rem;
}

.sawk-cta-box p,
.sawk-cta-band p,
.sawk-cta-band .sawk-lead {
  max-width: 100%;
  line-height: 1.45;
}

/* Footer mobile/tablet rhythm */
.site-footer {
  margin-top: var(--sawk-space-section-tight);
  padding-block: clamp(2.25rem, 6vw, 3.5rem) clamp(1.25rem, 3vw, 1.75rem);
}

.footer-grid {
  gap: clamp(1.75rem, 4vw, 2.6rem);
}

.site-footer h2 {
  margin-bottom: .85rem;
}

.site-footer ul {
  gap: .7rem;
}

.footer-bottom {
  margin-top: clamp(1.6rem, 4vw, 2.4rem);
}

/* Mobile-specific comfort pass */
@media (max-width: 640px) {
  .container,
  .narrow,
  .sawk-blog-container {
    width: min(100% - 28px, var(--sawk-container));
  }

  .sawk-hero {
    padding-top: 2rem;
  }

  .sawk-actions {
    gap: .75rem;
  }

  .sawk-course-card .sawk-course-meta,
  .sawk-product.sawk-course-card .sawk-course-meta {
    margin-block: .85rem;
  }

  .sawk-course-card .sawk-course-pill,
  .sawk-product.sawk-course-card .sawk-course-pill,
  .sawk-product.sawk-course-card .sawk-price,
  .sawk-product.sawk-course-card .sawk-stock {
    min-height: 28px;
    padding: .25rem .58rem;
  }

  .sawk-blog-card__title,
  .sawk-course-card__title,
  .sawk-product.sawk-course-card .sawk-product-title {
    word-break: normal;
    overflow-wrap: anywhere;
  }
}

/* Desktop refinement */
@media (min-width: 981px) {
  .sawk-section {
    padding-block: var(--sawk-space-section-desktop);
  }

  .sawk-section-head,
  .sawk-section-head--stacked {
    margin-bottom: clamp(1.8rem, 3vw, 2.7rem);
  }

  .sawk-blog-card__body,
  .sawk-course-card__body,
  .sawk-product.sawk-course-card .sawk-product-body,
  .sawk-card__body {
    padding: var(--sawk-card-pad-desktop);
  }

  .sawk-blog-layout .sawk-blog-cards {
    grid-template-columns: repeat(2, minmax(280px, 360px));
  }

  .sawk-blog-layout .sawk-blog-course-grid,
  .sawk-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sawk-course-card,
  .sawk-product.sawk-course-card {
    max-width: none;
  }

  .sawk-cta-band {
    padding-block: var(--sawk-space-section-desktop);
  }
}

/* SAWK v1.2.5 — Performance + Accessibility Hardening
   Scope: no ACF changes, no content changes, no new business features. */
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--sawk-focus);
  outline-offset: 3px;
  border-radius: 8px;
}

.sawk-btn:focus-visible,
.sawk-course-button:focus-visible,
.sawk-inline-link:focus-visible,
.menu-toggle:focus-visible,
.primary-navigation a:focus-visible,
.site-footer a:focus-visible {
  outline: 3px solid var(--sawk-focus);
  outline-offset: 4px;
}

.skip-link {
  position: fixed;
  left: 1rem;
  top: 1rem;
  transform: translateY(-160%);
  z-index: 10000;
  background: var(--sawk-brand-dark);
  color: #fff;
  padding: .8rem 1rem;
  border-radius: 999px;
  box-shadow: var(--sawk-shadow);
  transition: transform .16s ease;
}

.skip-link:focus,
.skip-link:focus-visible {
  transform: translateY(0);
  color: #fff;
}

.menu-toggle {
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
}

@media (max-width: 980px) {
  .primary-navigation.is-open {
    display: block;
  }

  .primary-navigation a {
    min-height: 44px;
    align-items: center;
  }

  body.has-open-menu {
    overflow-x: hidden;
  }
}

.sawk-accordion__button,
.sawk-faq-item summary {
  min-height: 44px;
}

.sawk-accordion__button:hover,
.sawk-faq-item summary:hover {
  color: var(--sawk-brand-dark);
}

img[loading="lazy"] {
  content-visibility: auto;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }

  .sawk-btn:hover,
  .sawk-blog-card:hover,
  .sawk-course-card:hover,
  .sawk-product.sawk-course-card:hover,
  .sawk-card:hover {
    transform: none !important;
  }
}

@media (forced-colors: active) {
  :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
    outline: 2px solid CanvasText;
  }

  .sawk-btn,
  .sawk-course-button,
  .sawk-course-pill,
  .sawk-price,
  .sawk-stock {
    forced-color-adjust: auto;
  }
}


/* ===== 60-theme-modes.css ===== */
/*
 * SAWK v2.0 — Theme mode component overrides
 * These rules convert legacy literal colors into token-driven surfaces for dark mode.
 * WordPress still loads only assets/css/main.css.
 */

.site-header {
  background: var(--sawk-header-bg);
  border-bottom-color: var(--sawk-border);
}

.primary-navigation,
.sawk-hero-card,
.sawk-trust-card,
.sawk-card,
.sawk-panel,
.sawk-product,
.sawk-article-card,
.sawk-faq-item,
.content-entry,
.sawk-blog-card,
.sawk-accordion__item,
.sawk-benefit-card,
.sawk-process-card,
.sawk-mini-faq-card,
.sawk-editor-content,
.post-card {
  background: var(--sawk-card-bg);
  border-color: var(--sawk-card-border);
  color: var(--sawk-text);
}

.sawk-section-soft,
.archive-header,
.sawk-page-faq {
  background: var(--sawk-surface-soft);
  border-color: var(--sawk-border);
}

.sawk-product-media,
.sawk-card__media,
.sawk-blog-card__media,
.sawk-course-card__media,
.sawk-hero-card,
.sawk-course-card__media,
.sawk-product.sawk-course-card .sawk-product-media {
  background: var(--sawk-surface-soft);
}

.sawk-tag,
.sawk-eyebrow,
.sawk-card-icon,
.sawk-process-card__number,
.sawk-accordion__icon,
.sawk-course-pill,
.sawk-product.sawk-course-card .sawk-price {
  background: var(--sawk-accent-soft);
  color: var(--sawk-brand-dark);
}

.sawk-date-pill {
  background: var(--sawk-info-soft);
  color: var(--sawk-info);
}

.sawk-product.sawk-course-card .sawk-stock {
  background: var(--sawk-success-soft);
  color: var(--sawk-success);
}

.sawk-btn-secondary,
.sawk-cta-box {
  background: var(--sawk-surface-elevated);
  color: var(--sawk-brand-dark);
  border-color: var(--sawk-border);
}

.sawk-cta-box {
  background: linear-gradient(135deg, var(--sawk-surface-elevated), var(--sawk-surface-soft));
}

.site-footer {
  background: var(--sawk-footer-bg);
  color: var(--sawk-footer-text);
}

.sawk-page-content .quform input[type="text"],
.sawk-page-content .quform input[type="email"],
.sawk-page-content .quform input[type="tel"],
.sawk-page-content .quform input[type="url"],
.sawk-page-content .quform input[type="number"],
.sawk-page-content .quform textarea,
.sawk-page-content .quform select,
.sawk-editor-content .quform input[type="text"],
.sawk-editor-content .quform input[type="email"],
.sawk-editor-content .quform input[type="tel"],
.sawk-editor-content .quform input[type="url"],
.sawk-editor-content .quform input[type="number"],
.sawk-editor-content .quform textarea,
.sawk-editor-content .quform select,
.content-entry .quform input[type="text"],
.content-entry .quform input[type="email"],
.content-entry .quform input[type="tel"],
.content-entry .quform input[type="url"],
.content-entry .quform input[type="number"],
.content-entry .quform textarea,
.content-entry .quform select,
.search-field {
  background: var(--sawk-input-bg);
  color: var(--sawk-text);
  border-color: var(--sawk-input-border);
}

.primary-navigation a,
.post-card__title a,
.sawk-article-card h3 a {
  color: var(--sawk-heading);
}

.primary-navigation a:hover,
.primary-navigation a:focus,
.sawk-inline-link,
a {
  color: var(--sawk-brand);
}

@media (prefers-color-scheme: dark) {
  html:not([data-sawk-theme="light"]) .sawk-footer-logo {
    filter: none;
  }

  html:not([data-sawk-theme="light"]) .site-logo-img,
  html:not([data-sawk-theme="light"]) .custom-logo {
    background: transparent;
  }
}

html[data-sawk-theme="dark"] .sawk-footer-logo {
  filter: none;
}


/* SAWK v2.0.1 — Dark Mode Polish: course card chip contrast and rhythm
 * Fixes pale chip backgrounds with low-contrast text in dark mode on homepage and Blog.
 */
.sawk-course-pill,
.sawk-product.sawk-course-card .sawk-price {
  background: var(--sawk-chip-bg);
  color: var(--sawk-chip-text);
  border: 1px solid var(--sawk-chip-border);
}

.sawk-course-pill--trainer,
.sawk-course-pill--topic,
.sawk-product.sawk-course-card .sawk-course-pill--trainer,
.sawk-product.sawk-course-card .sawk-course-pill--topic {
  background: var(--sawk-chip-muted-bg);
  color: var(--sawk-chip-muted-text);
  border: 1px solid var(--sawk-chip-border);
}

.sawk-course-card .sawk-course-pill,
.sawk-product.sawk-course-card .sawk-course-pill,
.sawk-product.sawk-course-card .sawk-price,
.sawk-product.sawk-course-card .sawk-stock {
  min-height: 36px;
  padding: .42rem .78rem;
  line-height: 1.2;
}

@media (prefers-color-scheme: dark) {
  html:not([data-sawk-theme="light"]) .sawk-course-card,
  html:not([data-sawk-theme="light"]) .sawk-product.sawk-course-card {
    background: var(--sawk-card-bg);
    border-color: var(--sawk-card-border);
  }

  html:not([data-sawk-theme="light"]) .sawk-course-card .sawk-course-pill,
  html:not([data-sawk-theme="light"]) .sawk-product.sawk-course-card .sawk-course-pill,
  html:not([data-sawk-theme="light"]) .sawk-product.sawk-course-card .sawk-price {
    background: var(--sawk-chip-bg);
    color: var(--sawk-chip-text);
    border-color: var(--sawk-chip-border);
  }

  html:not([data-sawk-theme="light"]) .sawk-course-card .sawk-course-pill--trainer,
  html:not([data-sawk-theme="light"]) .sawk-course-card .sawk-course-pill--topic,
  html:not([data-sawk-theme="light"]) .sawk-product.sawk-course-card .sawk-course-pill--trainer,
  html:not([data-sawk-theme="light"]) .sawk-product.sawk-course-card .sawk-course-pill--topic {
    background: var(--sawk-chip-muted-bg);
    color: var(--sawk-chip-muted-text);
    border-color: var(--sawk-chip-border);
  }
}

html[data-sawk-theme="dark"] .sawk-course-card .sawk-course-pill,
html[data-sawk-theme="dark"] .sawk-product.sawk-course-card .sawk-course-pill,
html[data-sawk-theme="dark"] .sawk-product.sawk-course-card .sawk-price {
  background: var(--sawk-chip-bg);
  color: var(--sawk-chip-text);
  border-color: var(--sawk-chip-border);
}

html[data-sawk-theme="dark"] .sawk-course-card .sawk-course-pill--trainer,
html[data-sawk-theme="dark"] .sawk-course-card .sawk-course-pill--topic,
html[data-sawk-theme="dark"] .sawk-product.sawk-course-card .sawk-course-pill--trainer,
html[data-sawk-theme="dark"] .sawk-product.sawk-course-card .sawk-course-pill--topic {
  background: var(--sawk-chip-muted-bg);
  color: var(--sawk-chip-muted-text);
  border-color: var(--sawk-chip-border);
}