/* ==========================================================================
   stevland-styles.css
   osAwesome Design System — shared stylesheet for all pages
   Source of truth: vault/Work/osAwesome/html/component-lab-v5.html

   RULES:
   1. No inline styles on any page. Every visual rule lives here.
   2. All classes prefixed with `awesome-` to avoid collisions with legacy.
   3. Gutenberg blocks reference these classes via "Additional CSS class(es)".
   4. This file loads AFTER style.css and overrides it where needed.
   5. When all pages are rebuilt, style.css becomes a stub (theme header only).

   Last updated: 2026-04-05
   ========================================================================== */


/* ==========================================================================
   0. DESIGN TOKENS
   ========================================================================== */

:root {
  --osa-blue:          #419AD2;
  --osa-blue-dark:     #2F7DB8;
  --osa-blue-light:    #F4F8FB;
  --osa-alice-blue:    #E8F5FC;
  --osa-charcoal:      #444C56;
  --osa-charcoal-mid:  #5A6270;
  --osa-steel:         #A6AFBC;
  --osa-slate:         #C7D2DC;
  --osa-green:         #82B541;
  --osa-green-dark:    #6E9A38;
  --osa-green-light:   #EAF3DE;
  --osa-orange:        #F55C44;
  --osa-orange-dark:   #D94E38;
  --osa-orange-whisper:#FFF7F5;
  --osa-cream:         #f7f4ef;
  --osa-white:         #ffffff;
  --osa-border:        #C7D2DC;

  --osa-font-heading:  'Plus Jakarta Sans', sans-serif;
  --osa-font-body:     "Segoe UI", "Dejavu Sans", Optima, Arial, sans-serif;
  --osa-fw-heading:    500;
  --osa-fw-ui:         600;
  --osa-fw-bold:       700;

  --osa-s1:            8px;
  --osa-s2:            16px;
  --osa-s3:            24px;
  --osa-s4:            32px;
  --osa-s5:            48px;
  --osa-s6:            64px;
  --osa-s7:            80px;
  --osa-s8:            96px;

  --osa-max-width:     1200px;
  --osa-content-max:   640px;
  --osa-heading-max:   768px;
  --osa-section-gap:   var(--osa-s7);
  --osa-section-pad:   calc(var(--osa-section-gap) / 2) 48px;
  --osa-section-pad-m: calc(var(--osa-section-gap) / 2) 24px;
  --osa-radius:        10px;
  --osa-radius-sm:     4px;
}


/* ==========================================================================
   REBUILD TEMPLATE — NEUTRALIZERS
   ========================================================================== */

body.page-template-template-rebuild .grid-container {
  max-width: 100%;
}

body.page-template-template-rebuild .inside-article {
  padding: 0 !important;
  overflow: visible;
  background: transparent !important;
  margin-top: calc(var(--osa-section-gap) + -20px);
}

body.page-template-template-rebuild .separate-containers .site-main,
body.page-template-template-rebuild.separate-containers.no-sidebar .site-main {
  margin: 0 !important;
  overflow: visible;
}
body.page-template-template-rebuild .site-main > * {
  margin-bottom: 0 !important;
}

body.page-template-template-rebuild .entry-content:not(:first-child) {
  margin-top: 0;
}

body.page-template-template-rebuild .site-main .wp-block-group__inner-container {
  padding-top: 0;
  padding-bottom: 0;
}


/* ==========================================================================
   ACTIVE RULES
   ========================================================================== */

/* ── Section container ── */
.awesome-section {
  padding: calc(var(--osa-section-gap) / 2) 0;
  max-width: var(--osa-max-width);
  margin-left: auto;
  margin-right: auto;
}

/* Breadcrumbs → first section gap */
body.page-template-template-rebuild .awesome-section:first-child {
  margin-top: calc(var(--osa-section-gap) / 2);
}

/* Last section → footer: set exact gap, cancel GP's contribution */
body.page-template-template-rebuild .entry-content {
  margin-bottom: calc(var(--osa-section-gap) / 2);
  overflow: visible;
}

/* Width modifiers — set via page_class custom field on the page body */
body.awesome-wide .awesome-section       { max-width: 1184px; padding: var(--osa-section-pad) 0 var(--osa-section-pad) 0; }
body.awesome-narrow .awesome-section     { max-width: 1040px; }
body.awesome-narrow .awesome-section-v2  { max-width: 1040px; border-radius: 14px; }
body.awesome-reading .awesome-section    { max-width: 640px; }
body.awesome-centered .awesome-section   { max-width: 520px; text-align: center; }

@media (max-width: 768px) {
  .awesome-section {
    padding: 48px 24px;
  }
}

/* ── Full-width band ── */
/* NOTE: Never stack two different colored bands back-to-back.
   The 64px gap (32px padding each side) that works between same-background
   sections feels insufficient at a color boundary. Always insert a white
   section between colored bands. */
body.page-template-template-rebuild {
  overflow-x: hidden;
}

.gb-container.awesome-band {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-top: calc(var(--osa-section-gap) / 2);
  margin-bottom: calc(var(--osa-section-gap) / 2);
  box-sizing: border-box;
  max-width: none !important;
}
.page-template-template-rebuild .awesome-section:first-child {
    margin-top: calc(var(--osa-section-gap) / 2);
    margin-bottom: calc(var(--osa-section-gap) / 2);
    padding-bottom: calc(var(--osa-section-gap) / 2);
}

/* ── Background variants ── */
/* RULE: All colored bg bands get 2x vertical padding — color boundaries need breathing room */
.awesome-bg-alice     { background-color: var(--osa-alice-blue); padding: calc(var(--osa-section-gap) / 2); }
.awesome-bg-blue-light { background-color: var(--osa-blue-light); padding: calc(var(--osa-section-gap) / 2); }
.awesome-bg-charcoal  { background-color: var(--osa-charcoal); padding: calc(var(--osa-section-gap) / 2); }
.awesome-bg-blue-dark { background-color: var(--osa-blue-dark); padding: calc(var(--osa-section-gap) / 2); }
.awesome-bg-whisper   { background-color: var(--osa-orange-whisper); padding: calc(var(--osa-section-gap) / 2); }
.awesome-bg-cream     { background-color: var(--osa-cream); padding: calc(var(--osa-section-gap) / 2); }

/* Tables and charts on colored backgrounds → white surface */
[class*="awesome-bg-"] table,
[class*="awesome-bg-"] .table-wrap,
.table-wrap {
  background: var(--osa-white);
  border-radius: var(--osa-radius);
}

/* ── Per-bg eyebrow adjustments ── */
.awesome-bg-whisper .awesome-eyebrow  { color: var(--osa-orange); }
.awesome-bg-cream .awesome-eyebrow    { color: #9E8A6C; }

/* ── Dark band text treatment ── */
.awesome-band-dark {
  color: rgba(255, 255, 255, 0.65);
}

.awesome-band-dark .awesome-display,
.awesome-band-dark .awesome-section-heading {
  color: #ffffff;
}

.awesome-band-dark .awesome-eyebrow {
  color: var(--osa-green);
}

.awesome-band-dark .awesome-body {
  color: rgba(255, 255, 255, 0.65);
}

.awesome-band-dark .awesome-category-label {
  color: rgba(255, 255, 255, 0.35);
  border-color: rgba(255, 255, 255, 0.12);
}

.awesome-band-dark .awesome-card {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
}

.awesome-band-dark .awesome-card-title {
  color: #ffffff;
}

.awesome-band-dark .awesome-card-body {
  color: rgba(255, 255, 255, 0.55);
}

.awesome-band-dark .awesome-btn-outline {
  color: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.3);
}

.awesome-band-dark .awesome-btn-outline:hover {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.6);
}

.awesome-band-dark .awesome-feature-item {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
}

.awesome-band-dark .awesome-feature-item strong {
  color: #ffffff;
}

.awesome-band-dark .awesome-feature-item {
  color: rgba(255, 255, 255, 0.55);
}


/* ── Page header ── */
.awesome-page-header {
  padding-bottom: 0;
}

.awesome-page-header .awesome-label {
  display: inline-block;
  font-family: var(--osa-font-heading);
  font-size: 10px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #747474;
  background: #e5e5e5;
  padding: 3px 10px;
  border-radius: 3px;
  margin-bottom: var(--osa-s2);
}

.awesome-page-header .awesome-label a {
  color: inherit;
  text-decoration: none;
}

.awesome-page-header .awesome-label a:hover {
  text-decoration: underline;
}

/* ── Hero image (inside page header) ── */
.awesome-hero-image {
  display: block;
  max-width: 480px;
  width: 100%;
  height: auto;
  margin: var(--osa-s2) auto 0;
}

/* ── Breadcrumb (sub-page navigation) ── */
.awesome-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--osa-s4);
}

.awesome-breadcrumb-parent {
  display: inline-block;
  font-family: var(--osa-font-heading);
  font-size: 10px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #747474;
  background: #e5e5e5;
  padding: 3px 10px;
  border-radius: 3px;
  text-decoration: none;
}

.awesome-breadcrumb-parent:hover {
  color: var(--osa-blue-dark);
  background: var(--osa-blue-light);
  text-decoration: none;
}

.awesome-breadcrumb-sep {
  color: var(--osa-steel);
  font-size: 13px;
}

.awesome-breadcrumb-current {
  display: inline-block;
  font-family: var(--osa-font-heading);
  font-size: 10px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: white;
  background: var(--osa-green);
  padding: 3px 10px;
  border-radius: 3px;
}

.awesome-display {
  font-family: var(--osa-font-heading);
  font-size: 48px;
  line-height: 1.08;
  font-weight: var(--osa-fw-heading);
  color: var(--osa-charcoal);
  margin-bottom: 12px;
}

.awesome-body {
  font-size: 17px;
  color: var(--osa-charcoal-mid);
  line-height: 1.75;
  max-width: var(--osa-content-max);
}


/* ── Category label ── */
.awesome-category-label {
  font-family: var(--osa-font-heading);
  font-size: 11px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--osa-steel);
  margin-bottom: 14px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--osa-border);
}


/* ── Card grid ── */
.awesome-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--osa-s2);
  margin-bottom: var(--osa-s5);
}

.awesome-card-grid:last-of-type {
  margin-bottom: 0;
}

.gb-container.awesome-card {
  background: var(--osa-white);
  border: 1px solid var(--osa-border);
  border-radius: var(--osa-radius);
  padding: var(--osa-s4) !important;
  transition: box-shadow 0.2s, border-color 0.2s;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
  max-width: none;
}

.gb-container.awesome-card:hover {
  border-color: var(--osa-blue);
  box-shadow: 0 4px 16px rgba(65, 154, 210, 0.15);
}

.gb-container.awesome-card p:last-child {
  margin-bottom: 0;
}

.awesome-card .awesome-card-title,
.awesome-card h4.wp-block-heading {
  font-family: var(--osa-font-heading);
  font-size: 16px;
  font-weight: var(--osa-fw-ui);
  color: var(--osa-charcoal);
  margin: 0 0 6px 0;
  padding: 0;
  text-align: left;
}

.awesome-card .awesome-card-body,
.awesome-card p.awesome-card-body {
  font-size: 13px;
  color: var(--osa-charcoal-mid);
  line-height: 1.5;
  flex: 1;
  margin: 0 0 6px 0;
  text-align: left;
}

.awesome-card a.awesome-card-link {
  display: inline-block;
  margin-top: 10px;
  font-family: var(--osa-font-heading);
  font-size: 12px;
  font-weight: var(--osa-fw-ui);
  color: var(--osa-blue);
  text-decoration: none;
  letter-spacing: 0.04em;
}

.awesome-card a.awesome-card-link:hover {
  text-decoration: underline;
}

/* Stretch link to cover entire card */
.gb-container.awesome-card {
  position: relative;
  cursor: pointer;
}

.awesome-card a.awesome-card-link::after {
  content: '';
  position: absolute;
  inset: 0;
}


/* ── Eyebrow ── */
.awesome-eyebrow {
  font-family: var(--osa-font-heading);
  font-size: 12px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--osa-blue);
  margin-bottom: 12px;
}

/* Eyebrow on tinted light backgrounds → green */
.awesome-bg-whisper .awesome-eyebrow,
.awesome-bg-cream .awesome-eyebrow {
  color: var(--osa-green);
}


/* ── Buttons ── */
.awesome-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--osa-font-heading);
  font-size: 15px;
  font-weight: var(--osa-fw-ui);
  letter-spacing: 0.08em;
  padding: 13px 28px;
  border-radius: var(--osa-radius-sm);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  border: none;
  line-height: 1;
}

.awesome-btn-orange {
  background: var(--osa-orange);
  color: white;
  box-shadow: 0 3px 0 rgba(160, 60, 40, 0.9);
}

.awesome-btn-orange:hover {
  background: var(--osa-orange-dark);
  color: white;
}

.awesome-btn-orange:visited,
.awesome-btn-orange:active,
.awesome-btn-orange:focus {
  color: white;
}

.awesome-btn-ghost {
  background: white;
  color: var(--osa-charcoal);
  border: 1px solid var(--osa-border);
}

.awesome-btn-ghost:hover {
  background: var(--osa-blue-light);
}

.awesome-btn-ghost:visited,
.awesome-btn-ghost:active,
.awesome-btn-ghost:focus {
  color: var(--osa-charcoal);
}

.awesome-band-dark .awesome-btn-ghost {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.25);
}

.awesome-band-dark .awesome-btn-ghost:hover {
  border-color: white;
  color: white;
}

.awesome-btn-group {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: var(--osa-s3);
  margin-bottom: var(--osa-s3);
}


/* ── Mini cards ── */
.awesome-mini-cards {
  display: flex;
  gap: var(--osa-s2);
  flex-wrap: wrap;
  margin-top: var(--osa-s3);
}

.awesome-mini-card {
  flex: 1;
  min-width: 200px;
  padding: var(--osa-s3);
  background: rgba(0, 0, 0, 0.03);
  border-radius: var(--osa-radius);
  font-size: 13px;
  line-height: 1.5;
  color: var(--osa-charcoal-mid);
}

.awesome-mini-card strong {
  display: block;
  font-family: var(--osa-font-heading);
  font-weight: var(--osa-fw-ui);
  color: var(--osa-charcoal);
  margin-bottom: 4px;
}

.awesome-band-dark .awesome-mini-card {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.55);
}

.awesome-band-dark .awesome-mini-card strong {
  color: white;
}


/* ── Section heading ── */
.awesome-section-heading {
  font-family: var(--osa-font-heading);
  font-size: 38px;
  line-height: 1.18;
  font-weight: var(--osa-fw-ui);
  color: var(--osa-charcoal);
  margin-bottom: var(--osa-s4);
  max-width: var(--osa-heading-max);
}


/* ── Icon grid ── */
.awesome-icon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: var(--osa-s1);
  margin-bottom: var(--osa-s4);
}

.awesome-icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: var(--osa-s2) var(--osa-s1);
  border: 1px solid var(--osa-border);
  border-radius: var(--osa-radius-sm);
  text-align: center;
}

.awesome-icon-item svg {
  width: 24px;
  height: 24px;
  color: var(--osa-charcoal);
}

.awesome-icon-name {
  font-family: var(--osa-font-heading);
  font-size: 10px;
  color: var(--osa-steel);
  word-break: break-all;
}

/* ── Icon size reference ── */
.awesome-size-row {
  display: flex;
  align-items: flex-end;
  gap: var(--osa-s4);
  flex-wrap: wrap;
  margin-bottom: var(--osa-s4);
}

.awesome-size-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--osa-s1);
}

.awesome-size-item svg {
  color: var(--osa-charcoal);
}

.awesome-size-label {
  font-family: var(--osa-font-heading);
  font-size: 10px;
  color: var(--osa-steel);
  text-align: center;
  line-height: 1.3;
}

/* ── Icon color reference ── */
.awesome-color-row {
  display: flex;
  gap: var(--osa-s2);
  flex-wrap: wrap;
  margin-bottom: var(--osa-s4);
}

.awesome-color-item {
  display: flex;
  align-items: center;
  gap: var(--osa-s1);
  font-family: var(--osa-font-heading);
  font-size: 13px;
  color: var(--osa-charcoal-mid);
}

.awesome-color-item svg {
  width: 20px;
  height: 20px;
}

/* ── Callout boxes ── */
.awesome-callout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-top: var(--osa-s4);
  border-radius: 0 10px 10px 0;
  padding: 20px 24px;
  margin-bottom: var(--osa-s4);
}

.awesome-callout:last-child {
  margin-bottom: 0;
}
.awesome-callout p {
  margin: 0 !important;
}

/* GB container callouts stack vertically (no icon) */
.gb-container.awesome-callout {
  flex-direction: column;
}

/* Big callout format (h3 + p directly in callout) */
.awesome-callout h3 {
  font-family: var(--osa-font-heading);
  font-size: 18px;
  font-weight: var(--osa-fw-ui);
  color: var(--osa-charcoal);
  margin: 0 0 10px 0;
}

.awesome-callout p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
  color: var(--osa-charcoal-mid);
}

.awesome-callout p + p { margin-top: 10px; }

.awesome-callout svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Small callout format (icon + .awesome-callout-content with h4/p) */
.awesome-callout-content h4 {
  font-family: var(--osa-font-heading);
  font-size: 14px;
  font-weight: var(--osa-fw-ui);
  margin: 0 0 4px 0;
}

.awesome-callout-content p {
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}

.awesome-callout-green {
  background: var(--osa-green-light);
  border: 1px solid rgba(130, 181, 65, 0.35);
  border-left: 4px solid var(--osa-green);
}
.awesome-callout-green svg { color: var(--osa-green); }
.awesome-callout-green h3, .awesome-callout-green h4 { color: var(--osa-green-dark); }
.awesome-callout-green p { color: #4a6a2a; }

.awesome-callout-blue {
  background: var(--osa-blue-light);
  border: 1px solid rgba(65, 154, 210, 0.3);
  border-left: 4px solid var(--osa-blue);
}
.awesome-section-v2[class*="awesome-bg-"] .awesome-callout-blue {
  background: #ffffff;
}
.awesome-callout-blue svg { color: var(--osa-blue); }
.awesome-callout-blue h3, .awesome-callout-blue h4 { color: var(--osa-blue-dark); }
.awesome-callout-blue p { color: #2a5a80; }

.awesome-callout-orange {
  background: #fff7f5;
  border: 1px solid #f5cfc4;
  border-left: 4px solid var(--osa-orange);
}
.awesome-callout-orange svg { color: var(--osa-orange); }
.awesome-callout-orange h3, .awesome-callout-orange h4 { color: var(--osa-charcoal); }
.awesome-callout-orange p { color: var(--osa-charcoal-mid); }

.awesome-callout-red {
  background: var(--osa-red-light, #fdecea);
  border: 1px solid rgba(192, 57, 43, 0.25);
  border-left: 4px solid #C0392B;
}
.awesome-callout-red svg { color: #C0392B; }
.awesome-callout-red h3, .awesome-callout-red h4 { color: #C0392B; }
.awesome-callout-red p { color: #8a2020; }

/* Callout emphasis — REMOVED. zoom:1.2 inflated text on compare pages.
   Orange border + bold lead-in provides sufficient emphasis. */


/* ── Feature card variants ── */

/* Variant A: green dot + title (native block version) */
.awesome-feature-title {
  font-family: var(--osa-font-heading);
  font-size: 16px;
  font-weight: var(--osa-fw-ui);
  color: var(--osa-charcoal);
  margin: 0 0 6px 0;
  padding: 0 0 0 16px;
  position: relative;
}

.awesome-feature-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: var(--osa-green);
  border-radius: 50%;
}

/* Feature item paragraph reset for native blocks */
.awesome-feature-item p {
  margin: 0;
}

.awesome-feature-item p.awesome-plugin-note {
  margin-top: 6px;
}

.awesome-feature-item code {
  color: var(--green, #82B541);
}

/* Dark band treatment for native feature titles */
.awesome-band-dark .awesome-feature-title {
  color: #ffffff;
}

/* Dotless variant: same size/weight, no green dot */
.awesome-feature-heading {
  font-family: var(--osa-font-heading);
  font-size: 16px;
  font-weight: var(--osa-fw-ui);
  line-height: 1.35;
  color: var(--osa-charcoal);
  margin-bottom: 6px;
}
.awesome-band-dark .awesome-feature-heading {
  color: #ffffff;
}

/* 2-col grid headings: larger, blue-dark, more spacing below */
.awesome-feature-grid-2col .awesome-feature-heading {
  font-size: 18px;
  margin-bottom: 20px;
  color: var(--osa-blue-dark);
}

/* Variant A legacy: green dot + title (wp:html version, kept for backward compat) */
.awesome-fc-dot-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.awesome-fc-dot {
  width: 8px;
  height: 8px;
  background: var(--osa-green);
  border-radius: 50%;
  flex-shrink: 0;
}

/* Variant B: icon in tinted box */
.awesome-fc-icon-box {
  width: 44px;
  height: 44px;
  background: var(--osa-blue-light);
  border-radius: var(--osa-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.awesome-fc-icon-box svg {
  width: 22px;
  height: 22px;
  color: var(--osa-blue);
}
.awesome-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1px;
  background: #E8EDF0;
  border-radius: 12px;
  overflow: hidden;
  margin-top: var(--osa-s4);
  margin-bottom: var(--osa-s4);
  box-shadow: inset 0 0 0 1px white;
}

.awesome-feature-grid-2col {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 600px) {
  .awesome-feature-grid-2col {
    grid-template-columns: 1fr;
  }
}

/* Orphan cell fill: pseudo-elements act as invisible grid items.
   Prevents empty grey cells when item count doesn't divide evenly by 3.
   order: 999 pushes them to the end of the grid. */
.awesome-feature-grid:has(> .awesome-feature-item:nth-child(3n+2):last-child)::after {
  content: '';
  background: white;
  order: 999;
}
/* Orphan cell fill for 2-col grids (odd item count) */
.awesome-feature-grid-2col:has(> .awesome-feature-item:nth-child(odd):last-child)::after {
  content: '';
  background: white;
  order: 999;
}

.awesome-feature-grid:has(> .awesome-feature-item:nth-child(3n+1):last-child)::before,
.awesome-feature-grid:has(> .awesome-feature-item:nth-child(3n+1):last-child)::after {
  content: '';
  background: white;
  order: 999;
}

.awesome-feature-item {
  background: var(--osa-white);
  padding: var(--osa-s4) var(--osa-s4);
  font-size: 14px;
  color: var(--osa-charcoal-mid);
  line-height: 1.65;
}

.awesome-feature-item strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--osa-font-heading);
  font-size: 16px;
  font-weight: var(--osa-fw-ui);
  color: var(--osa-charcoal);
}


/* ── Token reference grid ── */
.awesome-token-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--osa-s2);
}

.awesome-token-card {
  display: flex;
  align-items: center;
  gap: var(--osa-s2);
  padding: var(--osa-s2);
  background: var(--osa-white);
  border: 1px solid var(--osa-border);
  border-radius: var(--osa-radius);
}

.awesome-token-swatch {
  width: 48px;
  height: 48px;
  border-radius: var(--osa-radius-sm);
  flex-shrink: 0;
}

.awesome-token-info {
  flex: 1;
  min-width: 0;
}

.awesome-token-hex {
  font-family: var(--osa-font-heading);
  font-size: 13px;
  font-weight: var(--osa-fw-ui);
  color: var(--osa-charcoal);
}

.awesome-token-name {
  font-size: 12px;
  color: var(--osa-charcoal-mid);
}

.awesome-token-use {
  font-size: 11px;
  color: var(--osa-steel);
  line-height: 1.4;
}

.awesome-token-status {
  font-family: var(--osa-font-heading);
  font-size: 10px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 3px;
  flex-shrink: 0;
  align-self: flex-start;
}

.awesome-token-approved {
  color: var(--osa-green-dark);
  background: var(--osa-green-light);
}

.awesome-token-candidate {
  color: var(--osa-charcoal-mid);
  background: #f0f0f0;
}

/* ── Legacy button fix ── */
a.btn.btn-orange.btn-sm {
  padding: 8px 19px;
  box-shadow: initial;
}


/* ── Page backgrounds ── */
body.alice-blue {
  background-color: #E8F5FC;
}

/* ── Background-scoped tweaks ── */
body.alice-blue .awesome-page-header .awesome-label {
  color: #696969;
  background: #cecece;
}

body.alice-blue .awesome-category-label {
  color: #8b929d;
}

body.alice-blue .awesome-breadcrumb-parent {
  color: #696969;
  background: #cecece;
}


/* ── Option tag (section label within component pages) ── */
.awesome-option-tag {
  display: inline-block;
  font-family: var(--osa-font-heading);
  font-size: 10px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #747474;
  background: #e5e5e5;
  padding: 3px 10px;
  border-radius: 3px;
  margin-bottom: 28px;
}


/* ── Demo note (italic annotation for component demos) ── */
.awesome-demo-note {
  font-size: 12px;
  font-style: italic;
  color: var(--osa-steel);
  margin-bottom: 14px;
}

.awesome-demo-note + .awesome-btn-group {
  margin-top: 0;
}

.awesome-demo-group {
  margin-top: 28px;
}


/* ── Two-column grid ── */
.awesome-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--osa-s4);
  align-items: start;
}

.awesome-two-col-wide {
  gap: var(--osa-s6);
}

@media (max-width: 768px) {
  .awesome-two-col {
    grid-template-columns: 1fr;
  }
}


/* ── Product card (detailed feature card) ── */
.awesome-product-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--osa-s4);
  margin-bottom: var(--osa-s5);
}

@media (max-width: 768px) {
  .awesome-product-grid {
    grid-template-columns: 1fr;
  }
}

.awesome-product-card {
  background: var(--osa-white);
  border: 1px solid var(--osa-border);
  border-radius: var(--osa-radius);
  padding: 28px;
}

.awesome-product-card-highlight {
  border-color: var(--osa-blue);
  background: var(--osa-blue-light);
}

.awesome-product-card-label {
  font-family: var(--osa-font-heading);
  font-size: 11px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--osa-steel);
  margin-bottom: 8px;
}

.awesome-product-card-highlight .awesome-product-card-label {
  color: var(--osa-blue-dark);
}

.awesome-product-card-icon {
  width: 40px;
  height: 40px;
  background: var(--osa-blue-light);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.awesome-product-card-highlight .awesome-product-card-icon {
  background: var(--osa-white);
}

.awesome-product-card-icon i,
.awesome-product-card-icon svg {
  width: 20px;
  height: 20px;
  color: var(--osa-blue);
}

.awesome-product-card-highlight .awesome-product-card-icon svg {
  color: var(--osa-blue-dark);
}

.awesome-product-card h3 {
  font-family: var(--osa-font-heading);
  font-size: 17px;
  font-weight: var(--osa-fw-ui);
  color: var(--osa-charcoal);
  margin: 0 0 8px 0;
}

.awesome-product-card p {
  font-size: 14px;
  color: var(--osa-charcoal-mid);
  line-height: 1.65;
  margin: 0 0 10px 0;
}

.awesome-product-card-fine {
  font-size: 12px;
  color: var(--osa-steel);
  font-style: italic;
  margin-top: 4px;
}

.awesome-product-card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--osa-border);
  font-size: 12px;
  color: var(--osa-steel);
}

.awesome-product-card-highlight .awesome-product-card-meta {
  border-color: rgba(65, 154, 210, 0.25);
}

.awesome-tag {
  display: inline-block;
  font-family: var(--osa-font-heading);
  font-size: 11px;
  font-weight: var(--osa-fw-ui);
  color: var(--osa-blue-dark);
  background: var(--osa-blue-light);
  border: 1px solid var(--osa-slate);
  padding: 2px 10px;
  border-radius: 20px;
}

.awesome-product-card-highlight .awesome-tag {
  background: var(--osa-white);
  border-color: var(--osa-blue);
}


/* ── Act label (narrative structure pill) ── */
.awesome-act-label {
  display: inline-block;
  font-family: var(--osa-font-heading);
  font-size: 11px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #596576;
  background: #c8d1e1;
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: var(--osa-s3);
}


/* ── Section alt (inline alice-blue panel) ── */
.awesome-section-alt {
  background: var(--osa-blue-light);
  padding: 40px;
  border-radius: var(--osa-radius);
}

/* ── Panel (large contained colored panel, e.g. Option B sections) ── */
.awesome-panel {
  background: var(--osa-blue-light);
  padding: var(--osa-s5);
  border-radius: 14px;
  margin-top: var(--osa-s4);
}

.awesome-panel .awesome-eyebrow {
  color: var(--osa-green);
}

.awesome-panel .awesome-feature-item {
  background: var(--osa-white);
}

/* ── Cream panel (contained CTA / trust panel — rounded, centered, warm) ── */
.awesome-panel-cream {
  background: var(--osa-cream);
  border-radius: 12px;
  padding: 64px 48px;
  text-align: center;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.12);
}
.awesome-panel-cream .awesome-section-heading {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
}
.awesome-panel-cream p {
  color: var(--osa-charcoal-mid);
  font-size: 16px;
  margin-bottom: 24px;
}
.awesome-panel-cream p:last-child {
  margin-bottom: 0;
}
.awesome-panel-cream .awesome-btn-group {
  justify-content: center;
  margin-top: 0;
}
.awesome-panel-cream .awesome-trust-strip {
  margin-top: 32px;
}
.awesome-panel-cream .awesome-trust-strip img {
  filter: none;
  opacity: 0.4;
}
.awesome-panel-cream .awesome-trust-strip img:hover {
  opacity: 0.7;
}
.awesome-panel-cream .awesome-eyebrow {
  color: var(--osa-green);
}
@media (max-width: 768px) {
  .awesome-panel-cream { padding: 32px 24px; }
}

.awesome-panel-subsection {
  margin-top: 56px;
}

.awesome-panel .awesome-callout {
  margin-top: 32px;
}


/* ── Additional button variants ── */
.awesome-btn-blue {
  background: var(--osa-blue);
  color: white;
  box-shadow: 0 3px 0 rgb(59, 118, 163);
}

.awesome-btn-blue:hover {
  background: var(--osa-blue-dark);
  color: white;
}

.awesome-btn-blue:visited,
.awesome-btn-blue:active,
.awesome-btn-blue:focus {
  color: white;
}

.awesome-btn-grey {
  background: #dcdfe2;
  color: #3b4450;
  box-shadow: 0 3px 0 0 #8d8f91;
}

.awesome-btn-grey:hover {
  background: #cdd0d4;
  color: #3b4450;
}

.awesome-btn-grey:visited,
.awesome-btn-grey:active,
.awesome-btn-grey:focus {
  color: #3b4450;
}

.awesome-btn-ghost-blue {
  background: white;
  color: var(--osa-blue-dark);
  border: 1px solid var(--osa-blue);
}

.awesome-btn-ghost-blue:hover {
  background: var(--osa-blue-light);
}

.awesome-btn-ghost-blue:visited,
.awesome-btn-ghost-blue:active,
.awesome-btn-ghost-blue:focus {
  color: var(--osa-blue-dark);
}

.awesome-btn-sm {
  padding: 8px 19px;
  font-size: 13px;
  box-shadow: none;
}

/* Flat account/renewal buttons */
.awesome-btn-flat {
  display: inline-block;
  font-family: var(--osa-font-heading);
  font-size: 14px;
  font-weight: var(--osa-fw-ui);
  padding: 10px 22px;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s;
  border: none;
  box-shadow: none;
  line-height: 1.4;
}

.awesome-btn-flat-blue {
  background: var(--osa-blue);
  color: white;
}

.awesome-btn-flat-blue:hover {
  background: var(--osa-blue-dark);
  color: white;
}

.awesome-btn-flat-grey {
  background: var(--osa-steel);
  color: white;
}

.awesome-btn-flat-grey:hover {
  background: #929aA6;
  color: white;
}


/* ── Checkmark list ── */
.awesome-checklist {
  list-style: none;
  padding: 0;
  margin: 24px 0 24px 24px;
}
.awesome-checklist li {
  padding: 8px 0 8px 28px;
  position: relative;
  font-size: 16px;
  line-height: 1.65;
}
.awesome-checklist li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: var(--osa-green-dark);
  font-weight: 700;
}

/* ── Checklist 2-column variant ── */
.awesome-checklist-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 32px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 600px) {
  .awesome-checklist-2col { grid-template-columns: 1fr; }
}

/* ── Divider ── */
.awesome-divider {
  border: none;
  border-top: 1px solid var(--osa-border);
  margin: var(--osa-s5) 0;
}


/* ── Table scroll wrapper (mobile horizontal scroll with edge indicator) ── */
.awesome-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
  .awesome-table-scroll {
    position: relative;
    box-shadow: inset -30px 0 20px -20px rgba(0, 0, 0, 0.2);
  }
  [class*="awesome-bg-"] .awesome-table-scroll {
    background: white;
    border-radius: 8px 0 0 8px;
  }
  .awesome-table thead th:last-child {
    border-radius: 0 !important;
  }
  [class*="awesome-bg-"] .awesome-table-scroll .awesome-table {
    background: transparent !important;
    margin: 0;
  }

  .tbl-scroll-wrapper {
    position: relative;
    margin-top: 40px;
  }
  .tbl-scroll-arrow {
    position: absolute;
    top: -22px;
    right: -5px;
    width: 38px;
    height: auto;
    z-index: 2;
    pointer-events: none;
    animation: tbl-scroll-hint 2s ease-in-out infinite;
  }
  .awesome-table-scroll .awesome-table {
    min-width: 600px;
  }
}
@keyframes tbl-scroll-hint {
  0%, 100% { opacity: 0.8; transform: translateX(0) scale(1); }
  50% { opacity: 1; transform: translateX(4px) scale(1.1); }
}
@media (min-width: 769px) {
  img.tbl-scroll-arrow { display: none; }
  .awesome-table-scroll {
    border-radius: 8px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08), 0 6px 20px rgba(0,0,0,0.06);
  }
}
@media (max-width: 400px) {
  .awesome-table-scroll {
    margin-left: -10px;
    margin-right: -10px;
  }
}

/* When table is inside scroll wrapper, wrapper owns the visual treatment */
.awesome-table-scroll .awesome-table {
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  margin-bottom: 0;
}
.awesome-table-scroll {
  margin-bottom: var(--osa-s4);
}

/* Dark sections: override scroll wrapper shadow too */
.awesome-section-v2.awesome-bg-charcoal .awesome-table-scroll,
.awesome-section-v2.awesome-bg-blue-dark .awesome-table-scroll {
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
}

/* ── Comparison table ── */
.awesome-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  margin-bottom: var(--osa-s4);
  box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
  border-radius: 8px;
  overflow: hidden;
}

.awesome-table th,
.awesome-table td {
  padding: 13px 16px;
  text-align: left;
}

.awesome-table thead th {
  background: var(--osa-charcoal);
  color: var(--osa-white);
  font-family: var(--osa-font-heading);
  font-size: 14px;
  font-weight: 600;
  padding: 14px 18px;
  text-align: left;
  white-space: nowrap;
  border: none;
}
.awesome-table thead th:first-child { border-radius: 8px 0 0 0; }
.awesome-table thead th:last-child { border-radius: 0 8px 0 0; }

.awesome-table thead th.awesome-table-ours {
  background: var(--osa-blue-dark);
  color: white;
}

.awesome-table tbody td {
  padding: 11px 16px;
  border-bottom: 1px solid #eee;
  color: var(--osa-charcoal-mid);
  vertical-align: middle;
}

.awesome-table tbody tr:last-child td {
  border-bottom: none;
}

.awesome-table tbody td:first-child {
  font-weight: 500;
  color: var(--osa-charcoal);
}

.awesome-table tbody td.awesome-table-ours {
  background: #e8f5fc85;
  font-weight: 400;
}

/* Plugin note in feature cards */
.awesome-plugin-note {
  font-size: 11px;
  color: var(--osa-steel);
  font-style: italic;
  margin-top: 6px;
}

/* Price highlight (bold blue-dark in table cells) */
.awesome-price-highlight {
  font-weight: 700;
  color: var(--osa-blue-dark);
}

/* ── Disclaimer / muted body text ── */
.awesome-body-muted {
  font-size: 14px;
  color: var(--osa-steel);
  line-height: 1.6;
  max-width: var(--osa-content-max);
}
/* ── Plugin Grid ── */
.awesome-plugin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 18px;
  margin-top: 0;
  padding: var(--osa-s4) var(--osa-s4);
}
.awesome-plugin-item {
  background: white;
  border: 1px solid var(--osa-border);
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: var(--osa-s4) var(--osa-s4);
}
.awesome-plugin-bullet {
  width: 8px;
  height: 8px;
  background: var(--osa-green);
  border-radius: 50%;
  margin-top: 5px;
  flex-shrink: 0;
}
.awesome-plugin-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--osa-charcoal);
}
.awesome-plugin-desc {
  font-size: 12px;
  color: var(--osa-steel);
  margin-top: 2px;
}
.awesome-plugin-note-inline {
  font-size: 11px;
  color: var(--osa-steel);
  font-style: italic;
  margin-top: 2px;
}
.awesome-plugin-banner {
  margin-top: 16px;
  padding: 14px 20px;
  background: var(--osa-blue-light);
  border: 1px solid rgba(65, 154, 210, .2);
  border-radius: 8px;
  font-size: 14px;
  color: var(--osa-blue-dark);
  font-weight: 500;
  text-align: center;
}

/* ── Language Pills ── */
.awesome-lang-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}
.awesome-lang-pill {
  background: white;
  border: 1px solid var(--osa-border);
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 13px;
  color: var(--osa-charcoal-mid);
}
.awesome-lang-pill-rtl {
  background: var(--osa-green-light);
  border-color: var(--osa-green);
  color: var(--osa-green-dark);
  font-weight: 600;
}

/* ── Stats Bar ── */
.awesome-stats-bar {
  background: var(--osa-charcoal);
  padding: 32px 48px;
  display: flex;
  justify-content: center;
  gap: 72px;
  flex-wrap: wrap;
}
.awesome-stat {
  text-align: center;
}
.awesome-stat-num {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 32px;
  font-weight: 600;
  color: var(--osa-green);
  line-height: 1;
}
.awesome-stat-label {
  font-size: 11px;
  color: rgba(255, 255, 255, .4);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: 6px;
}
@media (max-width: 600px) {
  .awesome-stats-bar { gap: 32px; padding: 24px; }
}

/* ── Flow Diagram (dark bg context) ── */
.awesome-flow-diagram {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 32px;
}
.awesome-flow-step {
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 10px;
  padding: 20px 28px;
  text-align: center;
  min-width: 150px;
}
.awesome-flow-step-highlight {
  background: rgba(65, 154, 210, .15);
  border-color: rgba(65, 154, 210, .4);
}
.awesome-flow-step-icon { font-size: 24px; margin-bottom: 8px; }
.awesome-flow-step-meta {
  font-size: 10px;
  color: rgba(255, 255, 255, .4);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 4px;
}
.awesome-flow-step-name { font-size: 14px; font-weight: 500; color: white; }
.awesome-flow-step-highlight .awesome-flow-step-name { color: var(--osa-blue); }
.awesome-flow-arrow {
  color: var(--osa-blue);
  font-size: 22px;
  padding: 0 10px;
  opacity: .7;
}
@media (max-width: 600px) {
  .awesome-flow-diagram { gap: 12px; }
  .awesome-flow-arrow { transform: rotate(90deg); }
  .awesome-flow-step { min-width: 120px; padding: 14px 20px; }
}

/* ── Avatars ── */
.awesome-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.awesome-avatar-row {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}
.awesome-avatar-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.awesome-avatar-name {
  font-size: 12px;
  color: var(--osa-steel);
}

/* ── Product card link ── */
.awesome-product-card-link {
  font-size: 13px;
  font-weight: 600;
  color: var(--osa-blue-dark);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
}
.awesome-product-card-link:hover {
  text-decoration: underline;
}

/* ── Tradeoffs disclaimer ── */
.awesome-tradeoffs {
  margin-top: 24px;
  font-size: 17px;
  color: var(--osa-charcoal-mid);
  line-height: 1.65;
}
.awesome-tradeoffs p {
  margin-bottom: 8px;
}

/* ── Table check/no/warn marks ── */
.awesome-table .chk { color: var(--osa-green); font-weight: 600; }
.awesome-table .no { color: var(--osa-border); }
.awesome-table .warn { color: var(--osa-orange); font-size: 12px; }

/* ── Table scroll wrapper ── */
.awesome-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ── Accordion (native details/summary) ── */
/* Variant A: Bordered Card */
.awesome-accordion {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--osa-border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--osa-white);
}
.awesome-accordion details {
  border-bottom: 1px solid var(--osa-border);
  margin: 0;
}
.awesome-accordion details:last-child {
  border-bottom: none;
}
.awesome-accordion summary {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 28px;
  background: var(--osa-white);
  cursor: pointer;
  text-align: left;
  font-family: var(--osa-font-heading);
  font-size: 16px;
  font-weight: 600;
  color: var(--osa-charcoal);
  line-height: 1.4;
  transition: background 0.2s, color 0.2s;
  list-style: none;
}
.awesome-accordion summary::-webkit-details-marker { display: none; }
.awesome-accordion summary::after {
  content: "\2715";
  font-size: 18px;
  font-weight: 400;
  color: var(--osa-blue);
  flex-shrink: 0;
  transition: transform 0.3s ease;
  transform: rotate(-45deg);
}
.awesome-accordion details[open] > summary::after {
  transform: rotate(0deg);
}
.awesome-accordion details.accordion-closing > summary::after {
  transform: rotate(-45deg);
}
.awesome-accordion summary:hover,
.awesome-accordion summary:focus {
  background: var(--osa-blue-light);
  color: var(--osa-blue-dark);
}
.awesome-accordion details[open] > summary {
  background: var(--osa-blue-light);
  color: var(--osa-blue-dark);
}
.awesome-accordion details > *:not(summary) {
  padding: 0 28px;
  font-size: 15px;
  line-height: 1.75;
  color: var(--osa-charcoal-mid);
}
.awesome-accordion details > *:not(summary):first-of-type {
  border-top: 1px solid var(--osa-border);
  padding-top: 20px;
}
.awesome-accordion details > *:not(summary):last-child {
  padding-bottom: 24px;
  margin-bottom: 0;
}
.awesome-accordion details p + p {
  margin-top: 12px;
}
.awesome-accordion details ul {
  margin: 8px 0;
  padding-left: 20px;
}
.awesome-accordion details li {
  margin-bottom: 4px;
  font-size: 14px;
}
.awesome-accordion details > .awesome-pre {
  color: #adbac7;
  padding: 16px 20px;
  margin: 16px 28px;
  border-top: none;
}
.awesome-accordion details > .awesome-pre:first-of-type {
  padding-top: 16px;
  border-top: none;
  background: #454c56;
}

code, kbd, tt, var {
  color: var(--osa-green);
}

/* Variant B: Minimal Borderless */
.awesome-accordion-minimal {
  border: none;
  border-radius: 0;
}
.awesome-accordion-minimal details {
  border-bottom: 1px solid var(--osa-border);
}
.awesome-accordion-minimal details:first-child {
  border-top: 1px solid var(--osa-border);
}
.awesome-accordion-minimal summary {
  background: transparent;
  padding: 20px 0;
}
.awesome-accordion-minimal summary:hover,
.awesome-accordion-minimal summary:focus,
.awesome-accordion-minimal details[open] > summary {
  background: transparent;
  color: var(--osa-blue);
}
.awesome-accordion-minimal details > *:not(summary) {
  border-top: none;
  padding: 0;
}
.awesome-accordion-minimal details > *:not(summary):first-of-type {
  border-top: none;
  padding-top: 0;
}
.awesome-accordion-minimal details > *:not(summary):last-child {
  padding-bottom: 20px;
}

/* Accordion slide-down easing — JS handles animation via .awesome-accordion-content wrapper */
.awesome-accordion-content {
  overflow: hidden;
  transition: height 0.3s ease;
}

/* ==========================================================================
   Grid System
   ========================================================================== */

/* Base: 2-column equal */
.awesome-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}

/* Column counts */
.awesome-grid-3col { grid-template-columns: repeat(3, 1fr); }
.awesome-grid-4col { grid-template-columns: repeat(4, 1fr); }

/* Asymmetric ratios */
.awesome-grid-60-40 { grid-template-columns: 3fr 2fr; }
.awesome-grid-40-60 { grid-template-columns: 2fr 3fr; }
.awesome-grid-66-33 { grid-template-columns: 2fr 1fr; }
.awesome-grid-33-66 { grid-template-columns: 1fr 2fr; }
.awesome-grid-70-30 { grid-template-columns: 7fr 3fr; }
.awesome-grid-30-70 { grid-template-columns: 3fr 7fr; }
.awesome-grid-75-25 { grid-template-columns: 3fr 1fr; }
.awesome-grid-25-75 { grid-template-columns: 1fr 3fr; }

/* 3-col asymmetric */
.awesome-grid-50-25-25 { grid-template-columns: 2fr 1fr 1fr; }
.awesome-grid-25-50-25 { grid-template-columns: 1fr 2fr 1fr; }
.awesome-grid-25-25-50 { grid-template-columns: 1fr 1fr 2fr; }

/* Reverse: flips column order */
.awesome-grid-reverse { direction: rtl; }
.awesome-grid-reverse > * { direction: ltr; }

/* Vertical alignment */
.awesome-grid-center { align-items: center; }
.awesome-grid-end { align-items: end; }
.awesome-grid-stretch { align-items: stretch; }

/* Gap variants */
.awesome-grid-gap-tight { gap: 24px; }
.awesome-grid-gap-wide { gap: 64px; }
.awesome-grid-gap-none { gap: 0; }

/* Column content helpers */
.awesome-grid-col {}
.awesome-grid-visual { position: relative; }

/* Image styling */
.awesome-grid-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  object-fit: cover;
}
.awesome-grid-img-shadow {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.awesome-grid-img-border {
  border: 1px solid var(--osa-border);
}
.awesome-grid-img-rounded {
  border-radius: 16px;
}
.awesome-grid-img-screenshot {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.awesome-grid-img-fill {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* Split heading (used inside grid columns for text+image patterns) */
.awesome-split-heading {
  font-family: var(--osa-font-heading);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
  color: var(--osa-charcoal);
  letter-spacing: -0.02em;
  margin: 0 0 16px 0;
}

/* Split body text */
.awesome-split-body {
  font-size: 17px;
  line-height: 1.7;
  color: var(--osa-charcoal-mid);
  margin: 0 0 12px 0;
}
.awesome-split-body:last-child { margin-bottom: 0; }

/* Split fine print */
.awesome-split-fine {
  font-size: 13px;
  color: var(--osa-steel);
  font-style: italic;
  margin-top: 8px;
}

/* Feature check list */
.awesome-split-checklist {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 20px 0;
}
.awesome-split-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  color: var(--osa-charcoal-mid);
  line-height: 1.5;
}
.awesome-split-check i {
  color: var(--osa-green);
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Dark band overrides */
.awesome-band-dark .awesome-split-heading { color: white; }
.awesome-band-dark .awesome-split-body { color: rgba(255, 255, 255, 0.65); }
.awesome-band-dark .awesome-split-fine { color: rgba(255, 255, 255, 0.4); }
.awesome-band-dark .awesome-split-check { color: rgba(255, 255, 255, 0.65); }
.awesome-band-dark .awesome-grid-img-shadow {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

/* Mobile collapse */
@media (max-width: 768px) {
  .awesome-grid,
  .awesome-grid-3col,
  .awesome-grid-60-40,
  .awesome-grid-40-60,
  .awesome-grid-66-33,
  .awesome-grid-33-66,
  .awesome-grid-70-30,
  .awesome-grid-30-70,
  .awesome-grid-75-25,
  .awesome-grid-25-75,
  .awesome-grid-50-25-25,
  .awesome-grid-25-50-25,
  .awesome-grid-25-25-50 {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .awesome-grid-4col { grid-template-columns: 1fr 1fr; gap: 24px; }
  .awesome-grid-reverse { direction: ltr; }
  .awesome-grid-col { order: -1; }
  .awesome-split-heading { font-size: 26px; }
}
@media (max-width: 480px) {
  .awesome-grid-4col { grid-template-columns: 1fr; }
}


/* Small variants for multi-column grids */
.awesome-split-heading-sm { font-size: 20px; margin-top: 20px; }
.awesome-split-body-sm { font-size: 14px; }

/* Option tag on dark backgrounds */
.awesome-option-tag-dark {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
}

/* Eyebrow green variant (for dark bands) */
.awesome-eyebrow-green { color: var(--osa-green); }

/* Mobile stacking: image on top */
@media (max-width: 768px) {
  .awesome-grid-visual-first { order: -2; }
}

/* ── Features page components ── */

/* Stats bar on light background */
.awesome-stats-bar-light {
  background: transparent;
  padding: 20px 0 0;
  gap: 56px;
}
.awesome-stat-num-dark {
  color: var(--osa-charcoal);
}
.awesome-stat-label-dark {
  color: var(--osa-steel);
}

/* Feature detail block (long-form feature descriptions) */
.awesome-feature-detail {
  padding: 40px 0;
  border-bottom: 1px solid #eee;
}
.awesome-feature-detail:last-child,
.awesome-feature-detail-last {
  border-bottom: none;
}
.awesome-feature-detail h3 {
  font-family: var(--osa-font-heading);
  font-size: 20px;
  font-weight: 600;
  color: var(--osa-charcoal);
  margin-bottom: 10px;
}
.awesome-feature-detail p {
  font-size: 15px;
  color: var(--osa-charcoal-mid);
  line-height: 1.75;
  max-width: 720px;
  margin-bottom: 12px;
}
.awesome-feature-detail p:last-child {
  margin-bottom: 0;
}

/* Pivot section (centered text on dark bg) */
.awesome-pivot {
  text-align: center;
}
.awesome-pivot .awesome-section-heading {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.awesome-pivot .awesome-split-body {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* Enhancement subsection */
.awesome-enhancement {
  padding: 48px 0;
  border-bottom: initial;
}
.awesome-enhancement:last-child,
.awesome-enhancement-last {
  border-bottom: none;
}
.awesome-enhancement .awesome-eyebrow {
  margin-bottom: 8px;
  color: var(--osa-blue);
}
.awesome-enhancement h4 {
  font-family: var(--osa-font-heading);
  font-size: 22px;
  font-weight: 600;
  color: var(--osa-charcoal);
  margin-bottom: 16px;
}

/* Tighten gap when a feature grid follows an enhancement heading */
.awesome-enhancement-intro {
  padding-bottom: 0;
}
.awesome-enhancement-intro + .gb-container.awesome-feature-grid {
  margin-top: 0;
}
.awesome-enhancement p {
  font-size: 17px;
  color: var(--osa-charcoal-mid);
  line-height: 1.75;
  max-width: 720px;
  margin-bottom: 0;
}
.awesome-enhancement-compact {
  padding: 32px 0 24px 0;
}

/* Screenshot placeholder */
.awesome-screenshot-placeholder {
  margin-top: 32px;
  background: var(--osa-blue-light);
  border: 1px solid var(--osa-border);
  border-radius: 12px;
  padding: 60px 40px;
  color: var(--osa-steel);
  font-size: 14px;
  font-style: italic;
  text-align: center;
}
.awesome-band-dark .awesome-screenshot-placeholder {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.3);
}

/* Before/After panels */
.awesome-before-after {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 40px;
  max-width: 800px;
}
.awesome-ba-panel {
  border-radius: 10px;
  overflow: hidden;
}
.awesome-ba-label {
  padding: 10px 16px;
  font-family: var(--osa-font-heading);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.awesome-ba-vanilla {
  background: #f8f8f8;
  border: 1px solid #ddd;
}
.awesome-ba-vanilla .awesome-ba-label {
  background: #eee;
  color: #888;
}
.awesome-ba-awesome {
  background: var(--osa-charcoal);
}
.awesome-ba-awesome .awesome-ba-label {
  background: rgba(65, 154, 210, 0.2);
  color: var(--osa-blue);
}
.awesome-ba-body {
  padding: 20px;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: var(--osa-steel);
  font-style: italic;
}
@media (max-width: 768px) {
  .awesome-before-after { grid-template-columns: 1fr; }
}

/* ── Spacer ── */
.awesome-spacer { height: var(--osa-s5); }

/* ── "No Surprises" alice blue band ── */
.awesome-no-surprises-band {
  background: var(--osa-blue-light);
  border-radius: 12px;
  padding: 48px;
  text-align: center;
}
.awesome-no-surprises-heading {
  font-family: var(--osa-font-heading);
  font-size: 24px;
  font-weight: 700;
  color: var(--osa-charcoal);
  margin: 0 0 12px 0;
}
.awesome-no-surprises-body {
  font-size: 16px;
  color: var(--osa-charcoal-mid);
  line-height: 1.7;
  margin: 0;
}


/* ── Icon accent (large Lucide icon as visual placeholder) ── */
.awesome-icon-accent {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.awesome-icon-accent i {
  width: 120px;
  height: 120px;
  color: var(--osa-blue-light);
  stroke-width: 1;
}

/* ── Features page ── */
.awesome-grid-img-half {
  max-width: 50%;
  display: block;
  margin: 0 auto;
}

/* ── Features page: mobile screenshot ── */
img.awesome-grid-img.osticket-mobile {
  max-width: 150px;
}
@media (max-width: 768px) {
  img.awesome-grid-img.osticket-mobile {
    margin: 0 auto;
  }
}

/* ── Features page: pivot section spacing ── */
.awesome-pivot .awesome-split-body {
  margin-bottom: 24px;
}
.awesome-pivot .awesome-section-heading {
  margin-bottom: 32px;
}

/* ── Features page: "everything else" eyebrow ── */
p.awesome-eyebrow.everything-else {
  font-size: 15px;
  margin-bottom: -18px;
  padding-top: 75px;
}

/* ── Image caption ── */
.awesome-caption {
  text-align: center;
  margin-top: 12px;
  font-size: 13px;
  color: var(--osa-steel);
  font-style: italic;
}
.awesome-band-dark .awesome-caption {
  color: rgba(255, 255, 255, 0.4);
}

/* ── Desktop-only utility ── */
@media (max-width: 768px) {
  .awesome-desktop-only { display: none; }
}

/* ── Before/After Slideshow ── */
.awesome-slideshow-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 40px;
}
.awesome-slideshow-panel {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.awesome-slideshow-label {
  padding: 0 0 10px 0;
  font-family: var(--osa-font-heading);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--osa-charcoal-mid);
}
.awesome-slideshow-panel::before {
  content: "";
  display: block;
  height: 32px;
  background: #e8e8e8;
  border-bottom: initial;
  position: relative;
  background-image:
    radial-gradient(circle at 16px 50%, #ff5f57 5px, transparent 5px),
    radial-gradient(circle at 36px 50%, #febc2e 5px, transparent 5px),
    radial-gradient(circle at 56px 50%, #28c840 5px, transparent 5px);
  background-repeat: no-repeat;
  border-radius: 4px 4px 0 0;
}
.awesome-slideshow-url {
  background: #ffffff;
  border-bottom: 5px solid #e8e8e8;
  padding: 4px 16px;
  font-size: 11px;
  color: #999;
  font-family: -apple-system, system-ui, sans-serif;
  border-left: 4px solid #e8e8e8;
  border-right: 4px solid #e8e8e8;
}
.awesome-slideshow-panel {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #e8e8e8;
  padding-bottom: 0;
}
.awesome-slideshow-awesome {
  background: white;
}
.awesome-slideshow-awesome .awesome-slideshow-label {
  color: var(--osa-blue);
}
.awesome-slideshow-frames {
  position: relative;
  overflow: hidden;
  padding: 0 4px;
  background: #e8e8e8;
}
.awesome-slideshow-frames img {
  width: 100%;
  height: auto;
  display: none;
}
.awesome-slideshow-frames img.active {
  display: block;
  animation: slideshow-fade-in 0.8s ease;
}
@keyframes slideshow-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
.awesome-slideshow-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 12px;
}
.awesome-slideshow-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: background 0.2s;
}
.awesome-slideshow-dot.active {
  background: var(--osa-blue);
}
.awesome-slideshow-awesome .awesome-slideshow-dot {
  background: rgba(0, 0, 0, 0.1);
}
.awesome-slideshow-awesome .awesome-slideshow-dot.active {
  background: var(--osa-blue);
}
.awesome-slideshow-screen-label {
  text-align: center;
  font-size: 22px;
  color: var(--osa-steel);
  margin-top: 16px;
}
@media (max-width: 768px) {
  .awesome-slideshow-compare { grid-template-columns: 1fr; }
}

/* ── Swoosh underline ── */
.awesome-swoosh-word {
  position: relative;
  display: inline-block;
}
.awesome-swoosh-word .awesome-swoosh {
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 31px;
  opacity: 0.5;
}

/* ── Slideshow screen label icons ── */
.awesome-slideshow-screen-label i {
  width: 18px;
  height: 18px;
  color: var(--osa-steel);
  vertical-align: middle;
}

/* ── SHIFT+O toggle slideshow ── */
.awesome-shifto-toggle {
  position: relative;
  max-width: 400px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--osa-border);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.awesome-shifto-toggle img {
  width: 100%;
  height: auto;
  display: block;
}
.awesome-shifto-toggle img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  animation: shifto-toggle 8s ease-in-out infinite;
}
@keyframes shifto-toggle {
  0%, 45% { opacity: 1; }
  50%, 95% { opacity: 0; }
  100% { opacity: 1; }
}
.awesome-shifto-label {
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  color: var(--osa-steel);
  font-style: italic;
}

/* ── SHIFT+O toggle centered variant ── */
.awesome-shifto-toggle-centered {
  margin: 32px auto 0;
  max-width: 500px;
}

/* ── Features page: SHIFT+O kbd style ── */
span.shift\+o {
  border: 1px solid #000000b3;
  padding: 0px 4px;
  font-weight: 600;
  letter-spacing: 1px;
}

/* ── Features page: diagnostics grid alignment ── */
.awesome-grid-center.diagnostics {
  align-items: initial;
}

/* ── Footer CTA (reusable charcoal pre-footer band) ── */
.awesome-footer-cta {
  text-align: center;
}
.awesome-footer-cta .awesome-section-heading {
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
}
.awesome-footer-cta .awesome-btn-group {
  justify-content: center;
}
.awesome-footer-cta-note:last-of-type {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: var(--osa-s3);
  letter-spacing: 0.02em;
}

/* ── Get Started shimmer on dark bands ── */
@keyframes shimmer-glow {
  0%   { background-position: 200% center; }
  100% { background-position: -200% center; }
}
.awesome-band-dark a[href="/product/pricing/"].awesome-btn-white-outline,
.awesome-section-v2.awesome-bg-charcoal a[href="/product/pricing/"].awesome-btn-white-outline,
.awesome-section-v2.awesome-bg-blue-dark a[href="/product/pricing/"].awesome-btn-white-outline,
.awesome-band-dark a[href="/learn/make-the-case/"].awesome-btn-white-outline,
.awesome-section-v2.awesome-bg-charcoal a[href="/learn/make-the-case/"].awesome-btn-white-outline,
.awesome-section-v2.awesome-bg-blue-dark a[href="/learn/make-the-case/"].awesome-btn-white-outline {
  transition: all 1s ease;
  position: relative;
  overflow: hidden;
}
.awesome-band-dark a[href="/product/pricing/"].awesome-btn-white-outline:hover,
.awesome-section-v2.awesome-bg-charcoal a[href="/product/pricing/"].awesome-btn-white-outline:hover,
.awesome-section-v2.awesome-bg-blue-dark a[href="/product/pricing/"].awesome-btn-white-outline:hover,
.awesome-band-dark a[href="/learn/make-the-case/"].awesome-btn-white-outline:hover,
.awesome-section-v2.awesome-bg-charcoal a[href="/learn/make-the-case/"].awesome-btn-white-outline:hover,
.awesome-section-v2.awesome-bg-blue-dark a[href="/learn/make-the-case/"].awesome-btn-white-outline:hover {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(
    135deg,
    #6d28d9 0%,
    #9333ea 18%,
    #c026d3 34%,
    #a855f7 48%,
    #7c3aed 62%,
    #9333ea 76%,
    #c026d3 90%,
    #6d28d9 100%
  );
  background-size: 300% 100%;
  animation: shimmer-glow 5s linear infinite;
  box-shadow:
    0 0 14px rgba(147, 51, 234, 0.3),
    0 0 28px rgba(124, 58, 237, 0.12);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45), 0 -1px 0 rgba(255, 255, 255, 0.2);
}
.awesome-band-dark a[href="/product/pricing/"].awesome-btn-white-outline:hover svg,
.awesome-section-v2.awesome-bg-charcoal a[href="/product/pricing/"].awesome-btn-white-outline:hover svg,
.awesome-section-v2.awesome-bg-blue-dark a[href="/product/pricing/"].awesome-btn-white-outline:hover svg,
.awesome-band-dark a[href="/learn/make-the-case/"].awesome-btn-white-outline:hover svg,
.awesome-section-v2.awesome-bg-charcoal a[href="/learn/make-the-case/"].awesome-btn-white-outline:hover svg,
.awesome-section-v2.awesome-bg-blue-dark a[href="/learn/make-the-case/"].awesome-btn-white-outline:hover svg {
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.45)) drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.16));
}

/* ── Pre-footer: seamless join to site footer ──
   GP's container chain adds structural spacing between entry-content and
   the footer-widgets area. Strategy: (1) zero everything in the chain,
   (2) pull footer up to cover any residual gap, (3) both areas are
   charcoal so the overlap is invisible. */
.awesome-band.pre-footer {
  margin-bottom: 0;
}
.awesome-band.pre-footer > .awesome-section {
  padding: var(--osa-section-pad);
}

/* ── Pre-footer-white: last white section before footer ──
   Zeroes structural spacing so the gap between the last white section
   and the charcoal footer is just section-padding + footer-padding (64px)
   instead of section-padding + structural-junk + footer-padding (~128px). */
.awesome-section.pre-footer-white {
  padding-bottom: calc(var(--osa-section-gap) / 2);
}

body.page-template-template-rebuild:has(.pre-footer, .pre-footer-white) .entry-content {
  margin-bottom: 0 !important;
}
body.page-template-template-rebuild:has(.pre-footer, .pre-footer-white) .site-content {
  padding-bottom: 0 !important;
}
body.page-template-template-rebuild:has(.pre-footer, .pre-footer-white) .site-main {
  margin-bottom: 0 !important;
}
body.page-template-template-rebuild:has(.pre-footer, .pre-footer-white) article {
  margin-bottom: 0 !important;
}
body.page-template-template-rebuild:has(.pre-footer, .pre-footer-white) .inside-article {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.page-template-template-rebuild:has(.pre-footer) .footer-widgets {
  margin-top: -20px;
}
.pre-footer p:last-of-type {
  margin-bottom: 0;
}
body.page-template-template-rebuild .site-footer {
  margin-top: 0;
}


/* ── Section divider (major gear shifts between page chapters) ── */
.awesome-divider-major {
  border: none;
  border-top: 1px solid var(--osa-border);
  margin: var(--osa-s7) auto;
  max-width: 200px;
}

/* ── Features page: GDPR screenshot ── */
.awesome-enhancement.gdpr {
  max-width: 800px;
}
.awesome-gdpr-screenshot {
  max-width: calc(100% - 32px);
  margin: 16px 0 0 32px;
  border-radius: 6px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}


/* ══════════════════════════════════════════════════════
   Features page — platform feature grid (hero + stacked tiles)
   ══════════════════════════════════════════════════════ */
.awesome-ft-features {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: var(--osa-s5);
}
.awesome-ft-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.awesome-ft-hero {
  grid-row: span 2;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  padding: 44px 44px 40px;
  justify-content: center;
}
.awesome-ft-hero-email  { background: var(--osa-cream); }
.awesome-ft-hero-source { background: var(--osa-alice-blue); }
.awesome-ft-hero .awesome-ft-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}
.awesome-ft-hero .awesome-ft-visual img {
  width: 100%;
  max-width: 220px;
  height: auto;
  display: block;
}
.awesome-ft-hero .awesome-ft-body .awesome-eyebrow { margin-bottom: 8px; }
.awesome-ft-hero .awesome-ft-body h3 {
  font-family: var(--osa-font-heading);
  font-size: 24px;
  font-weight: 600;
  color: var(--osa-charcoal);
  margin: 0 0 12px;
  line-height: 1.25;
}
.awesome-ft-hero .awesome-ft-body p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--osa-charcoal-mid);
  margin: 0 0 10px;
}
.awesome-ft-hero .awesome-ft-body p:last-child { margin-bottom: 0; }

.awesome-ft-tile {
  background: #fff;
  border: 1px solid rgba(68,76,86,0.08);
  border-radius: 16px;
  padding: 24px 26px;
  display: grid;
  grid-template-columns: 128px 1fr;
  gap: 22px;
  align-items: center;
  box-shadow: 0 6px 24px rgba(68,76,86,0.05);
}
.awesome-ft-tile .awesome-ft-visual {
  border-radius: 12px;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
}
.awesome-ft-tile-forms  .awesome-ft-visual { background: var(--osa-orange-whisper); }
.awesome-ft-tile-sla    .awesome-ft-visual { background: var(--osa-green-light); }
.awesome-ft-tile-auth   .awesome-ft-visual { background: var(--osa-blue-light); }
.awesome-ft-tile-portal .awesome-ft-visual { background: #F3F0EA; }
.awesome-ft-tile .awesome-ft-visual img {
  width: 100%;
  max-width: 100px;
  height: auto;
  display: block;
}
.awesome-ft-tile .awesome-ft-body .awesome-eyebrow {
  font-size: 11px;
  margin-bottom: 6px;
}
.awesome-ft-tile .awesome-ft-body h3 {
  font-family: var(--osa-font-heading);
  font-size: 17px;
  font-weight: 600;
  color: var(--osa-charcoal);
  margin: 0 0 8px;
  line-height: 1.3;
}
.awesome-ft-tile .awesome-ft-body p {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--osa-charcoal-mid);
  margin: 0 0 7px;
}
.awesome-ft-tile .awesome-ft-body p:last-child { margin-bottom: 0; }
.awesome-ft-tile .awesome-ft-body .awesome-plugin-note {
  font-size: 12px;
  font-style: italic;
  color: var(--osa-steel);
}

@media (max-width: 900px) {
  .awesome-ft-row { grid-template-columns: 1fr; gap: 20px; }
  .awesome-ft-hero { grid-row: auto; padding: 36px; }
  .awesome-ft-hero .awesome-ft-visual img { max-width: 240px; }
  .awesome-ft-tile { grid-template-columns: 118px 1fr; padding: 22px; gap: 20px; }
}

@media (max-width: 560px) {
  .awesome-ft-hero { padding: 28px 24px; border-radius: 16px; }
  .awesome-ft-hero .awesome-ft-visual img { max-width: 200px; }
  .awesome-ft-hero .awesome-ft-body h3 { font-size: 20px; }
  .awesome-ft-tile { grid-template-columns: 1fr; padding: 22px; gap: 16px; }
  .awesome-ft-tile .awesome-ft-visual { max-width: 150px; justify-self: start; }
}


/* ── Features page: pre-footer — handled by v2 .awesome-section-v2.pre-footer ── */


/* ==========================================================================
   Homepage
   ========================================================================== */

/* ── Hero intro (centered h1 + subtitle) ── */
.awesome-hero-intro {
  text-align: center;
  padding: 40px 0;
}
.awesome-hero-intro .awesome-hero-title {
  margin-left: auto;
  margin-right: auto;
}
.awesome-hero-intro .awesome-hero-subtitle {
  margin-left: auto;
  margin-right: auto;
}

/* ── Hero ── */
.awesome-hero {
  padding-top: var(--osa-s4); 
  padding-bottom: 64px;
}
.awesome-hero:first-child {
  margin-top: 0;
}
.awesome-hero-title {
  font-family: var(--osa-font-heading);
  font-size: 52px;
  line-height: 1.08;
  font-weight: 600;
  color: var(--osa-charcoal);
  letter-spacing: -0.02em;
  max-width: 800px;
  margin: 0;
}
.awesome-hero-subtitle {
  font-size: 17px;
  color: var(--osa-charcoal-mid);
  line-height: 1.65;
  margin-top: 48px;
  max-width: 640px;
}
.awesome-hero-subtitle strong { font-weight: 600; }
h3.awesome-hero-subtitle-heading {
  margin: var(--osa-s6) 0 0 0 !important;
}

/* Hero cream panel */
.awesome-hero-panel {
  background: var(--osa-cream);
  border-radius: 12px;
  padding: 48px;
  margin-top: 0;
  margin-bottom: 48px;
  margin-left: -50px;
  margin-right: -50px;
}
.awesome-hero-split {
  display: flex;
  gap: 48px;
  align-items: flex-start;
}
.awesome-hero-split-text { flex: 1; min-width: 0; }
.awesome-hero-split-text p {
  font-size: 17px;
  color: var(--osa-charcoal-mid);
  line-height: 1.75;
  margin-bottom: 16px;
}
.awesome-hero-split-text p:last-child { margin-bottom: 0; }
.awesome-hero-split-text strong { font-weight: 600; }
.awesome-hero-split-visual { flex: 0 0 360px; }

/* Login slider */
.awesome-login-slider {
  position: relative;
  width: 360px;
  max-width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);
  aspect-ratio: 4 / 3;
}
.awesome-login-slider img {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity .25s ease;
}
.awesome-login-slider img.active { opacity: 1; }

/* Rotating word */
.awesome-rotating-word {
  display: inline-block;
  position: relative;
  min-width: 161px;
  text-align: left;
  vertical-align: baseline;
}
.awesome-rotating-word .word {
  display: inline-block;
  position: absolute;
  left: 0; right: 0;
  opacity: 0;
  transform: translateY(12px);
  animation: awesomeWordCycle 12s ease-in-out infinite;
  color: var(--osa-charcoal);
}
.awesome-rotating-word .word:nth-child(1) { animation-delay: 0s; }
.awesome-rotating-word .word:nth-child(2) { animation-delay: 3s; }
.awesome-rotating-word .word:nth-child(3) { animation-delay: 6s; }
.awesome-rotating-word .word:nth-child(4) { animation-delay: 9s; }
.awesome-rotating-word .word:first-child { position: relative; }
@keyframes awesomeWordCycle {
  0%    { opacity: 0; transform: translateY(12px); }
  3%    { opacity: 1; transform: translateY(0); }
  22%   { opacity: 1; transform: translateY(0); }
  25%   { opacity: 0; transform: translateY(-12px); }
  100%  { opacity: 0; transform: translateY(-12px); }
}
.awesome-rotating-word .awesome-swoosh {
  position: absolute;
  bottom: -7px;
  left: 49%;
  transform: translateX(calc(-50% - 10px));
  width: 85%;
  height: 12px;
  opacity: 0.5;
}

/* Stack line */
.awesome-hero-stack-line {
  font-family: var(--osa-font-heading);
  font-weight: 500;
  font-size: 22px;
  color: var(--osa-charcoal);
  text-align: center;
  margin: 48px 0;
  padding: 48px 24px;
  background: var(--osa-blue-light);
  border: 1px solid var(--osa-border);
  border-radius: 10px;
}
.awesome-hero-divider {
  border: none;
  border-top: 1px solid var(--osa-border);
  max-width: 80px;
  margin: 48px auto 24px auto;
}

/* Hero bottom ("Not a sysadmin?") */
.awesome-hero-bottom {
  display: flex;
  gap: 16px;
  align-items: center;
}
.awesome-hero-bottom-visual { flex: 0 0 260px; }
.awesome-hero-bottom-visual img {
  width: 100%;
  height: auto;
  max-width: 212px;
  padding-top: 30px;
}
.awesome-hero-bottom-text { flex: 1; min-width: 0; }
.awesome-hero-bottom-text h2 {
  font-family: var(--osa-font-heading);
  font-size: 32px;
  line-height: 1.18;
  font-weight: 600;
  color: var(--osa-charcoal);
  margin-bottom: 16px;
}
.awesome-hero-bottom p {
  font-size: 17px;
  color: var(--osa-charcoal-mid);
  line-height: 1.75;
  margin-bottom: 16px;
}
.awesome-hero-bottom p:last-child { margin-bottom: 0; }

/* nobr utility */
.awesome-nobr { white-space: nowrap; }

/* ── Stats panel ── */
.awesome-hp-stats {
  padding-top: 48px; padding-bottom: 48px;
  text-align: center;
}
.awesome-hp-stats-eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--osa-blue);
  margin-bottom: 16px;
}
.awesome-hp-stats-row {
  display: flex;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
  margin-top: 2em;
}
.awesome-hp-stat { text-align: center; }
.awesome-hp-stat-num {
  font-family: var(--osa-font-heading);
  font-size: 44px;
  font-weight: 600;
  color: var(--osa-green);
  line-height: 1;
}
.awesome-hp-stat-label {
  font-size: 12px;
  color: rgba(69, 76, 86, 0.7);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-top: 6px;
  font-weight: 500;
}

/* ── Trust strip ── */
.awesome-hp-trust {
  padding-top: 96px; padding-bottom: 96px;
  text-align: center;
}
.awesome-hp-trust-eyebrow {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(107, 114, 128, 0.71);
  margin-bottom: 40px;
  text-align: center;
}
.awesome-hp-trust.awesome-section,
.awesome-hp-trust.awesome-section-v2 {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 768px) {
  .awesome-hp-trust.awesome-section,
  .awesome-hp-trust.awesome-section-v2 {
    overflow: hidden;
  }
}

.awesome-hp-trust .oa-marquee-track img:hover {
  opacity: 1 !important;
}
.oa-marquee-row.oa-marquee-row--left,
.oa-marquee-row.oa-marquee-row--right {
  zoom: 1.5;
}
.oa-marquee-row:hover .oa-marquee-track {
  animation-play-state: running;
}

/* ── Section header (logo + text, for Platform + Enhancements) ── */
.awesome-hp-section-header {
  margin-bottom: initial;
  display: flex;
  gap: 48px;
  align-items: flex-start;
}
.awesome-hp-section-header-logo {
  flex: 0 0 200px;
  width: 200px;
  height: auto;
  margin-top: 32px;
}
.awesome-hp-section-header-logo-sm {
  flex: 0 0 122px;
  width: 122px;
}
.awesome-hp-section-header > div { flex: 1; min-width: 0; }

/* osTicket swoosh (wider than default) */
span.awesome-osticket-swoosh.awesome-swoosh-word .awesome-swoosh {
  bottom: -7px;
  left: 53%;
  width: 101%;
  height: 15px;
}

/* ── Platform card grid ── */
.awesome-hp-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}
.awesome-hp-card {
  background: white;
  border: 1px solid var(--osa-border);
  border-radius: 10px;
  padding: 24px;
}
.awesome-hp-card h3 {
  font-size: 17px;
  font-weight: 600;
  color: var(--osa-charcoal);
  margin-bottom: 8px;
}
.awesome-hp-card p {
  font-size: 15px;
  color: var(--osa-charcoal-mid);
  line-height: 1.65;
  margin: 0;
}

/* ── Homepage pivot ── */
.awesome-hp-pivot {
  text-align: center;
}
.awesome-hp-pivot .awesome-section-heading {
  color: white;
  max-width: 700px;
  margin: 0 auto 16px;
}
.awesome-hp-pivot p {
  color: rgba(255,255,255,.65);
  font-size: 17px;
  line-height: 1.75;
  max-width: 640px;
  margin: 0 auto 16px;
}
.awesome-hp-pivot-img {
    max-width: 350px;
    margin: 64px auto 0;
    display: block;
    width: 100%;
}

/* ── Enhancements feature grid items (with decorative bg images) ── */
.awesome-hp-feature-item {
  min-height: 300px;
  padding: 48px;
}
.awesome-hp-fi-responsive {
  background-image: url(/wp-content/uploads/2026/04/hp-responsive.png);
  background-size: 126px;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.awesome-hp-fi-shortcuts {
  background-image: url(/wp-content/uploads/2026/04/hp-keyboard.png);
  background-size: 244px;
  background-repeat: no-repeat;
  background-position: bottom 41px center;
}
.awesome-hp-fi-branding {
  background-image: url(/wp-content/uploads/2026/04/hp-color-theme.png);
  background-size: 126px;
  background-repeat: no-repeat;
  background-position: bottom 24px left 48px;
}
.awesome-hp-fi-priorities {
  background-image: url(/wp-content/uploads/2026/04/hp-priority.png);
  background-size: 187px;
  background-repeat: no-repeat;
  background-position: bottom 24px left 37px;
}
.awesome-hp-fi-plugins {
  background-image: url(/wp-content/uploads/2026/04/hp-download.svg);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: bottom 13px right 48px;
}
.awesome-hp-fi-languages {
  background-image: url(/wp-content/uploads/2026/04/hp-languages.svg);
  background-size: 93px;
  background-repeat: no-repeat;
  background-position: bottom 24px right 47px;
}
.awesome-hp-fi-css-editor {
  background-image: url(/wp-content/uploads/2026/04/hp-css-editor.svg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: bottom 10px left 89px;
}
.awesome-hp-fi-avatars {
  background-image: url(/wp-content/uploads/2026/04/hp-avatars.png);
  background-size: 231px;
  background-repeat: no-repeat;
  background-position: bottom 20px left 48px;
}

/* ── Dark mode card ── */
.awesome-hp-fi-darkmode {
  transition: background 0.4s ease;
  position: relative;
}
.awesome-hp-fi-darkmode h3,
.awesome-hp-fi-darkmode p {
  transition: color 0.4s ease;
}
.awesome-hp-fi-darkmode:not(.awesome-dm-light) {
  background: #444753;
}
.awesome-hp-fi-darkmode:not(.awesome-dm-light) h3 { color: #fff; }
.awesome-hp-fi-darkmode:not(.awesome-dm-light) p { color: #fff; }
.awesome-hp-fi-darkmode.awesome-dm-light {
  background: white;
}
.awesome-hp-fi-darkmode.awesome-dm-light .awesome-dm-toggle {
  background: var(--osa-border);
}
.awesome-hp-fi-darkmode.awesome-dm-light .awesome-dm-slider {
  left: 2px;
}
.awesome-dm-toggle {
  position: absolute;
  bottom: 20px;
  right: 48px;
  width: 52px;
  height: 28px;
  background: var(--osa-blue);
  border-radius: 14px;
  cursor: pointer;
  transition: background 0.3s ease;
  border: none;
  padding: 0;
}
.awesome-dm-slider {
  position: absolute;
  top: 2px;
  left: 26px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: left 0.3s ease;
}

/* ── Peter quote ── */
.awesome-peter-quote {
  border-left: 3px solid var(--osa-blue);
  padding: 16px 24px;
  margin: 96px 0 0 48px;
}
.awesome-peter-quote p {
  font-size: 17px;
  font-style: italic;
  color: var(--osa-charcoal);
  line-height: 1.65;
  margin: 0;
}
.awesome-peter-quote cite {
  display: block;
  font-size: 14px;
  font-style: normal;
  color: var(--osa-charcoal-mid);
  margin-top: 8px;
}

/* Features link */
.awesome-features-link {
  display: inline-block;
  margin-top: 24px;
  font-size: 17px;
  font-weight: 600;
  color: var(--osa-blue-dark);
  text-decoration: none;
  float: right;
}
.awesome-features-link:hover { text-decoration: underline; }
.awesome-features-link-wrap {
  overflow: hidden;
  margin-bottom: 24px;
}

/* ── Stack section ── */
.awesome-hp-stack { overflow: hidden; }
.awesome-hp-stack p {
  font-size: 17px;
  color: var(--osa-charcoal-mid);
  line-height: 1.75;
  margin-bottom: 16px;
}
.awesome-hp-stack p:last-child { margin-bottom: 0; }
.awesome-hp-stack a {
  color: var(--osa-blue-dark);
  font-weight: 600;
  text-decoration: none;
}
.awesome-hp-stack a:hover { text-decoration: underline; }
.awesome-hp-stack-img {
  float: right;
  max-width: 280px;
  width: 40%;
  margin: 0 0 24px 32px;
}


/* ── Home page pricing (editorial float + pull-quote) ── */
.awesome-hp-pricing-body {
  max-width: 860px;
  margin: 32px auto 0;
}
.awesome-hp-pricing-body::after {
  content: "";
  display: block;
  clear: both;
}
.awesome-hp-pricing-img {
  float: left;
  width: 42%;
  max-width: 400px;
  height: auto;
  margin: 6px 32px 18px 0;
  border-radius: 10px;
  box-shadow: 0 12px 36px rgba(68,76,86,0.16);
  shape-outside: inset(0 round 10px);
}
.awesome-hp-pricing-body p {
  font-size: 17px;
  color: var(--osa-charcoal-mid);
  line-height: 1.75;
  margin: 0 0 16px;
}
.awesome-hp-pricing-pullquote {
  float: right;
  clear: right;
  width: 260px;
  margin: 12px -16px 20px 32px;
  padding: 0 0 0 20px;
  border-left: 3px solid var(--osa-orange);
  font-family: var(--osa-font-heading);
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  color: var(--osa-charcoal);
  font-style: italic;
}
/* ── Footer CTA ── */
.awesome-hp-demo-panel {
  max-width: 800px;
  margin: 0 auto;
}
.awesome-hp-demo-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-top: 32px;
}
.awesome-hp-demo-card {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.awesome-hp-demo-card p {
  flex: 1;
}
.awesome-hp-demo-card h3 {
  font-family: var(--osa-font-heading);
  font-size: 18px;
  font-weight: 600;
  color: var(--osa-charcoal);
  margin: 0 0 10px;
}
.awesome-hp-demo-card p {
  font-size: 14px;
  color: var(--osa-charcoal-mid) !important;
  line-height: 1.6;
  margin: 0 0 20px;
}
@media (max-width: 600px) {
  .awesome-hp-demo-cards { grid-template-columns: 1fr; gap: 32px; }
}
.awesome-hp-footer-cta-panel {
  background: var(--osa-cream);
  border-radius: 12px;
  padding: 64px 48px;
  text-align: center;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.12);
}
.awesome-hp-footer-cta-panel p {
  color: var(--osa-charcoal-mid);
  font-size: 16px;
  margin-bottom: 24px;
}
.awesome-hp-footer-cta-panel .awesome-btn-group {
  justify-content: center;
  margin-top: 0;
}
.awesome-hp-pricing-note {
  margin-top: 24px;
  color: #8a929d;
  font-size: 14px;
}

/* ── Boardroom ── */
.awesome-hp-boardroom {
  text-align: center;
}
.awesome-hp-boardroom p.awesome-eyebrow {
	color: var(--osa-green);
    font-family: 'DM Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: initial;
}
.awesome-hp-boardroom h2 {
  font-family: var(--osa-font-heading);
  font-size: 34px;
  line-height: 1.18;
  font-weight: 600;
  color: white;
  margin-bottom: 16px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
h2 .money {
    text-shadow: 2px 2px 2px #2b3037;
}
.awesome-bg-charcoal .awesome-hp-boardroom p {
  color: rgba(255,255,255,.55);
  font-size: 16px;
  margin-bottom: 24px;
}
.awesome-hp-boardroom-fine {
    font-size: 12px;
    color: rgb(255 255 255 / 45%);
    max-width: 500px;
    margin: 24px auto 0 auto;
    font-family: system-ui;
}

/* White outline button */
.awesome-btn-white-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--osa-font-heading);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
  border: 2px solid rgba(255,255,255,.5);
  color: white;
  padding: 13px 28px;
  border-radius: 4px;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
  transition: border-color 0.2s;
}
.awesome-btn-white-outline:hover {
  border-color: white;
  color: white;
}

.awesome-btn-white-outline:visited,
.awesome-btn-white-outline:active,
.awesome-btn-white-outline:focus {
  color: white;
}

/* Button pulse animations */
@keyframes awesome-pulse-orange { 0%,100%{transform:scale(1)} 50%{transform:scale(1.04)} }
@keyframes awesome-pulse-ghost { 0%,100%{transform:scale(1)} 50%{transform:scale(1.02)} }
.awesome-btn-orange:hover { animation: awesome-pulse-orange .35s ease; }
.awesome-btn-grey:hover { animation: awesome-pulse-ghost .35s ease; }
.awesome-btn-white-outline:hover { animation: awesome-pulse-ghost .35s ease; }

/* ── Homepage pre-footer gap fix ── */
/* Removed: v2 pre-footer system handles this via .awesome-section-v2.pre-footer */

/* ── Homepage mobile (tablet) ── */
@media (max-width: 768px) {
  /* Hero */
  .awesome-hero { padding-top: 64px; padding-bottom: 48px; }

  .awesome-hero-subtitle { margin-top: 24px; font-size: 16px; }
  .awesome-hero-intro { padding: 20px 0; }
  .awesome-hero-panel { padding: 24px; margin: 32px 0; margin-left: 0; margin-right: 0; }
  .awesome-hero-split { flex-direction: column; gap: 24px; }
  .awesome-hero-split-visual { flex: none; width: 100%; max-width: 300px; margin: 0 auto; }
  .awesome-login-slider { width: 100%; }
  .awesome-rotating-word { min-width: 100px; }
  .awesome-hero-stack-line { font-size: 16px; padding: 24px 16px; }
  .awesome-hero-stack-line .awesome-nobr { white-space: normal; }
  .awesome-hero-divider { margin: 24px auto 16px auto; }
  .awesome-hero-bottom { flex-direction: column; text-align: center; align-items: stretch; }
  .awesome-hero-bottom-visual { flex: none; width: 160px; margin: 0 auto; }
  .awesome-hero-bottom-visual img { padding-top: 0; }
  .awesome-hero-bottom-text h2 { font-size: 26px; }

  /* Section headings — system-wide mobile size */
  .awesome-section-heading { font-size: 24px; }

  /* Stats */
  .awesome-hp-stats-row { gap: 32px; }
  .awesome-hp-stat-num { font-size: 36px; }

  /* Trust strip: kill the zoom on mobile, speed up animation 25% */
  .oa-marquee-row { zoom: 1; }
  .awesome-hp-trust { padding-top: 64px; padding-bottom: 64px; }
  .oa-marquee-row--left .oa-marquee-track { animation-duration: 135s; }
  .oa-marquee-row--right .oa-marquee-track { animation-duration: 150s; }

  /* Section headers */
  .awesome-hp-section-header { flex-direction: column; align-items: center; text-align: center; gap: 24px; }
  .awesome-hp-section-header-logo { margin-top: 0; flex: none; width: 120px; }
  .awesome-hp-section-header-logo-sm { flex: none; width: 80px; }
  .awesome-hp-section-header .awesome-body { margin-left: auto; margin-right: auto; }

  /* Platform cards */
  .awesome-hp-card-grid { grid-template-columns: 1fr; }

  /* Enhancement feature items */
  .awesome-hp-feature-item { min-height: auto; padding: 24px 24px 130px; }
  .awesome-hp-fi-responsive { background-size: 100px; background-position: bottom 12px right 16px; }
  .awesome-hp-fi-shortcuts { background-size: 170px; background-position: bottom 20px center; }
  .awesome-hp-fi-branding { background-size: 100px; background-position: bottom 12px left 20px; }
  .awesome-hp-fi-priorities { background-size: 130px; background-position: bottom 12px left 20px; }
  .awesome-hp-fi-darkmode { padding-bottom: 64px; }
  .awesome-dm-toggle { bottom: 16px; right: 20px; }
  .awesome-hp-fi-plugins { background-size: 60px; padding-bottom: 100px; background-position: bottom 12px right 20px; }
  .awesome-hp-fi-languages { background-size: 70px; padding-bottom: 100px; background-position: bottom 12px right 20px; }
  .awesome-hp-fi-css-editor { background-size: 200px; padding-bottom: 100px; background-position: bottom 0 center; }
  .awesome-hp-fi-avatars { background-size: 170px; background-position: bottom 12px left 20px; }

  /* Stack floated image */
  .awesome-hp-stack-img { float: none !important; display: block !important; width: 50% !important; max-width: 180px !important; margin: 0 auto 24px auto !important; }

  /* Peter quote */
  .awesome-peter-quote { margin-left: 0; margin-top: 48px; }

  /* Pricing */
  .awesome-hp-pricing-img { width: 45%; max-width: 320px; margin: 4px 22px 14px 0; }
  .awesome-hp-pricing-body p { font-size: 15px; }
  .awesome-hp-pricing-pullquote { width: 220px; font-size: 19px; margin: 8px 0 16px 22px; }




  /* Footer CTA */
  .awesome-hp-footer-cta-panel { padding: 32px 24px; }
  .awesome-hp-footer-cta-panel .awesome-btn-group { flex-direction: column; align-items: center; }
  .awesome-hp-pricing-note { font-size: 13px; }

  /* Boardroom */
  .awesome-hp-boardroom { padding: 64px 0 48px; }
  .awesome-hp-boardroom h2 { font-size: 26px; }

  /* Pivot */
  .awesome-hp-pivot-img { max-width: 245px; }
  .awesome-hp-pivot p { font-size: 15px; }
}

/* ── Homepage mobile (small phones, 480px and below) ── */
@media (max-width: 480px) {
  .awesome-hero { padding-top: 48px; padding-bottom: 32px; }
  .awesome-hero-subtitle { font-size: 15px; margin-top: 20px; }
  .awesome-hero-intro { padding: 10px 0; }
  .awesome-hero-panel { padding: 20px; }
  .awesome-hero-split-text p { font-size: 15px; }
  .awesome-hero-stack-line { font-size: 14px; padding: 20px 14px; margin: 32px 0; }
  .awesome-hero-divider { margin: 20px auto 12px auto; }
  .awesome-hero-bottom-text h2 { font-size: 22px; }
  .awesome-hero-bottom p { font-size: 15px; }

  .awesome-section-heading { font-size: 22px; }

  .awesome-hp-stat-num { font-size: 32px; }
  .awesome-hp-stats-row { gap: 24px; }

  .awesome-hp-section-header-logo { width: 100px; }

  .awesome-hp-card h3 { font-size: 16px; }
  .awesome-hp-card p { font-size: 14px; }

  .awesome-hp-feature-item { padding: 20px 20px 120px; }
  .awesome-hp-fi-shortcuts { background-size: 140px; }
  .awesome-hp-fi-priorities { background-size: 110px; }
  .awesome-hp-fi-css-editor { background-size: 180px; padding-bottom: 90px; }
  .awesome-hp-fi-avatars { background-size: 140px; }

  .awesome-peter-quote { padding: 12px 16px; }
  .awesome-peter-quote p { font-size: 15px; }

  /* Pricing */
  .awesome-hp-pricing-img {
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
  }
  .awesome-hp-pricing-pullquote {
    float: none;
    clear: both;
    width: auto;
    max-width: 100%;
    margin: 20px 0 24px;
    font-size: 18px;
  }
  .awesome-hp-pricing-body p { font-size: 14px; }
  .awesome-hp-pricing-body { margin-top: 24px; }



  .awesome-hp-boardroom h2 { font-size: 22px; }
  .awesome-hp-pivot-img { max-width: 200px; }

  /* Trust strip: speed up animation 50% on small phones */
  .oa-marquee-row--left .oa-marquee-track { animation-duration: 90s; }
  .oa-marquee-row--right .oa-marquee-track { animation-duration: 100s; }
}



/* ==========================================================================
   Footer
   ========================================================================== */

/* GP widget wrappers — reset */
#footer-widgets .footer-widgets-container {
    padding: 0;
}
.footer-widgets {
  background: var(--osa-charcoal);
}
.site-footer,
.site-info {
  background: var(--osa-charcoal);
  color: rgba(255, 255, 255, 0.65);
}
.site-footer .widget {
  margin: 0;
  padding: 0;
}
.footer-widgets .inside-footer-widgets {
  padding: 0;
}

/* Footer grid */
.oa-footer-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 32px;
  max-width: 1240px;
  margin: 0 auto;
  padding: calc(var(--osa-section-gap) / 2) 20px;
  box-sizing: border-box;
}


/* Column headings */
.footer-col-heading {
  font-family: var(--osa-font-heading);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--osa-white);
  margin: 0 0 12px;
  padding: 0;
}

/* Column links */
.footer-col-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-col-links li {
  line-height: 22px;
  margin-bottom: 22px;
}
.footer-col-links li:last-child {
  margin-bottom: 0;
}
.widget ul.footer-col-links li {
  margin-bottom: 0;
}
.footer-col-links a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.15s;
}
.footer-col-links a:hover {
  color: var(--osa-white);
}

/* Accent links */
.footer-link-green {
  color: var(--osa-green) !important;
}
.footer-link-green:hover {
  color: var(--osa-green-dark) !important;
}
.footer-link-orange {
  color: var(--osa-orange) !important;
  font-weight: 600;
  display: inline-block;
}
.footer-link-orange:hover {
  color: var(--osa-orange-dark) !important;
}
.footer-link-blue {
  color: var(--osa-blue) !important;
}
.footer-link-blue:hover {
  color: var(--osa-blue-dark) !important;
}

/* Copyright bar */
.footer-bar-align-center .footer-bar {
    margin-bottom: 0;
}
.inside-site-info {
  padding: 0 0 32px 0;
  margin-top: 20px;
}
.site-info a {
  color: var(--osa-blue);
}
.site-info a:hover,
.site-info a:focus {
  color: var(--osa-blue-dark);
}
.copyright-bar {
    color: rgba(255, 255, 255, 0.65);
    margin-top: -14px;
}
.copyright-bar a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.3);
}
.copyright-bar a:hover {
    color: #FFFFFF;
    text-decoration-color: rgba(255, 255, 255, 0.7);
}
.copyright-bar .copyright-sep {
    opacity: 0.5;
    margin: 0 4px;
}
.copyright-bar .copyright-brand,
.copyright-bar .copyright-meta {
    display: block;
}
.copyright-bar .copyright-meta {
    margin-top: 6px;
    font-size: 0.92em;
    opacity: 0.85;
}

/* Secondary heading spacing (paired categories at 6col) */
.footer-col-secondary {
  margin-top: 34px;
}

/* Below 780px: vertical list — heading then inline links */
@media (max-width: 779px) {
  .oa-footer-grid {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }
  .oa-footer-col {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }
  .footer-col-secondary {
    margin-top: 0;
  }
  .footer-col-heading {
    margin-bottom: 10px;
  }
  .footer-col-links {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
  }
  .footer-col-links li {
    margin: 0;
    line-height: 2.2;
  }
  .footer-col-links li:not(:last-child)::after {
    content: "\00b7";
    color: rgba(255, 255, 255, 0.25);
    margin: 0 10px;
  }
}

/* ── Header gutter override ── */
.inside-header,
body.page-template-template-rebuild .inside-header {
  padding: 20px;
  max-width: 1240px;
  margin: 0 auto;
}

/* ── Breadcrumbs gutter override ── */
.oa-breadcrumbs {
  max-width: 1200px;
  margin: var(--osa-s4) auto 0 0;
  padding: 0 20px;
  font-size: 13px;
  color: #8B9DAF;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Parent links → grey pills */
.oa-breadcrumbs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--osa-font-heading);
  font-size: 10px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #605d5d;
  background: #e5e5e5;
  padding: 3px 10px;
  border-radius: 3px;
  text-decoration: none;
  line-height: 1.4;
}
.oa-breadcrumbs a:hover {
  color: var(--osa-blue-dark);
  background: var(--osa-blue-light);
  text-decoration: none;
}

/* Home link → house icon */
.oa-breadcrumbs a:first-child {
  font-size: 0;
  width: 20px;
  height: 20px;
  padding: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23747474' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-color: initial;
}
.oa-breadcrumbs a:first-child:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232F7DB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}

/* Separator */
.oa-bc-sep {
  color: var(--osa-steel);
  font-size: 19px;
  font-family: tahoma;
  line-height: initial;
  margin: -3px 0 0 0;
}

/* Current page → green pill */
.oa-bc-current {
  display: inline-block;
  font-family: var(--osa-font-heading);
  font-size: 10px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: white;
  background: var(--osa-green);
  padding: 3px 10px;
  border-radius: 3px;
}

/* ── #content gutter override ── */
#content {
  max-width: 1240px;
  margin: 0 auto;
}

main#main {
  min-height: 500px;
}

/* ── Hide WP skip-link anchor ── */
a.screen-reader-text.skip-link {
  display: none;
}

/* ── Doc Layout: sticky sidebar TOC + content column ──
   Full 1240px container with 20px gutter (matches header/breadcrumbs).
   Not an awesome-section: it's its own top-level layout used INSTEAD of
   awesome-section on documentation pages. Sidebar collapses on mobile. */
.awesome-doc-layout {
  max-width: 1240px;
  margin: 0 auto;
  padding: calc(var(--osa-section-gap) / 2) 20px;
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 56px;
  align-items: start;
}
.awesome-doc-sidebar {
  position: sticky;
  top: 32px;
}
.awesome-doc-sidebar-title {
  font-family: var(--osa-font-heading);
  font-size: 11px;
  font-weight: var(--osa-fw-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--osa-steel);
  margin: 0 0 16px 0;
}
.awesome-doc-sidebar-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
.awesome-doc-sidebar-nav li { margin-bottom: 4px; }
.awesome-doc-sidebar-nav a {
  font-family: var(--osa-font-heading);
  font-size: 14px;
  font-weight: 500;
  color: var(--osa-charcoal-mid);
  text-decoration: none;
  display: block;
  padding: 6px 12px;
  border-radius: 4px;
  border-left: 3px solid transparent;
  transition: all 0.15s ease;
}
.awesome-doc-sidebar-nav a:hover {
  color: var(--osa-blue);
  background: var(--osa-blue-light);
}
.awesome-doc-sidebar-nav a.active {
  color: var(--osa-blue);
  border-left-color: var(--osa-blue);
  background: var(--osa-blue-light);
  font-weight: 600;
}
.awesome-doc-content { min-width: 0; }

/* ── Status dot — used in Component Library hub to flag build state ── */
.awesome-status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.awesome-status-dot-green { background: var(--osa-green); }
.awesome-status-dot-red   { background: var(--osa-orange); }

/* Doc-scoped h2: smaller than awesome-section-heading, separated by rule */
.awesome-doc-content .awesome-section-heading {
  font-size: 26px;
  margin-top: 56px;
  padding-top: 24px;
  border-top: 1px solid var(--osa-slate);
}
.awesome-doc-content .awesome-section-heading:first-of-type {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

@media (max-width: 1040px) and (min-width: 769px) {
  .awesome-doc-layout {
    grid-template-columns: 18vw 1fr;
    gap: 28px;
  }
  .awesome-doc-sidebar-nav a {
    font-size: 13px;
    padding: 5px 10px;
  }
}

@media (max-width: 768px) {
  .awesome-doc-layout {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 24px;
  }
  .awesome-doc-sidebar { display: none; }
}

/* Mobile TOC — visible only when sidebar collapses */
.awesome-doc-toc-mobile { display: none; }
@media (max-width: 768px) {
  .awesome-doc-toc-mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
  }
  .awesome-doc-toc-mobile a {
    font-family: var(--osa-font-heading);
    font-size: 13px;
    font-weight: 600;
    color: var(--osa-charcoal-mid);
    background: var(--osa-blue-light);
    padding: 6px 14px;
    border-radius: 20px;
    text-decoration: none;
    white-space: nowrap;
  }
  .awesome-doc-toc-mobile a:hover {
    color: var(--osa-blue);
    background: var(--osa-alice-blue);
  }
}

/* Browser Cache page — inline code icon styling */
.page-id-132384 code {
    zoom: 1.5;
    background: #eaeaea;
    width: 24px;
    height: 24px;
    padding: 0 7px;
}

/* Code blocks (terminal / command snippets) */
.awesome-pre {
    background: #2d333b;
    color: #adbac7;
    border-radius: 6px;
    padding: 16px 20px;
    font-size: 13px;
    line-height: 1.6;
    overflow-x: auto;
    max-width: calc(100% - 96px);
    margin: 22px auto;
}

/* Doc content lists */
.awesome-doc-content ol,
.awesome-doc-content ul:not(.awesome-doc-sidebar-nav) {
    padding-left: 20px;
    line-height: 1.8;
}

/* Doc content images */
.awesome-doc-content img:not(.awesome-doc-sidebar img) {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 0 4px 0 0;
}

/* osTicket kangaroo icon on Release History entries */
.oa-release h3 img.ost {
    padding: 0px;
    width: 24px !important;
    height: 24px !important;
    vertical-align: -6px;
    margin: 0 1px 0 0 !important;
}

.oa-release.oa-release-osticket {
    border-left: 3px solid #b8c4cf;
}

/* Inline icons (small menu/UI icons within text) */
.awesome-doc-content img.awesome-inline-icon {
    display: inline;
    vertical-align: middle;
    margin: 0;
    border-radius: 0;
    width: auto;
    height: auto;
}


/* ==========================================================================
   Compare Pages
   Shared overrides for all /compare/* pages. Ported from style.css.
   Per-page tweaks (hero image sizes) go in sub-sections below.
   ========================================================================== */

/* Hero: centered layout */
.vs-zendesk .awesome-page-header,
.vs-freshdesk .awesome-page-header,
.vs-zammad .awesome-page-header,
.vs-supportpal .awesome-page-header,
.vs-freescout .awesome-page-header,
.vs-osticket .awesome-page-header,
.unlimited-agent-helpdesk .awesome-page-header {
  text-align: center;
  padding-top: var(--osa-s2);
}
.vs-zendesk .awesome-display,
.vs-freshdesk .awesome-display,
.vs-zammad .awesome-display,
.vs-supportpal .awesome-display,
.vs-freescout .awesome-display,
.vs-osticket .awesome-display,
.unlimited-agent-helpdesk .awesome-display {
  font-size: 52px;
  font-weight: 700;
}
.vs-zendesk .awesome-page-header .awesome-body,
.vs-freshdesk .awesome-page-header .awesome-body,
.vs-zammad .awesome-page-header .awesome-body,
.vs-supportpal .awesome-page-header .awesome-body,
.vs-freescout .awesome-page-header .awesome-body,
.vs-osticket .awesome-page-header .awesome-body,
.unlimited-agent-helpdesk .awesome-page-header .awesome-body {
  font-size: 19px;
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
}

/* Section spacing: compare pages use the base half-gap system.
   No override needed — 32px top + 32px bottom = 64px between sections.
   Band padding adds 32px on colored sections, creating 96px transitions
   to/from colored backgrounds, which is intentional breathing room. */

/* Section heading spacing */
.vs-zendesk .awesome-section-heading,
.vs-freshdesk .awesome-section-heading,
.vs-zammad .awesome-section-heading,
.vs-supportpal .awesome-section-heading,
.vs-freescout .awesome-section-heading,
.vs-osticket .awesome-section-heading,
.unlimited-agent-helpdesk .awesome-section-heading {
  margin-bottom: 12px;
}

/* Body text: slightly larger, generous paragraph spacing */
.vs-zendesk .awesome-section p,
.vs-zendesk .awesome-section-v2 p,
.vs-freshdesk .awesome-section p,
.vs-freshdesk .awesome-section-v2 p,
.vs-zammad .awesome-section p,
.vs-zammad .awesome-section-v2 p,
.vs-supportpal .awesome-section p,
.vs-supportpal .awesome-section-v2 p,
.vs-freescout .awesome-section p,
.vs-freescout .awesome-section-v2 p,
.vs-osticket .awesome-section p,
.vs-osticket .awesome-section-v2 p,
.unlimited-agent-helpdesk .awesome-section p,
.unlimited-agent-helpdesk .awesome-section-v2 p {
  font-size: 17px;
  line-height: 1.65;
  margin-bottom: 20px;
}
.vs-zendesk .awesome-section p:last-child,
.vs-zendesk .awesome-section-v2 p:last-child,
.vs-freshdesk .awesome-section p:last-child,
.vs-freshdesk .awesome-section-v2 p:last-child,
.vs-zammad .awesome-section p:last-child,
.vs-zammad .awesome-section-v2 p:last-child,
.vs-supportpal .awesome-section p:last-child,
.vs-supportpal .awesome-section-v2 p:last-child,
.vs-freescout .awesome-section p:last-child,
.vs-freescout .awesome-section-v2 p:last-child,
.vs-osticket .awesome-section p:last-child,
.vs-osticket .awesome-section-v2 p:last-child,
.unlimited-agent-helpdesk .awesome-section p:last-child,
.unlimited-agent-helpdesk .awesome-section-v2 p:last-child {
  margin-bottom: 0;
}

/* Tables: shadow, radius, refined padding */
.vs-zendesk .awesome-table,
.vs-freshdesk .awesome-table,
.vs-zammad .awesome-table,
.vs-supportpal .awesome-table,
.vs-freescout .awesome-table,
.vs-osticket .awesome-table,
.unlimited-agent-helpdesk .awesome-table {
  font-size: 15px;
}

/* Check/X/Warn marks in tables */
.vs-zendesk .chk, .vs-freshdesk .chk, .vs-zammad .chk,
.vs-supportpal .chk, .vs-freescout .chk, .vs-osticket .chk,
.unlimited-agent-helpdesk .chk {
  color: var(--osa-green); font-weight: 700; font-size: 20px;
}
.vs-zendesk .no, .vs-freshdesk .no, .vs-zammad .no,
.vs-supportpal .no, .vs-freescout .no, .vs-osticket .no,
.unlimited-agent-helpdesk .no {
  color: var(--osa-steel); font-weight: 700; font-size: 20px;
}
.vs-zendesk .warn, .vs-freshdesk .warn, .vs-zammad .warn,
.vs-supportpal .warn, .vs-freescout .warn, .vs-osticket .warn,
.unlimited-agent-helpdesk .warn {
  color: var(--osa-orange); font-weight: 700; font-size: 20px;
}

/* Tagline (italic emphasis line after tables) */
.awesome-tagline {
  font-family: var(--osa-font-heading);
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  color: var(--osa-charcoal);
  margin-top: 20px;
}

/* Static trust strip (non-animated, for compare/use-case/learn pages) */
.awesome-trust-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px 52px;
  margin-top: 32px;
}
.awesome-trust-strip img {
  display: block;
  height: 40px;
  width: auto;
  filter: brightness(0) invert(1);
  opacity: 0.35;
  transition: opacity 0.2s;
}
.awesome-trust-strip img:hover {
  opacity: 0.6;
}
.awesome-trust-strip img.columbia {
  height: 65px;
  position: relative;
  top: -6px;
}
.awesome-trust-strip img.bmw {
  height: 64px;
}

/* Compare responsive */
@media (max-width: 768px) {
  .vs-zendesk .awesome-display, .vs-freshdesk .awesome-display,
  .vs-zammad .awesome-display, .vs-supportpal .awesome-display,
  .vs-freescout .awesome-display, .vs-osticket .awesome-display,
  .unlimited-agent-helpdesk .awesome-display {
    font-size: 34px;
  }
  .vs-zendesk .awesome-section, .vs-freshdesk .awesome-section,
  .vs-zammad .awesome-section, .vs-supportpal .awesome-section,
  .vs-freescout .awesome-section, .vs-osticket .awesome-section,
  .unlimited-agent-helpdesk .awesome-section {
    padding-top: var(--osa-s5);
    padding-bottom: var(--osa-s5);
  }
  .vs-zendesk .awesome-feature-grid, .vs-freshdesk .awesome-feature-grid,
  .vs-zammad .awesome-feature-grid, .vs-supportpal .awesome-feature-grid,
  .vs-freescout .awesome-feature-grid, .vs-osticket .awesome-feature-grid,
  .unlimited-agent-helpdesk .awesome-feature-grid {
    grid-template-columns: 1fr;
  }
}

/* ── vs Zendesk ── */
.vs-zendesk .awesome-hero-image { max-width: 421px; }

/* ── vs Freshdesk ── */
.vs-freshdesk .awesome-hero-image { max-width: 349px; }

/* ── vs Zammad ── */
.vs-zammad .awesome-hero-image { max-width: 349px; }

/* ── vs SupportPal ── */
.vs-supportpal .awesome-hero-image { max-width: 349px; }

/* ── vs FreeScout ── */
.vs-freescout .awesome-hero-image {
  max-width: 483px;
  margin-top: var(--osa-s5);
}
.awesome-section-v2.awesome-bg-alice.freescout-what-you-gain .awesome-feature-grid {
  margin-bottom: calc(var(--osa-section-gap) + -62px) !important;
}

/* ── vs osTicket ── */
/* Hero uses default 480px max-width */

/* ── Healthcare: plugin grid padding (matches old oa-feature-cell 48px) ── */
.healthcare-plugins .awesome-feature-item {
  padding: 48px;
}

/* ── Education ── */
.education .awesome-hero-image { max-width: 800px; }
.education .awesome-page-header {
  text-align: center;
}
.education .awesome-page-header .awesome-body {
  margin-left: auto;
  margin-right: auto;
}
.education .awesome-display {
  font-size: 52px;
  font-weight: 700;
}
.education-departments .awesome-feature-item { padding: 48px; }
.education-trust-strip img[alt="University of Oxford"] { height: 42px; }
.education .awesome-bg-charcoal.education-trust {
  text-align: center;
}
.education .education-trust .awesome-section-heading {
  margin-left: auto;
  margin-right: auto;
}
.education .education-trust p {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.education-oxford-split {
  gap: 48px;
  padding: 32px 0;
}
.education-trust-strip img[alt="University of Cambridge"] { height: 55px; }
.education-trust-strip img[alt="Columbia University"] { height: 60px; }
.education-trust-strip img[alt="Ohio State"] { height: 70px; }
.education-trust-strip img[alt="Wisconsin"] { height: 44px; }
.education-trust-strip img[alt="Alabama"] { height: 48px; }
.education-trust-strip img[alt="Colorado State"] { height: 48px; }
.education-trust-strip img[alt="LSU"] { height: 65px; }
.education-trust-strip img[alt="FAMU"] { height: 42px; opacity: 0.25; }
.education-trust-strip img[alt="Gordonstoun"] { height: 65px; }

/* ── Government ── */
.government .awesome-page-header { text-align: center; }
.government .awesome-page-header .awesome-body { margin-left: auto; margin-right: auto; }
.government .awesome-display { font-size: 52px; font-weight: 700; }
.government-plugins .awesome-feature-item { padding: 48px; }
.government-trust-strip img { filter: none !important; opacity: 0.6 !important; height: 68px !important; }

/* ── MSP ── */
.msp .awesome-page-header { text-align: center; }
.msp .awesome-page-header .awesome-body { margin-left: auto; margin-right: auto; }
.msp .awesome-display { font-size: 52px; font-weight: 700; }
.msp .awesome-hero-image { max-width: 420px; }
.msp-productivity .awesome-feature-item { padding: 48px; }

/* ── Nonprofits ── */
.nonprofits .awesome-page-header { text-align: center; }
.nonprofits .awesome-page-header .awesome-body { margin-left: auto; margin-right: auto; }
.nonprofits .awesome-display { font-size: 52px; font-weight: 700; }
.nonprofits .awesome-hero-image { max-width: 460px; }

/* ── Why Self-Hosted ── */
.why-self-hosted .awesome-page-header { text-align: center; }
.why-self-hosted .awesome-page-header .awesome-body { margin-left: auto; margin-right: auto; }
.why-self-hosted .awesome-display { font-size: 52px; font-weight: 700; }
.why-self-hosted .awesome-hero-image { max-width: 500px; margin-top: var(--osa-s6); }
.tco-calculator .awesome-hero-image { max-width: 500px; margin-top: var(--osa-s6); }

/* Cost stack */
.wsh-cost-stack {
  width: 100%;
  max-width: 340px;
}
.wsh-cost-heading {
  font-family: var(--osa-font-heading);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--osa-steel);
  margin-bottom: 4px;
}
.wsh-cost-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  border-radius: 8px;
  border: 1px solid var(--osa-border);
  background: white;
  margin-bottom: 8px;
}
.wsh-cost-row.wsh-cost-ours {
  border-color: var(--osa-blue);
  background: var(--osa-alice-blue);
}
.wsh-cost-label {
  font-family: var(--osa-font-heading);
  font-size: 14px;
  font-weight: 600;
  color: var(--osa-charcoal);
}
.wsh-cost-price {
  font-family: var(--osa-font-heading);
  font-size: 14px;
  font-weight: 700;
  color: var(--osa-charcoal-mid);
}
.wsh-cost-ours .wsh-cost-price { color: var(--osa-blue); }
.wsh-cost-note {
  font-size: 13px;
  color: var(--osa-steel);
  text-align: right;
  margin-top: 4px;
}

/* TCO Calculator band */
.wsh-tco-band {
  background: var(--osa-blue) !important;
  padding: var(--osa-section-gap) 0 !important;
}
.wsh-tco-layout {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: center;
}
.wsh-tco-img { flex-shrink: 0; }
.wsh-tco-img img {
  width: 160px;
  height: auto;
  margin: 20px 0 0 0;
  border-radius: 8px;
  filter: drop-shadow(0 4px 16px rgba(0,0,0,.3));
}
.wsh-tco-text { text-align: left; }
.wsh-tco-text h3 {
  font-family: var(--osa-font-heading);
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 10px;
}
.wsh-tco-text p {
  color: rgba(255,255,255,.8) !important;
  font-size: 15px;
  max-width: 540px;
  margin: 0 0 24px;
  line-height: 1.6;
}
.wsh-new-badge {
  display: inline-block;
  font-family: var(--osa-font-heading);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  color: #034c12;
  background: #00ff33;
  padding: 3px 10px;
  border-radius: 4px;
  transform: rotate(-4deg);
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  top: 1px;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

/* Compliance table check/warn */
.awesome-chk { color: var(--osa-green); font-weight: 600; margin-right: 4px; }
.awesome-warn { color: var(--osa-orange); font-size: 13px; }

/* Timeline */
.wsh-timeline {
  margin: 32px 0;
  padding-left: 28px;
  border-left: 3px solid var(--osa-alice-blue);
  position: relative;
}
.wsh-timeline-item {
  display: flex;
  gap: 14px;
  padding: 0 0 28px 0;
  position: relative;
}
.wsh-timeline-item:last-child { padding-bottom: 0; }
.wsh-timeline-item::before { display: none; }
.wsh-timeline-item:last-child::after {
  content: "";
  position: absolute;
  left: -30px;
  top: 40px;
  bottom: -1px;
  width: 6px;
  background: #ffffff;
}
.wsh-timeline-dot {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--osa-green);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  left: -49px;
  margin-right: -49px;
}
.wsh-timeline-dot i,
.wsh-timeline-dot svg {
  width: 22px;
  height: 22px;
  color: #ffffff;
}
.wsh-timeline-content h3 {
  font-family: var(--osa-font-heading);
  font-size: 16px;
  font-weight: 600;
  color: var(--osa-charcoal);
  margin-bottom: 4px;
}
.wsh-timeline-content p {
  font-size: 14px;
  color: var(--osa-charcoal-mid);
  line-height: 1.65;
}

/* Tradeoff cards */
.wsh-tradeoff-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 28px 0;
}
.wsh-tradeoff-card {
  padding: 20px 24px;
  border-radius: 8px;
  border: 1px solid var(--osa-border);
  background: white;
}
.wsh-tradeoff-card h3 {
  font-family: var(--osa-font-heading);
  font-size: 15px;
  font-weight: 700;
  color: var(--osa-charcoal);
  margin-bottom: 6px;
}
.wsh-tradeoff-card p {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--osa-charcoal-mid);
}

/* Closing callout (graduated to own section) */
.wsh-closing-callout p {
  font-size: 17px;
}

/* Why Self-Hosted responsive */
@media (max-width: 680px) {
  .wsh-tco-layout { flex-direction: column; text-align: center; }
  .wsh-tco-text { text-align: center; }
  .wsh-cost-split { grid-template-columns: 1fr !important; }
}

/* ── HIPAA Compliance ── */
.hipaa-compliance .awesome-page-header { text-align: center; }
.hipaa-compliance .awesome-page-header .awesome-body { margin-left: auto; margin-right: auto; }
.hipaa-compliance .awesome-display { font-size: 52px; font-weight: 700; }
.hipaa-compliance .awesome-hero-image { max-width: 500px; }
.hipaa-caveat-callout p { font-size: 17px; }
.hipaa-cross-links {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 56px;
}
.hipaa-cross-link {
  font-family: var(--osa-font-heading);
  font-size: 15px;
  font-weight: 600;
  color: var(--osa-blue);
  padding: 14px 22px;
  border: 1px solid var(--osa-border);
  border-radius: 6px;
  text-decoration: none;
  transition: all .15s ease;
}
.hipaa-cross-link:hover {
  border-color: var(--osa-blue);
  background: var(--osa-alice-blue);
  text-decoration: none;
}

/* ── Make the Case ── */
.make-the-case .awesome-display { font-size: 42px; font-weight: 600; }
.mtc-highlight-row td {
  background: var(--osa-green-light) !important;
  color: var(--osa-charcoal) !important;
  font-weight: 700;
}
.make-the-case .awesome-table tbody td { transition: background .12s ease; }
.make-the-case .awesome-table tbody tr:hover td { background: var(--osa-alice-blue); }
.mtc-risk-points {
  margin-top: 28px;
}
.mtc-risk-points p {
  margin-bottom: 20px;
}
.mtc-risk-points strong {
  color: var(--osa-charcoal);
}
.mtc-download-btn {
  font-size: 16px !important;
  padding: 14px 32px !important;
}
.mtc-closing-line {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  font-family: var(--osa-font-heading) !important;
  margin-bottom: 32px !important;
}
.mtc-footer p {
  line-height: 1.7;
}

/* ── TCO Calculator ── */
.tco-calculator .awesome-page-header { text-align: center; }
.tco-calculator .awesome-page-header .awesome-body { margin-left: auto; margin-right: auto; }
.tco-calculator .awesome-display { font-size: 52px; font-weight: 700; }
.tco-calculator .awesome-hero-image { max-width: 500px; }
.tco-calculator-section {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.tco-inputs {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  margin-bottom: 48px;
}
.tco-input-group { flex: 1; }
.tco-input-label {
  font-family: var(--osa-font-heading);
  font-size: 15px;
  font-weight: 600;
  color: var(--osa-charcoal);
  margin-bottom: 10px;
}
.tco-input-hint {
  font-size: 12px;
  color: var(--osa-steel);
  margin-top: 6px;
}
.tco-slider-row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.tco-slider {
  flex: 1;
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  background: var(--osa-border);
  border-radius: 3px;
  outline: none;
}
.tco-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--osa-blue);
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.tco-slider::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--osa-blue);
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.tco-slider-num {
  font-family: var(--osa-font-heading);
  font-size: 28px;
  font-weight: 600;
  color: var(--osa-charcoal);
  min-width: 48px;
  text-align: right;
}
.tco-select {
  width: 100%;
  font-family: var(--osa-font-heading);
  font-size: 14px;
  padding: 10px 14px;
  border: 1px solid var(--osa-border);
  border-radius: 6px;
  background: white;
  color: var(--osa-charcoal);
  cursor: pointer;
}
.tco-hero {
  text-align: center;
  padding: 40px 0 32px;
}
.tco-hero-label {
  font-family: var(--osa-font-heading);
  font-size: 12px;
  font-weight: 700;
  color: var(--osa-steel);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
}
.tco-hero-num {
  font-family: var(--osa-font-heading);
  font-size: 56px;
  font-weight: 700;
  color: var(--osa-green);
  line-height: 1;
}
.tco-hero-sub {
  font-size: 15px;
  color: var(--osa-charcoal-mid);
  margin-top: 12px;
}
.tco-breakdown {
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
}
.tco-card {
  flex: 1;
  background: var(--osa-blue-light);
  border-radius: 10px;
  padding: 24px;
}
.tco-card-label {
  font-family: var(--osa-font-heading);
  font-size: 11px;
  font-weight: 700;
  color: var(--osa-steel);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 6px;
}
.tco-card-price {
  font-family: var(--osa-font-heading);
  font-size: 26px;
  font-weight: 600;
  color: var(--osa-charcoal);
}
.tco-card-detail {
  font-size: 12px;
  color: var(--osa-steel);
  margin-top: 4px;
}
.tco-card-ours .tco-card-price {
  color: var(--osa-green);
}
.tco-bar-section { margin-bottom: 32px; }
.tco-bar-labels {
  display: flex;
  justify-content: space-between;
  font-family: var(--osa-font-heading);
  font-size: 12px;
  color: var(--osa-steel);
  margin-bottom: 6px;
}
.tco-bar-track {
  height: 36px;
  background: var(--osa-blue-light);
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.tco-bar-cost {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 14px;
  font-family: var(--osa-font-heading);
  font-size: 12px;
  font-weight: 600;
  color: var(--osa-charcoal-mid);
}
.tco-bar-saved {
  position: absolute;
  right: 0; top: 0; bottom: 0;
  background: var(--osa-green-light);
  border-left: 2px solid var(--osa-green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--osa-font-heading);
  font-size: 11px;
  font-weight: 600;
  color: var(--osa-green-dark);
  transition: width 0.4s ease;
}
.tco-fine {
  font-size: 12px;
  color: var(--osa-steel);
  line-height: 1.65;
  border-top: 1px solid var(--osa-border);
  padding-top: 20px;
}
@media (max-width: 680px) {
  .tco-inputs { flex-direction: column; }
  .tco-hero-num { font-size: 40px; }
  .tco-breakdown { flex-direction: column; }
  .tco-card-price { font-size: 22px; }
}

/* ── Educational Discount ── */
.educational-discount .awesome-feature-item { padding: 48px; }

/* ── Non-Profit Discount ── */
.nonprofit-discount .awesome-feature-item { padding: 48px; }

/* ── Program page CTA button ── */
.awesome-program-cta {
  margin-top: 24px;
  display: inline-block;
  padding: 16px 24px;
}

/* ── vs osTicket ── */
.vs-osticket .awesome-hero-image { max-width: 480px; }

/* Comparison section bottom padding touchup */
.awesome-section-v2.awesome-bg-alice.awesome-comparison {
  padding-bottom: calc(var(--osa-section-gap) + 18px);
}




/* ==========================================================================
   Pricing Page
   ========================================================================== */

/* ── Pricing card grid ── */
.awesome-pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: start;
}

/* ── Pricing card ── */
.awesome-pricing-card {
  background: var(--osa-white);
  border: 1px solid var(--osa-border);
  border-radius: var(--osa-radius);
  padding: 28px 24px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.awesome-pricing-card-highlighted {
  background: var(--osa-blue-light);
  border-color: var(--osa-blue);
  box-shadow: 0 8px 32px rgba(65, 154, 210, 0.15);
}
.awesome-pricing-card-enterprise {
  background: var(--osa-blue-light);
  border-style: dashed;
}

/* ── Badge ── */
.awesome-pricing-badge {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--osa-blue);
  color: var(--osa-white);
  font-family: var(--osa-font-heading);
  font-size: 10px;
  font-weight: var(--osa-fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 4px 14px;
  border-radius: 20px;
  white-space: nowrap;
}

/* ── Card typography ── */
.awesome-pricing-tier {
  font-family: var(--osa-font-heading);
  font-size: 17px;
  font-weight: var(--osa-fw-ui);
  color: var(--osa-charcoal);
  margin-bottom: 4px;
}
.awesome-pricing-tagline {
  font-size: 14px;
  color: var(--osa-charcoal-mid);
  margin-bottom: 20px;
  font-style: italic;
}
.awesome-pricing-price {
  font-family: var(--osa-font-heading);
  font-size: 44px;
  font-weight: var(--osa-fw-heading);
  line-height: 1;
  color: var(--osa-charcoal);
  margin-bottom: 4px;
  letter-spacing: -0.02em;
}
.awesome-pricing-card-highlighted .awesome-pricing-price {
  color: var(--osa-blue-dark);
}
.awesome-pricing-period {
  font-size: 14px;
  color: var(--osa-steel);
  margin-bottom: 24px;
}
.awesome-pricing-talk {
  font-family: var(--osa-font-heading);
  font-size: 28px;
  font-weight: var(--osa-fw-ui);
  line-height: 1;
  color: var(--osa-charcoal);
  margin-bottom: 6px;
}
.awesome-pricing-talk-sub {
  font-size: 14px;
  color: var(--osa-charcoal-mid);
  margin-bottom: 24px;
}

/* ── Card features ── */
.awesome-pricing-features {
  list-style: none;
  flex-grow: 1;
  padding: 0;
  margin: 0 0 24px 0;
}
.awesome-pricing-features li {
  font-size: 14px;
  padding: 5px 0 5px 22px;
  position: relative;
  color: var(--osa-charcoal-mid);
  line-height: 1.5;
}
.awesome-pricing-features li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: var(--osa-green);
  font-weight: 700;
  font-size: 13px;
}
.awesome-pricing-emphasis {
  font-weight: 600;
  color: var(--osa-charcoal);
}
.awesome-pricing-card-highlighted .awesome-pricing-emphasis,
.awesome-pricing-card-agency .awesome-pricing-emphasis {
  color: var(--osa-blue-dark);
}

/* ── Card buttons — full width ── */
.awesome-pricing-card .awesome-btn {
  display: block;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}
.awesome-pricing-card-highlighted .awesome-btn-orange {
  box-shadow: none;
}

/* ── Pricing note (centered subtext below cards) ── */
.awesome-pricing-note {
  text-align: center;
  font-size: 14px;
  color: var(--osa-steel);
  margin-top: 20px;
}
.awesome-pricing-note a {
  color: var(--osa-blue-dark);
  font-weight: 500;
  text-decoration: none;
}
.awesome-pricing-note a:hover {
  text-decoration: underline;
}

/* ── Guarantee section ── */
.awesome-pricing-guarantee {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 48px;
}
.awesome-pricing-guarantee-badge {
  flex: 0 0 33%;
  max-width: 200px;
}
.awesome-pricing-guarantee-badge img {
  width: 100%;
  height: auto;
  filter: invert(1) brightness(2);
}
.awesome-pricing-guarantee-text {
  flex: 1;
  text-align: left;
}
.awesome-pricing-guarantee-text h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 6px;
}
.awesome-pricing-guarantee-headline {
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7) !important;
  margin-bottom: 20px !important;
}
.awesome-pricing-guarantee-sig {
  margin-top: 20px !important;
  font-size: 14px;
  color: #ffffff !important;
  font-weight: 500;
}

/* ── Pricing responsive ── */
@media (max-width: 960px) {
  .awesome-pricing-grid {
    grid-template-columns: 1fr 1fr;
  }
  .awesome-pricing-card-highlighted {
    order: -1;
  }
}
@media (max-width: 600px) {
  .awesome-pricing-grid {
    grid-template-columns: 1fr;
    max-width: 380px;
    margin: 0 auto;
  }
  .awesome-pricing-guarantee {
    flex-direction: column;
    text-align: center;
    gap: 28px;
  }
  .awesome-pricing-guarantee-badge {
    max-width: 140px;
  }
  .awesome-pricing-guarantee-text {
    text-align: center;
  }
}

/* ── Pricing page layout ── */
.pricing .awesome-page-header {
  text-align: center;
  margin-bottom: 1em;
}
.pricing .awesome-page-header .awesome-body,
.pricing .awesome-page-header .awesome-body-muted {
  margin-left: auto;
  margin-right: auto;
}
.pricing .awesome-page-header .awesome-body {
  margin-top: 2em;
  margin-bottom: 0;
}
.pricing .awesome-eyebrow,
.pricing .awesome-section-heading {
  text-align: center;
}
.pricing .awesome-section-heading {
  margin-left: auto;
  margin-right: auto;
}
.pricing .awesome-section-v2 > p:not([class*="awesome-pricing"]):not([class*="awesome-footer"]) {
  text-align: center;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}



/* ── Enterprise ── */
.enterprise .awesome-page-header { text-align: left; }
.enterprise-hero .awesome-hero-art {
  max-width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.enterprise-hero .awesome-hero-art img {
  width: 100%;
  margin: 0;
  height: auto;
  display: block;
}

/* Enterprise hero closing line: desktop in copy column, mobile after image */
@media (min-width: 901px) {
  .enterprise-hero .awesome-hero-closing-mobile { display: none; }
}
@media (max-width: 900px) {
  .enterprise-hero .awesome-hero-copy .awesome-hero-closing { display: none; }
  .enterprise-hero .awesome-hero-closing-mobile {
    display: block;
    font-size: 18px;
    color: var(--osa-charcoal-mid);
    line-height: 1.75;
    max-width: var(--osa-content-max);
  }
}



#spacing-one,
#spacing-two,
#spacing-three,
#spacing-four,
#spacing-five,
#spacing-six {
    max-width: 1200px;
    background: #0000000d;
    margin: 0 auto;
    min-height: 115px;
}

.post-132419 .awesome-section-v2 {
    background: #0000000a;
}


/* ==========================================================================
   V2 SPACING SYSTEM — Single-element sections
   No wrapper divs. awesome-section is the only required element.
   Colored backgrounds use ::before pseudo-element for full-width paint.
   Spacing is margin-driven: every section has margin-bottom.
   Colored sections add their own padding (colored space) on top.
   ========================================================================== */

/* Base section: centered, full content width, margin below */
.awesome-section-v2 {
  max-width: var(--osa-max-width);
  margin: 0 auto var(--osa-section-gap);
  padding: 0;
  position: relative;
}

/* Flush first/last children — no extra margin at section edges.
   Panels and callouts are excluded: they control their own padding. */
.awesome-section-v2 > *:first-child:not([class*="awesome-panel"]):not([class*="awesome-callout"]) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.awesome-section-v2 > *:last-child:not([class*="awesome-panel"]):not([class*="awesome-callout"]):not([class*="awesome-btn"]) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Colored sections: add padding (colored breathing room) */
.awesome-section-v2[class*="awesome-bg-"] {
  padding: var(--osa-section-gap) 0;
}

/* Full-width background paint via ::before */
.awesome-section-v2[class*="awesome-bg-"]::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
}

/* Background colors */
.awesome-section-v2.awesome-bg-alice::before    { background: var(--osa-alice-blue); }
.awesome-section-v2.awesome-bg-blue-light::before { background: var(--osa-blue-light); }
.awesome-section-v2.awesome-bg-charcoal::before { background: var(--osa-charcoal); }
.awesome-section-v2.awesome-bg-blue-dark::before { background: var(--osa-blue-dark); }
.awesome-section-v2.awesome-bg-cream::before    { background: var(--osa-cream); }
.awesome-section-v2.awesome-bg-whisper::before  { background: var(--osa-orange-whisper); }

/* Dark text treatment */
.awesome-section-v2.awesome-bg-charcoal,
.awesome-section-v2.awesome-bg-blue-dark {
  color: rgba(255, 255, 255, 0.65);
}
.awesome-section-v2.awesome-bg-charcoal h1,
.awesome-section-v2.awesome-bg-charcoal h2,
.awesome-section-v2.awesome-bg-charcoal h3,
.awesome-section-v2.awesome-bg-blue-dark h1,
.awesome-section-v2.awesome-bg-blue-dark h2,
.awesome-section-v2.awesome-bg-blue-dark h3 {
  color: #ffffff;
}
.awesome-section-v2.awesome-bg-charcoal .awesome-eyebrow,
.awesome-section-v2.awesome-bg-blue-dark .awesome-eyebrow {
  color: var(--osa-green);
}
.awesome-section-v2.awesome-bg-charcoal p,
.awesome-section-v2.awesome-bg-blue-dark p {
  color: rgba(255, 255, 255, 0.65);
}

/* Table on dark sections: frosted border, no shadow */
.awesome-section-v2.awesome-bg-charcoal .awesome-table,
.awesome-section-v2.awesome-bg-blue-dark .awesome-table {
  box-shadow: none;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Fine print on dark sections */
.awesome-section-v2.awesome-bg-charcoal .awesome-split-fine,
.awesome-section-v2.awesome-bg-blue-dark .awesome-split-fine {
  color: rgba(255, 255, 255, 0.4);
}

/* Pre-footer: kill margin so it sits flush against footer */
.awesome-section-v2.pre-footer {
  margin-bottom: 0;
  border-radius: 0 !important;
}

/* Last section (white) before footer */
.awesome-section-v2.pre-footer-white {
  margin-bottom: 0;
}

/* Mobile gutters */
@media (max-width: 1240px) {
  .awesome-section-v2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}



/* Enterprise hero: two-column split with key art */
.enterprise-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 60px;
  align-items: center;
}
.enterprise-hero .awesome-hero-copy { min-width: 0; }
.enterprise-hero .awesome-hero-art {
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.enterprise-hero .awesome-hero-art img {
  max-width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 900px) {
  .enterprise-hero {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .enterprise-hero .awesome-hero-art {
    max-width: 280px;
    margin: 0 auto;
  }
}

/* Rocket avatar on Post-Installation Tasks (132383) — matches old page 132303/6377 */
.page-id-132383 .inside-article {
  position: relative;
}
.page-id-132383 .inside-article::after {
  content: '';
  position: absolute;
  top: 20px;
  right: 20px;
  width: 150px;
  height: 150px;
  background: url('/wp-content/uploads/rocket-avatar-2026.png') no-repeat center / contain;
  opacity: 0.85;
  pointer-events: none;
}

/* ── Logo Tips ── */
.lt-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--osa-blue);
  color: white;
  font-family: var(--osa-font-heading);
  font-size: 15px;
  font-weight: 700;
  margin-right: 12px;
  position: relative;
  top: -2px;
}
.lt-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 20px 0 32px;
}
.lt-image {
  border: 1px solid var(--osa-border);
  border-radius: 8px;
  overflow: hidden;
  background: #f8f9fa;
}
.lt-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 !important;
  border-radius: 0 !important;
}
.lt-caption {
  display: block;
  padding: 10px 14px;
  font-family: var(--osa-font-heading);
  font-size: 13px;
  font-weight: 600;
  border-top: 1px solid var(--osa-border);
}
.lt-image-good .lt-caption {
  color: var(--osa-green-dark);
  background: var(--osa-green-light);
}
.lt-image-bad .lt-caption {
  color: #b33a2a;
  background: #fdecea;
}
@media (max-width: 520px) {
  .lt-images { grid-template-columns: 1fr; }
}

/* ── Search Results ── */
body.search-results .site-main article {
  padding: 0 !important;
  margin: 0 !important;
}
body.search-results .site-main .inside-article {
  padding: 24px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--osa-border);
  background: transparent !important;
  box-shadow: none !important;
}
body.search-results .site-main article:last-of-type .inside-article {
  border-bottom: none;
}
body.search-results .site-main .entry-header {
  margin-bottom: 4px !important;
  padding: 0 !important;
}
body.search-results .site-main .entry-title {
  font-family: var(--osa-font-heading) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.search-results .site-main .entry-title a,
body.search-results .site-main .entry-title a:visited {
  color: var(--osa-blue-dark) !important;
  text-decoration: none !important;
}
body.search-results .site-main .entry-title a:hover {
  color: var(--osa-blue) !important;
  text-decoration: underline !important;
}
body.search-results .site-main .entry-summary {
  padding: 0 !important;
  margin: 0 !important;
}
body.search-results .site-main .entry-summary p {
  font-size: 14px !important;
  color: var(--osa-charcoal-mid) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
body.search-results .page-header {
  margin-bottom: var(--osa-s4) !important;
  padding: 0 !important;
}
body.search-results .page-title {
  font-family: var(--osa-font-heading) !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: var(--osa-charcoal) !important;
}

/* ── osTicket v2 ── */
.osticket-v2 .awesome-page-header {
  text-align: center;
}
.osticket-v2 .awesome-page-header .awesome-body {
  margin-left: auto;
  margin-right: auto;
}

.search-results .entry-title a:hover,
.search-results .entry-title a:focus {
  color: var(--green-dark);
  border-bottom-color: var(--green-dark);
}

/* Search results — make titles unmistakably clickable */
.search-results .entry-title a,
.search .entry-title a {
  color: var(--green-dark) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  transition: color 0.15s ease;
}
.search-results .entry-title a:hover,
.search-results .entry-title a:focus,
.search .entry-title a:hover,
.search .entry-title a:focus {
  color: var(--green) !important;
}

/* Re-show entry-header on search results (overrides global hide in style.css:147) */
.search-results header.entry-header,
.search header.entry-header {
  display: block !important;
}

.search-results h1.page-title {
  margin-top: var(--osa-s4);
}

.search-results main#main {
  padding: 0 20px;
}

.paging-navigation .nav-links .current {
  font-weight: 600;
  color: #878787;
}

span.excerpt_part strong {
  background: #ffe8ae94;
  padding: 1px 6px;
  margin: 0 -3px;
  font-weight: 600;
}

/* 404 page search form — field fills row minus button */
body.error404 .search-form {
  display: flex;
  align-items: stretch;
  gap: 10px;
}
body.error404 .search-form label {
  flex: 1 1 auto;
  margin: 0;
}
body.error404 .search-form .search-field {
  width: 100%;
}
body.error404 .search-form .search-submit {
  flex: 0 0 auto;
}

/* Max Mega Menu — cap Resources and Support submenu panels at 1200px, viewport-centered.
   Desktop only (>=769px) — mobile uses MMM's accordion; overriding position there
   forces the panel open at all times. */
@media (min-width: 769px) {
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132007 > ul.mega-sub-menu,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132008 > ul.mega-sub-menu {
    position: fixed !important;
    top: var(--osa-mm-top, 61px) !important;
    left: 50% !important;
    right: auto !important;
    width: 1200px !important;
    max-width: calc(100vw - 40px) !important;
    margin-left: 0 !important;
    transform: translateX(-50%) !important;
  }
}

/* =========================================================
   MAX MEGA MENU — MOBILE (≤768px)
   Layout, top → bottom:
     1. Icon row: Home (132004) / Account (132012) / Cart (132013)
     2. Category accordion rows (grey rails, tab look):
          Product (132005), Services (132006),
          Resources (132007), Support (132008)
        MMM's native accordion handles levels 2 and 3.
     3. Demo row: Client Demo (132793) / Staff Demo (132794)
        — mobile-only duplicates of items nested under Product,
          added via wp menu item add-custom, class .mobile-only-demo
     4. Get Started CTA (132014), full-width orange button.
   ========================================================= */

/* Hide mobile-only demo duplicates on desktop */
@media (min-width: 769px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mobile-only-demo {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* Hide Featured widget columns (inside Resources + Support) and top-level Search */
  #mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-custom_html-2,
  #mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-custom_html-3,
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.widget_custom_html,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132059 {
    display: none !important;
  }

  /* Wrap the menu as a flex container so icon/demo rows can be N-col */
  #mega-menu-wrap-primary #mega-menu-primary {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding-bottom: 16px !important;
    min-height: 0 !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary::-webkit-scrollbar { display: none !important; }
  /* Off-canvas mobile drawer: bottom border */
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    border-bottom: 1px solid #a7afbd;
  }

  /* ── 1. Icon row: Home / Account / Cart ── */
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132004,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132012,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132013 {
    order: 1 !important;
    flex: 0 0 33.3333% !important;
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    clear: none !important;
    float: none !important;
    position: static !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132004 > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132012 > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132013 > a.mega-menu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 56px !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e8eaed !important;
    line-height: normal !important;
  }
  /* Outer rails: grey on left of Home and right of Cart; dividers between */
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132004 > a.mega-menu-link {
    border-left: 5px solid #A6AFBC !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132012 > a.mega-menu-link {
    border-left: 1px solid #e8eaed !important;
    border-right: 1px solid #e8eaed !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132013 > a.mega-menu-link {
    border-right: 5px solid #A6AFBC !important;
  }
  #mega-menu-wrap-primary #mega-menu-item-132004 svg,
  #mega-menu-wrap-primary #mega-menu-item-132012 svg,
  #mega-menu-wrap-primary #mega-menu-item-132013 svg {
    width: 22px !important;
    height: 22px !important;
  }

  /* ── 2. Category accordion rows (Product / Services / Resources / Support) ── */
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132005,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132006,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132007,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132008 {
    width: 100% !important;
    flex: none !important;
    clear: none !important;
    float: none !important;
    position: static !important;
    display: block !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132005 { order: 2 !important; }
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132006 { order: 3 !important; }
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132007 { order: 4 !important; }
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132008 { order: 5 !important; }

  /* Make the entire category row tappable: the <a> fills its <li> */
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132005,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132006,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132007,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132008 {
    padding: 0 !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132005 > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132006 > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132007 > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132008 > a.mega-menu-link {
    justify-content: space-between !important;
    width: 100% !important;
  }

  /* Grey-rail tab look on the category row — match reference (bold charcoal text) */
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132005 > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132006 > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132007 > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132008 > a.mega-menu-link {
    background: #ffffff !important;
    color: var(--charcoal, #25303c) !important;
    border: 0 !important;
    border-left: 5px solid #A6AFBC !important;
    border-right: 5px solid #A6AFBC !important;
    border-bottom: 1px solid #e8eaed !important;
    height: auto !important;
    min-height: 56px !important;
    line-height: normal !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 18px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
  }
  /* Keep category label charcoal even when the panel is expanded */
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132005.mega-toggle-on > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132006.mega-toggle-on > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132007.mega-toggle-on > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132008.mega-toggle-on > a.mega-menu-link {
    color: var(--charcoal, #25303c) !important;
  }
  /* Chevron indicator color */
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132005 > a.mega-menu-link > span.mega-indicator,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132006 > a.mega-menu-link > span.mega-indicator,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132007 > a.mega-menu-link > span.mega-indicator,
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132008 > a.mega-menu-link > span.mega-indicator {
    color: var(--charcoal, #25303c) !important;
    opacity: 0.6 !important;
  }

  /* Mobile accordion: hide closed megamenu panels (Product/Services are flyout,
     not megamenu; Resources + Support are megamenu). Specificity 0,2,3,2 wins over
     MMM's 0,2,2,2 base rule, and no !important so jQuery's .animate() can still
     slide-open/close the panel on tap. */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:not(.mega-toggle-on) > ul.mega-sub-menu {
    display: none;
  }
  /* Break MMM's cascade that force-shows every descendant sub-menu when a megamenu
     is toggled. Keeps 3rd-level vendor lists hidden until 2nd-level parent is tapped. */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on li.mega-menu-item-has-children:not(.mega-toggle-on) > ul.mega-sub-menu {
    display: none;
  }
  /* 2nd-level: collapse column padding/margin so Compare/Use Cases/Learn/Documentation/Community
     render as flush accordion rows, not chunky boxed columns. These items have class
     .mega-menu-column-standard (MMM wraps them in a column for the desktop panel)
     plus .mega-collapse-children (added via functions.php filter) to enable click-toggle. */
  /* Override MMM's "display:block; float:left; width:calc(var(--span)/var(--columns)*100%)"
     so each column LI stacks as a full-width row on mobile. Matching MMM's specificity
     (0,2,3,3) so !important reliably wins. */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-collapse-children {
    width: 100% !important;
    float: none !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* 2nd-level row styling — grey bg, blue rails, bold accordion rows */
  #mega-menu-wrap-primary #mega-menu-primary li.mega-collapse-children > a.mega-menu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 20px !important;
    min-height: 52px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: var(--charcoal, #25303c) !important;
    background: #f4f5f7 !important;
    border: 0 !important;
    border-left: 5px solid var(--blue, #419AD2) !important;
    border-right: 5px solid var(--blue, #419AD2) !important;
    border-bottom: 1px solid #e8eaed !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-collapse-children > a.mega-menu-link > span.mega-indicator {
    display: inline-block !important;
    opacity: 0.6 !important;
  }
  /* 3rd-level items (vendor lists under Compare, articles under Learn, etc.):
     white bg, green rails, regular weight, smaller — non-expandable leaf links. */
  #mega-menu-wrap-primary #mega-menu-primary li.mega-collapse-children.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    margin: 0 !important;
    padding: 12px 20px 12px 40px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-left: 5px solid var(--green, #82B541) !important;
    border-right: 5px solid var(--green, #82B541) !important;
    border-bottom: 1px solid #eef0f3 !important;
    color: var(--charcoal, #25303c) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > ul.mega-sub-menu {
    position: static !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    box-shadow: none !important;
    background: #f4f5f7 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* Zero any top gap on the first item of an expanded panel */
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-item:first-child,
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > ul.mega-sub-menu > li.mega-menu-row:first-child,
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > ul.mega-sub-menu > li:first-child > a.mega-menu-link {
    margin-top: 0 !important;
  }

  /* 2nd-tier rows (inside an expanded category) */
  #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 12px 18px 12px 30px !important;
    height: auto !important;
    line-height: 1.3 !important;
    border-bottom: 1px solid #eef0f3 !important;
  }

  /* 3rd-tier padding (font inherits from .mega-collapse-children.mega-toggle-on rule above) */
  #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    padding-left: 46px !important;
  }

  /* Accordion chevron: animate 180° rotation on toggle.
     MMM swaps the :after glyph (down → up) when toggled; that double-flips our
     rotation so it reads as 360°. Force the :after content to stay constant
     (down-arrow dashicon "\f347") so only our rotate transform is visible. */
  /* Rotate the chevron GLYPH (the :after) instead of the span itself — the span
     has non-symmetric margin/padding around the glyph, so rotating the span shifts
     the chevron to the right. The :after is the glyph itself, rotation stays put. */
  #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link > span.mega-indicator:after {
    transition: transform 0.2s ease !important;
    transform-origin: center !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-collapse-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
    content: "\f347" !important;
    transform: rotate(180deg) !important;
  }

  /* ── 3. Demo row: Client Demo / Staff Demo (side-by-side) ── */
  #mega-menu-wrap-primary #mega-menu-primary > li.mobile-only-demo {
    order: 6 !important;
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
    float: none !important;
    position: static !important;
    display: block !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mobile-only-demo > a.mega-menu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 60px !important;
    padding: 12px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #e8eaed !important;
    line-height: normal !important;
    font-weight: 500 !important;
  }
  /* Outer rails: grey on left of Client Demo and right of Staff Demo; thin divider between */
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132793 > a.mega-menu-link {
    border-left: 5px solid #A6AFBC !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132794 > a.mega-menu-link {
    border-left: 1px solid #e8eaed !important;
    border-right: 5px solid #A6AFBC !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mobile-only-demo svg {
    width: 18px !important;
    height: 18px !important;
  }

  /* Product / Services (flyout) children — match 3rd-level green-rail leaf style */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    margin: 0 !important;
    padding: 12px 20px 12px 28px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-left: 5px solid var(--green, #82B541) !important;
    border-right: 5px solid var(--green, #82B541) !important;
    border-bottom: 1px solid #eef0f3 !important;
    color: var(--charcoal, #25303c) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
  }

  /* ── 4. Get Started CTA (centered, not full-bleed) ── */
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132014 {
    order: 7 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    clear: none !important;
    float: none !important;
    position: static !important;
    display: flex !important;
    justify-content: center !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    margin: 13px 0 0 0;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-132014 > a.mega-menu-link {
    max-width: 100% !important;
    min-width: 200px !important;
    padding: 12px 32px !important;
    text-align: center !important;
  }
}

/* =========================================================
   MAX MEGA MENU — DESKTOP: neutralize .mega-collapse-children
   The class is added in functions.php so mobile gets accordion
   behavior for 2nd-level items (Compare, Use Cases, Documentation, etc.).
   On desktop we want the classic "column with all children visible" look.
   ========================================================= */
@media (min-width: 769px) {
  /* Always show 3rd-level items under collapse-children columns */
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu li.mega-collapse-children > ul.mega-sub-menu {
    display: block !important;
  }
  /* Hide the accordion chevron — it's only relevant on mobile */
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu li.mega-collapse-children > a.mega-menu-link > span.mega-indicator {
    display: none !important;
  }
  /* Keep the cursor as default (not pointer) on desktop to signal "not clickable" */
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu li.mega-collapse-children > a.mega-menu-link {
    cursor: default !important;
  }
}


/* ==========================================================================
   My Account
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation {
  margin: 0 0 var(--osa-s5) 0;
}

/* Login form: tighten gap below "Lost your password?" link */
p.woocommerce-LostPassword.lost_password {
  margin-bottom: 0;
}

/* Login form: returning-customer notice (accounts pre-2026-04-20 migration) */
div#osta-old-customer-login {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: var(--osa-s4);
  margin-bottom: var(--osa-s4);
  padding: 20px 24px 7px 24px;
  border: 1px solid #f5cfc4;
  border-left: 4px solid var(--osa-orange);
  border-radius: 0 10px 10px 0;
  background: #fff7f5;
  font-size: 13px;
}
div#osta-old-customer-login p {
  margin-bottom: 10px;
}

/* Reset-password form: stack both password fields full-width instead of 50/50 side-by-side
   (default form-row-first/last was wrapping the "Re-enter new password" label and shrinking its input) */
form.lost_reset_password .form-row-first,
form.lost_reset_password .form-row-last {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
form.lost_reset_password .form-row-first input,
form.lost_reset_password .form-row-last input {
  width: 100%;
}

/* Subscriptions/Orders list — make the "View" button match osAwesome blue */
.woocommerce-account table.shop_table a.button.view {
    background: var(--blue) !important;
    color: var(--white) !important;
    box-shadow: 0 2px 0 0 var(--blue-dark) !important;
    margin: 0 8px 0 0;
}

.woocommerce-account table.shop_table thead {
    background: #454c57c9;
}

.woocommerce-account table.shop_table tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--border);
    color: var(--charcoal-mid);
    vertical-align: middle;
    line-height: 35px;
}


/* ==========================================================================
   Checkout (Blocks)
   ========================================================================== */

.wc-block-checkout .wc-block-components-order-summary {
  border-radius: initial;
}

/* Drop the trailing padding under the cart-items list in the order summary
   so the next totals block sits flush instead of leaving a dead gap. */
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper {
    padding-bottom: 0;
}

/* Tighten the line-item description block (variation attributes + (Change)
   link) — keep some right/bottom space so the text doesn't crowd the price
   column, and break long unbroken strings instead of overflowing. */
.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
    padding: 0 12px 12px 0;
    word-break: break-word;
}

/* Sidebar (order summary column) <strong> tags use the bolder default 700;
   pull back to 600 to match body weight in the rest of the column. */
.wc-block-components-sidebar strong {
    font-weight: 600;
}

/* Info panel above the order-summary block on block-based checkout. Three lines:
   USD notice, one-license-per-checkout (with FAQ link), and Pro Install offer.
   Replaces the older USD-only ::after pseudo-element. Injected via JS in
   functions.php (Block Checkout). Neutral light-bordered card; flags the
   panel as informational, not interactive. */
.osa-checkout-info-panel {
    margin: 0 0 12px 0;
    padding: 22px;
    background: initial;
    border: 1px solid #dfdedc;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.5;
    color: #555;
}
.osa-checkout-info-line {
    margin: 0;
}
.osa-checkout-info-line + .osa-checkout-info-line {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #cecac2;
}
.osa-checkout-info-line a {
    color: #0b7bbb;
    text-decoration: underline;
}
.osa-checkout-info-line a:hover {
    text-decoration: none;
}

/* Inline note replacing the qty input on subscription product pages.
   Subscription products are sold individually (qty input hidden), and
   the note explains why before the user reaches checkout. Same cream
   palette as the checkout info panel for visual consistency. */
.osa-one-license-note {
    margin: 0 0 16px 0;
    padding: 10px 12px;
    background: #fff8e1;
    border-left: 3px solid #f1d78a;
    border-radius: 2px;
    font-size: 13px;
    line-height: 1.5;
    color: #555;
}
.osa-one-license-note a {
    color: #0b7bbb;
    text-decoration: underline;
}
.osa-one-license-note a:hover {
    text-decoration: none;
}

/* "(Change)" link appended to each item's variation attributes in the Order Summary (routes to /product/pricing/ so customers switch tiers via the pricing page; combined with the subscription-tier cart swap logic, picking a different tier evicts the existing cart item rather than stacking). Link injected by osa-checkout-change-link mu-plugin. */
.osa-change-wrap {
    font-size: calc(1em - 2px);
    margin-left: 4px;
}
.osa-change-link {
    color: #0b7bbb;
    text-decoration: underline;
    margin: 0;
}
.osa-change-link:hover {
    text-decoration: none;
}

/* Hide the block checkout's built-in "Return to Cart" link — redundant now that each line item has a (Change) link in the Order Summary, and the cart page is bypassed on CTA anyway. */
.wc-block-components-checkout-return-to-cart-button {
    display: none;
}

/* Put trust badges (Secure checkout | 30-day money-back) on the left and Place Order button on the right of the actions footer. Flex-wrap lets them stack on narrow viewports. */
.wc-block-checkout__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}
.wc-block-checkout__actions > .wc-block-components-notices,
.wc-block-checkout__actions > .wc-block-components-notices__snackbar,
.wc-block-checkout__actions > div.css-0 {
    flex-basis: 100%;
}
.osa-checkout-trust {
    flex: 1 1 auto;
    order: 2;
}
.wc-block-checkout__actions_row {
    flex: 0 0 auto;
    order: 3;
    margin-left: auto;
}

/* Place Order button hover: lock background to orange, suppress WC's
   default lift transform, and apply the same scale pulse used by
   .awesome-btn-orange (Get Started CTA). The animation keyframes own the
   transform during the .35s play, then static `transform: initial` snaps
   the button back instead of letting WC's lift reassert. */
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover {
    background: var(--orange) !important;
    transform: initial;
    animation: awesome-pulse-orange .35s ease;
}

/* Tighten WC Blocks floating-label inputs. WC's default selector chain hits
   each input[type=...] explicitly with padding:16px 12px and height:50px,
   which beats a generic `input` selector — so we match that specificity per
   type. The block also drives Stripe's appearance probe (Stripe extracts
   computed styles from #shipping-first_name and copies them inside the
   iframe), so tightening here also tightens the Card Number / Exp / CVC
   fields visible inside the Stripe iframe. */
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="number"],
.wc-block-components-text-input input[type="password"],
.wc-block-components-text-input input[type="url"],
.wc-block-components-text-input select {
    padding: 12px;
    height: auto;
    min-height: 0;
}
/* When floating label is up (focus / has value), reclaim the top padding so
   the user's text doesn't overlap with the floated label. */
.wc-block-components-text-input.is-active input[type="text"],
.wc-block-components-text-input.is-active input[type="email"],
.wc-block-components-text-input.is-active input[type="tel"],
.wc-block-components-text-input.is-active input[type="number"],
.wc-block-components-text-input.is-active input[type="password"],
.wc-block-components-text-input.is-active input[type="url"],
.wc-block-components-text-input input:focus,
.wc-block-components-text-input input:not(:placeholder-shown) {
    padding-top: 20px;
    padding-bottom: 4px;
}
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input input:focus + label,
.wc-block-components-text-input input:not(:placeholder-shown) + label {
    transform: translateY(-2px) scale(0.75);
}

/* Stripe iframe inputs: WC Stripe clones #billing-first_name, renames the
   clone to #wc-stripe-hidden-input, and appends it to #wc-stripe-hidden-div.
   Stripe reads computed styles off THAT clone (not the visible WC input) and
   pipes them into the iframe via Stripe's appearance API. So padding rules
   on .wc-block-components-text-input never reach the clone (different DOM
   parent). Target the clone IDs directly. !important to win over the
   hidden-container reset. */
#wc-stripe-hidden-input,
#wc-stripe-hidden-invalid-input {
    padding: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}
/* Optional: keep the `.p-*` selectors as a fallback in case Stripe ever lets
   them through (no harm if they don't). */
.p-Grid.p-CardForm .Input,
.p-FauxInput {
    padding: 12px !important;
}

/* Coupon Apply button: steel utility button (orange CTA is reserved for
   sparing primary use). flex:0 0 auto keeps it at content-size;
   align-self:center stops the input from stretching it vertically.
   !important on bg/color because WP's .wp-element-button ships a blue
   default that beats class-only overrides. */
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
    flex: 0 0 auto;
    align-self: center;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--osa-font-heading);
    font-size: 15px;
    letter-spacing: 0.08em;
    padding: 0 15px;
    cursor: pointer;
    box-shadow: initial;
    height: auto;
    background: var(--osa-steel) !important;
    color: white !important;
}
.wc-block-components-totals-coupon__form {
    align-items: center;
}


/* ==========================================================================
   Release Notes posts
   Post content mirrors the README-1.18.md markdown file's layout — release
   headings as green text, each bullet wrapped in its own <div>, and the
   preamble as a markdown-style blockquote (thin left rule, no quotation
   marks, no italic). Class applied in the Python transform that generates
   the post HTML from the README.
   ========================================================================== */

.release-preamble {
  border-left: 4px solid var(--osa-slate);
  margin: 0 0 var(--osa-s3) 0;
  padding: 0.25em 0 0.25em var(--osa-s2);
  color: var(--osa-charcoal-mid);
  font-style: normal;
  font-size: inherit;
  line-height: 1.5;
  background: none;
}
.release-preamble::before,
.release-preamble::after {
  content: none;
}
.release-preamble p {
  margin: 0;
}

/* ==========================================================================
   wpForo (Community Forum)
   ========================================================================== */

/* Unread forum titles — slightly bolder */
#wpforo #wpforo-wrap .wpf-forum-item.wpf-unread-forum a {
  font-weight: 600;
}

/* Forum list (wpfl-4 layout) — looser padding, larger type */
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item {
  padding: 17px 5px 17px 15px;
  font-size: 130%;
}
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item .wpf-forum-item-stat {
  margin: 3px 0 0 5px;
}

/* Hide wpForo's built-in title + description (page header handles this) */
#wpforo #wpforo-wrap #wpforo-description {
  display: none;
}

/* Strip the head bar's default border/background */
.wpf-head-bar {
  border: initial;
  background: initial;
}

/* ============================================================
   osta — Universal forum chrome
   Rendered on EVERY forum page by osa_forum_chrome() (functions.php,
   wpforo_header_hook). Scoped to .osa-forum-chrome so it is independent
   of board-only body classes. The board card/recent/sidebar CSS below
   stays scoped to .wpft-forum (landing only).
   ============================================================ */

/* Hide wpForo's own top strip, sub-top, and breadcrumb on all forum pages.
   Their functions now live in the chrome + the unified oa-breadcrumb.
   The bell is relocated OUT of #wpforo-menu into the chrome via JS first. */
#wpforo #wpforo-menu,
#wpforo .wpforo-subtop,
#wpforo .wpf-breadcrumb { display: none !important; }
/* osta — hide wpForo social share buttons (top + bottom) on all forum pages */
#wpforo .wpf-sbtn { display: none !important; }

#wpforo #wpforo-wrap .osa-forum-chrome { margin: 0 0 8px; }
/* osta — blow-horn decoration top-right of the forum chrome */
@media (min-width: 800px) {
  .wpft-forum article#post-11 .osa-forum-chrome.wpforo-section {
    background: url(https://osaweso.me/wp-content/uploads/2026/05/blow-horn.png);
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: top 0px right;
  }
}

/* title block (landing only) */
#wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-header { margin: 31px 0 34px; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-eyebrow {
  font-family: var(--osa-font-heading); font-size: 12px; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--osa-blue,#419AD2); margin: 0 0 10px;
}
#wpforo #wpforo-wrap .osa-forum-chrome h1.osa-forum-title {
  font-family: var(--osa-font-heading); font-size: 40px; font-weight: 800;
  letter-spacing: -0.025em; line-height: 1.05; color: var(--osa-charcoal,#444C56);
  margin: 0 0 14px; padding: 0; border: 0;
}
#wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-sub {
  font-family: var(--osa-font-body); font-size: 17px; line-height: 1.5;
  color: var(--osa-charcoal-mid,#5A6270); margin: 0; max-width: 60ch;
}

/* Row 1: toolbar (search + actions) */
#wpforo #wpforo-wrap .osa-forum-chrome .osa-toolbar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap; margin: 0 0 41px;
}
#wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-search {
  display: flex; align-items: center; gap: 10px; flex: 0 1 420px; margin: 0;
  background: #fff; padding: 0 14px; height: 44px;
  transition: border-color .15s ease, box-shadow .15s ease;
  color: var(--osa-charcoal, #444C56);
  border: 1px solid var(--osa-slate, #C7D2DC);
  border-radius: 6px;
}
#wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-search:focus-within { border-color: var(--osa-blue,#419AD2); box-shadow: 0 0 0 3px rgba(65,154,210,.14); }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-search i { color: #697381; font-size: 15px; flex: 0 0 auto; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-search input {
  flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; box-shadow: none;
  font-family: var(--osa-font-body); font-size: 14px; color: var(--osa-charcoal,#444C56);
  padding: 0; margin: 0; height: auto;
}
#wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-search input:focus { box-shadow: none; border: 0; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-search input::placeholder { color: #626e7e; }

#wpforo #wpforo-wrap .osa-forum-chrome .osa-row-actions { display: flex; align-items: center; gap: 10px; }

/* Log In / Log Out ghost button */
#wpforo #wpforo-wrap .osa-forum-chrome .osa-auth-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  background: transparent; color: var(--osa-charcoal,#444C56);
  border: 1px solid var(--osa-slate,#C7D2DC); border-radius: 6px;
  height: 44px; box-sizing: border-box; padding: 0 18px; font-family: var(--osa-font-heading); font-size: 13px; font-weight: 600;
  line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
#wpforo #wpforo-wrap .osa-forum-chrome .osa-auth-btn:hover { border-color: var(--osa-charcoal,#444C56); color: var(--osa-charcoal,#444C56); background: rgba(0,0,0,0.02); }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-auth-btn i { font-size: 13px; line-height: 1; }

/* relocated notification bell */
#wpforo #wpforo-wrap .osa-forum-chrome .osa-notif-slot { display: inline-flex; align-items: center; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-notif-slot .wpf-alerts { position: relative; margin: 0; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-notif-slot .wpf-bell {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 8px; cursor: pointer; margin: 0; padding: 0; box-sizing: border-box;
  color: var(--osa-charcoal-mid,#5A6270); border: 1px solid var(--osa-slate,#C7D2DC);
  background: transparent; transition: border-color .15s ease, color .15s ease, background .15s ease;
}
#wpforo #wpforo-wrap .osa-forum-chrome .osa-notif-slot .wpf-bell:hover { border-color: var(--osa-charcoal,#444C56); color: var(--osa-charcoal,#444C56); background: rgba(0,0,0,0.02); }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-notif-slot .wpf-bell svg { width: 18px; height: 18px; }

/* Add Topic button (mockup awesome-btn-orange-sm). !important beats wpForo core's own !important. */
#wpforo #wpforo-wrap .osa-forum-chrome .osa-row-actions .wpf-head-bar-right {
  margin: 0 !important; padding: 0 !important; width: auto !important;
  min-height: 0 !important; min-width: 0 !important; float: none !important;
  display: flex !important; align-items: center !important; justify-content: flex-end !important;
}
#wpforo #wpforo-wrap .osa-forum-chrome .osa-row-actions .wpf-button {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  gap: 6px !important; background: var(--osa-orange,#F55C44) !important; color: #fff !important;
  border: 0 !important; border-radius: 6px !important; padding: 0 18px !important; height: 44px !important; box-sizing: border-box !important; margin: 0 !important;
  font-family: var(--osa-font-heading) !important; font-size: 13px !important; font-weight: 800 !important;
  line-height: 1 !important; text-transform: none !important; white-space: nowrap !important;
  cursor: pointer; text-decoration: none !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04), inset 0 -2px 0 var(--osa-orange-dark,#D94E38) !important;
  width: auto !important;
}
#wpforo #wpforo-wrap .osa-forum-chrome .osa-row-actions .wpf-button:hover { background: var(--osa-orange-dark,#D94E38) !important; color: #fff !important; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-row-actions .wpf-button i { font-size: 12px !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-row-actions .wpf-button i::before { content: "\f067" !important; font-size: 13px !important; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-row-actions .wpf-button i.fa-times::before { display: inline-block; transform: rotate(45deg); transition: transform .15s ease; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-row-actions .wpf-button span { line-height: 1 !important; font-weight: 600 !important; }
/* osta — Add Topic form: labels + the Select Forum dropdown (stable class, the id is a per-load uniqid) */
#wpforo #wpforo-wrap label.wpf-choose-forum {
  font-weight: 600;
  font-size: 16px !important;
}
#wpforo #wpforo-wrap .wpf-topic-form-forumid {
  border: 1px solid #C7D2DC;
  box-shadow: initial;
  -moz-box-shadow: initial;
  -webkit-box-shadow: inset 0 1px 4px #F4F8FB;
  border-color: var(--osa-charcoal, #444C56);
  color: var(--osa-charcoal, #444C56);
  background: rgba(0, 0, 0, 0.02);
  font-size: 16px;
  padding: 10px 10px 10px 7px;
}

/* ===================================================================
   osta — Add Topic form redesign (Claude Design "Add Topic.html")
   Restyles wpForo's REAL add-topic form (.wpf-topic-create) to match
   the mockup. Scoped to .wpf-topic-create so it never touches replies.
   =================================================================== */
/* The form becomes a card */
#wpforo #wpforo-wrap .wpf-topic-create {
  background: #fff; border: 1px solid #E2E8ED; border-radius: 16px;
  box-shadow: 0 24px 60px -40px rgba(68,76,86,0.28); overflow: hidden; margin: 0 auto;
}
#wpforo #wpforo-wrap .wpf-topic-create form.wpforoeditor { margin: 0; padding: 0; background: transparent; border: 0; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap { padding: 2em 2em 0 2em; }

/* Field rows + labels */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field,
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment,
#wpforo #wpforo-wrap .wpf-topic-create > form .wpf-topic-tags {
  padding: 32px 25px; margin: 0; border-bottom: 1px solid #EDF0F3; float: none; width: auto;
}
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment { padding: 32px 0; }
/* Sticky/Private: not for customers — hide the options row (staff sticky/private via moderation tools) */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-main-fields { display: none !important; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-extra-fields { padding: 0; margin: 0; border: 0; }
/* Attach: drop the "Attach file:" text, style the native button like the mockup */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment label[for="wpf_file"] { display: none; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment input#wpf_file::file-selector-button {
  font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; font-weight: 600; color: var(--osa-charcoal,#444C56);
  background: #fff; border: 1.5px solid var(--osa-slate,#C7D2DC); border-radius: 9px; padding: 10px 16px; margin-right: 12px; cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment input#wpf_file::file-selector-button:hover { border-color: var(--osa-charcoal,#444C56); background: rgba(0,0,0,.02); }
/* Editor at least 2x taller (wpForo default editor_height is 180) */
#wpforo #wpforo-wrap .wpf-topic-create .mce-edit-area iframe { height: 360px !important; min-height: 360px !important; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field textarea,
#wpforo #wpforo-wrap .wpf-topic-create textarea.wp-editor-area { min-height: 360px; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-cl,
#wpforo #wpforo-wrap .wpf-topic-create .wpf-clear { display: none; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-label,
#wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags-label label {
  font-family: 'Plus Jakarta Sans', var(--osa-font-heading), sans-serif;
  font-size: 14px; font-weight: 700; color: var(--osa-charcoal,#444C56);
  margin: 0 0 12px; display: flex; align-items: center; gap: 8px; padding: 0;
}
#wpforo #wpforo-wrap .wpf-topic-create .wpf-label i,
#wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags-label i { color: var(--osa-charcoal-mid,#5A6270); }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-desc { font-size: 13px; color: var(--osa-charcoal-mid,#5A6270); margin: 0 0 10px; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-label-wrap { float: none; width: auto; margin: 0; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-wrap { float: none; width: auto; margin: 0; }

/* Text inputs (title + custom text fields) */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-wrap input[type=text],
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-wrap input[type=url],
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-wrap input[type=email] {
  width: 100%; height: 48px; border: 1.5px solid #E2E8ED; border-radius: 10px; padding: 0 16px;
  font-size: 16px; color: var(--osa-charcoal,#444C56); background: #fff; box-sizing: border-box;
  transition: border-color .15s ease, box-shadow .15s ease;
}
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-wrap input[type=text]:focus,
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-wrap input[type=url]:focus,
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-wrap input[type=email]:focus {
  outline: 0; border-color: var(--osa-blue,#419AD2); box-shadow: 0 0 0 3px rgba(65,154,210,.14);
}

/* TinyMCE editor chrome restyle (icons stay TinyMCE's) */
#wpforo #wpforo-wrap .wpf-topic-create .mce-tinymce,
#wpforo #wpforo-wrap .wpf-topic-create .wp-editor-container {
  border: 1.5px solid #E2E8ED !important; border-radius: 10px !important; box-shadow: none !important; overflow: hidden;
}
#wpforo #wpforo-wrap .wpf-topic-create .mce-panel { background: transparent !important; border-color: #E2E8ED !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-toolbar-grp,
#wpforo #wpforo-wrap .wpf-topic-create .mce-toolbar,
#wpforo #wpforo-wrap .wpf-topic-create .mce-top-part,
#wpforo #wpforo-wrap .wpf-topic-create .quicktags-toolbar {
  background: var(--osa-blue-light,#F4F8FB) !important; border: 0 !important;
}
#wpforo #wpforo-wrap .wpf-topic-create .mce-top-part::before { box-shadow: none !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-btn { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 7px !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-btn button { color: var(--osa-charcoal-mid,#5A6270) !important; padding: 6px 7px !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-btn:hover { background: rgba(68,76,86,.08) !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-btn.mce-active,
#wpforo #wpforo-wrap .wpf-topic-create .mce-btn.mce-active:hover { background: var(--osa-blue,#419AD2) !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-btn.mce-active button,
#wpforo #wpforo-wrap .wpf-topic-create .mce-btn.mce-active i { color: #fff !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-edit-area iframe { background: #fff !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-statusbar { border-top: 1px solid #E2E8ED !important; background: #fff !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-path { padding: 20px !important; }

/* Attach file */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment label {
  font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; font-weight: 600; color: var(--osa-charcoal,#444C56); margin: 0;
}
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment input[type=file] { font-size: 13px; color: var(--osa-charcoal-mid,#5A6270); }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment p { font-style: italic; font-size: 13px; color: var(--osa-steel,#A6AFBC); margin: 0 0 0 auto; }

/* Options: sticky / private */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-main-fields { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; font-weight: 600; color: var(--osa-charcoal,#444C56); }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-main-fields label { margin: 0; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-main-fields input[type=checkbox] { width: 18px; height: 18px; accent-color: var(--osa-blue,#419AD2); vertical-align: middle; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-main-fields .wpfsx { color: var(--osa-charcoal-mid,#5A6270); }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-main-fields .wpfbs { color: var(--osa-slate,#C7D2DC); }

/* Tags */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags-label span { font-weight: 400; font-style: italic; font-size: 13px; color: var(--osa-charcoal-mid,#5A6270); }
#wpforo #wpforo-wrap .wpf-topic-create input.wpf-tags {
  width: 100%; min-height: 48px; border: 1.5px solid #E2E8ED !important; border-radius: 10px; padding: 0 14px;
  font-size: 15px; color: var(--osa-charcoal,#444C56); background: #fff; box-sizing: border-box;
}
#wpforo #wpforo-wrap .wpf-topic-create input.wpf-tags:focus { outline: 0; border-color: var(--osa-blue,#419AD2) !important; box-shadow: 0 0 0 3px rgba(65,154,210,.14); }

/* Footer submit (orange CTA) */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-buttons-wrap {
  padding: 32px 72px; margin: 0 -26px; background: var(--osa-blue-light,#F4F8FB); border-top: 1px solid #EDF0F3;
  display: flex; justify-content: flex-end; gap: 12px; border-bottom: 0;
}
#wpforo #wpforo-wrap .wpf-topic-create .wpf-buttons-wrap input.wpf-button[type=submit],
#wpforo #wpforo-wrap .wpf-topic-create .wpf-buttons-wrap input[type=submit].wpf-button {
  height: 48px; padding: 0 24px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15px; font-weight: 700;
  border-radius: 10px; background: var(--osa-orange,#F55C44); color: #fff; border: 0; cursor: pointer;
  transition: background .15s ease;
}
#wpforo #wpforo-wrap .wpf-topic-create .wpf-buttons-wrap input.wpf-button[type=submit]:hover { background: var(--osa-orange-dark,#D94E38); }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-buttons-wrap .wpf-button-secondary { background: #fff !important; color: var(--osa-charcoal-mid,#5A6270) !important; border: 1.5px solid var(--osa-slate,#C7D2DC) !important; height: 48px; border-radius: 10px; padding: 0 20px; }

/* ---- Per-forum instruction panels (Installation=4, Bugs=6) ---- */
#wpforo #wpforo-wrap .osa-post-help {
  background: #FFF7F5; border: 1px solid #F3D9D2; border-radius: 12px; padding: 50px; margin: 20px 0 18px;
}
#wpforo #wpforo-wrap .osa-post-help[hidden] { display: none !important; }
#wpforo #wpforo-wrap .osa-post-help-title {
  font-family: 'Plus Jakarta Sans', var(--osa-font-heading), sans-serif; font-size: 14px; font-weight: 800;
  letter-spacing: 0.01em; color: var(--osa-orange,#F55C44); margin: 0 0 12px; display: flex; align-items: center; gap: 9px;
}
#wpforo #wpforo-wrap .osa-post-help-body { font-size: 14px; line-height: 1.6; color: var(--osa-charcoal,#444C56); }
#wpforo #wpforo-wrap .osa-post-help-body p { margin: 0 0 10px; }
#wpforo #wpforo-wrap .osa-post-help-body ul { margin: 0 0 10px 18px; padding: 0; }
#wpforo #wpforo-wrap .osa-post-help-body li { margin: 0 0 4px; }
#wpforo #wpforo-wrap .osa-post-help-body a { color: var(--osa-blue,#419AD2); font-weight: 600; }
#wpforo #wpforo-wrap .osa-post-help-body code { background: #fff; border: 1px solid #F0DCD5; border-radius: 4px; padding: 1px 5px; font-size: 13px; color: #008000; }
#wpforo #wpforo-wrap .osa-post-help-warn { color: #B23B2E; }
#wpforo #wpforo-wrap .osa-post-help-body img { display: block; max-width: 100%; height: auto; margin: 14px 0 0; border: 1px solid #E0E8EF; border-radius: 8px; }

/* Row 2: subnav + stat strip */
#wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-bar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 32px; flex-wrap: wrap; padding: 4px 0 28px; border-bottom: 1px solid #EDF0F3; margin: 0 0 32px;
}
#wpforo #wpforo-wrap .osa-forum-chrome .osa-subnav { display: flex; gap: 6px; flex-wrap: wrap; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-subnav a {
  display: inline-flex; align-items: center; gap: 7px;
  font-family: var(--osa-font-heading); font-size: 14px; font-weight: 600;
  color: var(--osa-charcoal-mid,#5A6270); padding: 8px 16px; border-radius: 999px;
  text-decoration: none; transition: color .15s ease, background .15s ease;
}
#wpforo #wpforo-wrap .osa-forum-chrome .osa-subnav a:hover { color: var(--osa-charcoal,#444C56); background: var(--osa-blue-light,#F4F8FB); }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-subnav a.is-active { background: var(--osa-charcoal,#444C56); color: #fff; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-subnav a.is-active:hover { color: #fff; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-subnav a i { font-size: 14px; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-statline { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-stat { display: inline-flex; align-items: baseline; gap: 6px; font-size: 13px; color: var(--osa-charcoal-mid,#5A6270); }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-stat strong { font-family: var(--osa-font-heading); font-size: 15px; font-weight: 700; color: var(--osa-charcoal,#444C56); font-variant-numeric: tabular-nums; }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-stat.osa-online strong { color: var(--osa-green-dark,#6E9A38); }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-dot-sep { width: 3px; height: 3px; border-radius: 50%; background: var(--osa-slate,#C7D2DC); }
#wpforo #wpforo-wrap .osa-forum-chrome .osa-online-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--osa-green,#82B541); box-shadow: 0 0 0 3px rgba(130,181,65,.18); display: inline-block; }

@media (max-width: 600px) {
  #wpforo #wpforo-wrap .osa-forum-chrome h1.osa-forum-title { font-size: 30px; }
  #wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-sub { font-size: 15px; }
}
@media (max-width: 560px) {
  #wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-search { flex: 1 1 100%; }
  #wpforo #wpforo-wrap .osa-forum-chrome .osa-row-actions { width: 100%; }
}
@media (max-width: 680px) { #wpforo #wpforo-wrap .osa-forum-chrome .osa-forum-bar { gap: 14px; } }

/* osta — Forum landing redesign: forum card grid */
.wpft-forum #wpforo #wpforo-wrap .osa-forums-head { margin-top: 0; }
.wpft-forum #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forums { display: block; }
.wpft-forum #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.wpft-forum #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item.osa-forum-card {
  padding: 0;
  font-size: 16px;
  background: #fff;
  border: 1px solid #E8EDF0;
  border-radius: 14px;
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  width: 100%;
}
.wpft-forum #wpforo #wpforo-wrap .osa-forum-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px -18px rgba(68,76,86,.22);
  border-color: var(--osa-slate, #C7D2DC);
}
.wpft-forum #wpforo #wpforo-wrap .osa-card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px;
  text-decoration: none;
  color: inherit;
}
.wpft-forum #wpforo #wpforo-wrap .osa-card-top { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.wpft-forum #wpforo #wpforo-wrap .osa-card-icon {
  width: 48px; height: 48px;
  border-radius: 12px;
  background: var(--osa-blue-light, #F4F8FB);
  display: flex; align-items: center; justify-content: center;
  flex: 0 0 auto;
}
.wpft-forum #wpforo #wpforo-wrap .osa-card-icon i { font-size: 20px; line-height: 1; }
.wpft-forum #wpforo #wpforo-wrap .osa-card-name {
  font-family: var(--osa-font-heading);
  font-size: 19px; font-weight: 700; letter-spacing: -0.01em;
  color: var(--osa-charcoal, #444C56); line-height: 1.25;
}
.wpft-forum #wpforo #wpforo-wrap .osa-card-desc {
  display: block;
  font-family: var(--osa-font-body);
  font-size: 14px; line-height: 1.5;
  color: var(--osa-charcoal-mid, #5A6270);
  margin: 0 0 16px;
}
.wpft-forum #wpforo #wpforo-wrap .osa-card-unread { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--osa-green,#82B541); margin-right: 8px; vertical-align: middle; }
.wpft-forum #wpforo #wpforo-wrap .osa-card-foot { margin-top: auto; display: flex; flex-direction: column; }
.wpft-forum #wpforo #wpforo-wrap .osa-card-stats {
  display: flex;
  border-top: 1px solid #EDF0F3; padding-top: 16px;
}
.wpft-forum #wpforo #wpforo-wrap .osa-card-last {
  display: flex; align-items: center; gap: 9px;
  border-top: 1px solid #EDF0F3; margin-top: 16px; padding-top: 16px;
}
.wpft-forum #wpforo #wpforo-wrap .osa-card-last-av img { width: 28px; height: 28px; border-radius: 50%; max-width: none; display: block; }
.wpft-forum #wpforo #wpforo-wrap .osa-card-last-txt { min-width: 0; line-height: 1.3; }
.wpft-forum #wpforo #wpforo-wrap .osa-cl-label { display: block; font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--osa-steel,#A6AFBC); }
.wpft-forum #wpforo #wpforo-wrap .osa-cl-line { font-size: 12px; color: var(--osa-charcoal-mid,#5A6270); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wpft-forum #wpforo #wpforo-wrap .osa-cl-line strong { font-family: var(--osa-font-heading); font-weight: 700; color: var(--osa-charcoal,#444C56); }
.wpft-forum #wpforo #wpforo-wrap .osa-card-stat { display: flex; flex-direction: column; line-height: 1.1; flex: 1; min-width: 0; }
.wpft-forum #wpforo #wpforo-wrap .osa-card-stat + .osa-card-stat { border-left: 1px solid #EDF0F3; padding-left: 24px; }
.wpft-forum #wpforo #wpforo-wrap .osa-card-stat b {
  font-family: var(--osa-font-heading);
  font-size: 20px; font-weight: 800; letter-spacing: -0.02em;
  color: var(--osa-charcoal, #444C56); font-variant-numeric: tabular-nums;
}
.wpft-forum #wpforo #wpforo-wrap .osa-card-stat i {
  font-style: normal; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--osa-steel, #A6AFBC); margin-top: 4px;
}
.wpft-forum #wpforo #wpforo-wrap .osa-card-arrow {
  margin-left: auto; color: var(--osa-steel, #A6AFBC);
  transition: transform .15s ease, color .15s ease; display: flex; align-items: center;
}
.wpft-forum #wpforo #wpforo-wrap .osa-forum-card:hover .osa-card-arrow { color: var(--osa-blue, #419AD2); transform: translateX(3px); }
@media (max-width: 980px) {
  .wpft-forum #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .wpft-forum #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list { grid-template-columns: 1fr; }
}

/* osta — Forum landing redesign: lower 2-column (recent topics + info sidebar) */
.wpft-forum #wpforo #wpforo-wrap .wpfl-4 .osa-forum-lower {
  display: grid;
  grid-template-columns: minmax(0,1fr) 300px;
  gap: 48px;
  align-items: start;
  margin-top: 56px;
}
.wpft-forum #wpforo #wpforo-wrap .osa-section-head {
  display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 20px;
}
.wpft-forum #wpforo #wpforo-wrap .osa-section-head h2 {
  font-family: var(--osa-font-heading); font-size: 22px; font-weight: 700; letter-spacing: -0.01em;
  color: var(--osa-charcoal,#444C56); margin: 0; padding: 0; border: 0;
}
.wpft-forum #wpforo #wpforo-wrap .osa-section-meta { font-size: 13px; color: var(--osa-charcoal-mid,#5A6270); }
.wpft-forum #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head { display: none; }
.wpft-forum #wpforo #wpforo-wrap .wpfl-4 .wpf-threads { display: block; border: 0; background: transparent; padding: 0; }
.wpft-forum #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-list {
  display: flex; flex-direction: column; gap: 1px;
  background: #E8EDF0; border: 1px solid #E8EDF0; border-radius: 12px; overflow: hidden;
}
.wpft-forum #wpforo #wpforo-wrap .osa-topic-row {
  display: flex; flex-direction: column; gap: 14px;
  background: #fff; padding: 20px 24px; margin: 0; border: 0;
}
/* osta — out-specify wpForo's `.wpfl-4 .wpf-threads .wpf-thread {padding:7px 0}` so the board rows get real padding */
.wpft-forum #wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpf-thread.osa-topic-row {
  padding: 24px 32px;
  box-shadow: none;
  transition: background .14s ease;
}
.wpft-forum #wpforo #wpforo-wrap .osa-topic-row:hover { background: var(--osa-blue-light,#F4F8FB); }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-top { display: flex; align-items: flex-start; gap: 14px; }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-avatar img { width: 34px; height: 34px; border-radius: 50%; max-width: none; }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-main { min-width: 0; flex: 1; }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-title {
  font-family: var(--osa-font-heading); font-size: 15px; font-weight: 600; line-height: 1.4;
  color: var(--osa-charcoal,#444C56); margin-bottom: 4px;
}
.wpft-forum #wpforo #wpforo-wrap .osa-topic-title a { color: var(--osa-charcoal,#444C56); }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-title a:hover { color: var(--osa-blue,#419AD2); }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-title .osa-topic-prefix { float: right; margin: 1px 0 4px 10px; }
/* osta — board recent-topics: status badges as mockup pills (rounded + dot + tint). Board only; subpage chips unchanged. */
.wpft-forum #wpforo #wpforo-wrap .osa-topic-row .osa-topic-prefix {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--osa-font-heading); font-size: 11px; font-weight: 700; letter-spacing: 0.02em;
  padding: 5px 11px; border-radius: 999px; white-space: nowrap;
  float: right; margin: 1px 0 4px 10px;
}
.wpft-forum #wpforo #wpforo-wrap .osa-topic-row .osa-topic-prefix::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: 0 0 auto;
}
.wpft-forum #wpforo #wpforo-wrap .osa-topic-row .osa-prefix-resolved { background: var(--osa-green-light,#EAF3DE); color: var(--osa-green-dark,#6E9A38); }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-row .osa-prefix-in-progress { background: var(--osa-alice-blue,#E8F5FC); color: var(--osa-blue-dark,#2F7DB8); }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-row .osa-prefix-support-request { background: var(--osa-orange-tint,#FFF7F5); color: var(--osa-orange-dark,#D94E38); }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-meta { font-size: 13px; color: var(--osa-charcoal-mid,#5A6270); }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-meta a.osa-topic-forum { color: var(--osa-blue,#419AD2); font-weight: 600; }
/* osta — neutralize wpForo's per-usergroup name color in recent topics (keep names uniform) */
.wpft-forum #wpforo #wpforo-wrap .osa-topic-meta a:not(.osa-topic-forum) { color: var(--osa-charcoal-mid,#5A6270) !important; }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-bottom {
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding-left: 48px;
}
.wpft-forum #wpforo #wpforo-wrap .osa-topic-counts { display: flex; gap: 22px; }
.wpft-forum #wpforo #wpforo-wrap .osa-tc { font-size: 13px; color: var(--osa-charcoal-mid,#5A6270); display: inline-flex; align-items: center; gap: 6px; }
.wpft-forum #wpforo #wpforo-wrap .osa-tc i { color: var(--osa-steel,#A6AFBC); }
.wpft-forum #wpforo #wpforo-wrap .osa-tc b { font-family: var(--osa-font-heading); color: var(--osa-charcoal,#444C56); font-weight: 700; }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-last { display: flex; align-items: center; gap: 9px; }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-last-avatar img { width: 28px; height: 28px; border-radius: 50%; max-width: none; }
/* osta — hide wpForo's rotated reply-arrow icon on the recent-topics last-reply avatar */
.wpft-forum #wpforo #wpforo-wrap .osa-topic-last-avatar i.fa-reply.fa-rotate-180 { display: none; }
.wpft-forum #wpforo #wpforo-wrap .osa-topic-last-text { font-size: 12px; line-height: 1.3; display: flex; flex-direction: column; }
.wpft-forum #wpforo #wpforo-wrap .osa-tl-label { font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--osa-steel,#A6AFBC); }
.wpft-forum #wpforo #wpforo-wrap .osa-tl-line { color: var(--osa-charcoal-mid,#5A6270); }
.wpft-forum #wpforo #wpforo-wrap .osa-tl-line a { color: var(--osa-charcoal,#444C56) !important; font-weight: 600; }
.wpft-forum #wpforo #wpforo-wrap .wpfl-4 .wpf-more-topics { margin-top: 50px; }
/* osta — Load More Topics as a bordered button */
.wpft-forum #wpforo #wpforo-wrap .wpf-more-topics a {
  border: 1px solid #979797 !important;
  border-radius: 8px;
  padding: 10px 12px 10px 10px !important;
  color: #000 !important;
}
.wpft-forum #wpforo #wpforo-wrap .wpf-more-topics a:hover {
  color: var(--osa-blue,#419AD2) !important;
  border-color: var(--osa-blue,#419AD2) !important;
}
.wpft-forum #wpforo #wpforo-wrap .wpf-more-topics a i.fa-angle-double-down.fas { margin: 0 5px 0 0; }
/* osta — size + center the load-more icon (chevron and the fa-circle-notch spinner it swaps to) */
.wpft-forum #wpforo #wpforo-wrap .wpf-more-topics a i { display: inline-flex; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; font-size: 13px; vertical-align: middle; margin: 0 5px 0 0; padding: 0; }

/* sidebar */
.wpft-forum #wpforo #wpforo-wrap .osa-forum-info {
  background: var(--osa-blue-light,#F4F8FB); border: 1px solid #E4EBF1; border-radius: 14px; padding: 22px; position: sticky; top: 24px;
}
.wpft-forum #wpforo #wpforo-wrap .osa-info-title {
  font-family: var(--osa-font-heading); font-size: 12px; font-weight: 800; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--osa-charcoal-mid,#5A6270); margin: 0 0 18px; padding: 0;
}
.wpft-forum #wpforo #wpforo-wrap .osa-info-stats {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #E0E8EF; border: 1px solid #E0E8EF; border-radius: 10px; overflow: hidden; margin-bottom: 16px;
}
.wpft-forum #wpforo #wpforo-wrap .osa-fi { background: #fff; padding: 14px; text-align: center; }
.wpft-forum #wpforo #wpforo-wrap .osa-fi-num { display: block; font-family: var(--osa-font-heading); font-size: 22px; font-weight: 800; color: var(--osa-charcoal,#444C56); font-variant-numeric: tabular-nums; line-height: 1; }
.wpft-forum #wpforo #wpforo-wrap .osa-fi-lbl { display: block; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--osa-charcoal-mid,#5A6270); margin-top: 6px; }
.wpft-forum #wpforo #wpforo-wrap .osa-info-online { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--osa-charcoal,#444C56); background: #fff; border-radius: 8px; padding: 10px 12px; margin-bottom: 14px; }
.wpft-forum #wpforo #wpforo-wrap .osa-online-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--osa-green,#82B541); box-shadow: 0 0 0 3px rgba(130,181,65,.18); flex: 0 0 auto; }
.wpft-forum #wpforo #wpforo-wrap .osa-info-actions { display: flex; flex-direction: column; gap: 8px; }
.wpft-forum #wpforo #wpforo-wrap .osa-info-actions a { width: 100%; text-align: center; }
.wpft-forum #wpforo #wpforo-wrap .osa-info-legend { margin-top: 18px; padding-top: 14px; border-top: 1px solid #E0E8EF; display: flex; flex-direction: column; gap: 8px; }
.wpft-forum #wpforo #wpforo-wrap .osa-legend-row { font-size: 12px; color: var(--osa-charcoal-mid,#5A6270); display: flex; align-items: center; gap: 8px; }
.wpft-forum #wpforo #wpforo-wrap .osa-lg-green { color: var(--osa-green,#82B541); }
/* sidebar Add Topic button (delegates to chrome toggle) + Mark-all-read as a ghost button */
.wpft-forum #wpforo #wpforo-wrap .osa-sidebar-addtopic { align-items: center; justify-content: center; gap: 8px; }
a.awesome-btn.awesome-btn-orange.awesome-btn-sm.osa-sidebar-addtopic {
    background: var(--osa-orange);
    border-radius: 8px;
    color: #fff !important;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.04), inset 0 -2px 0 #b55740 !important;
    padding: 14px 0 !important;
    margin: 4px 0 0 0 !important;
}
.wpft-forum #wpforo #wpforo-wrap .osa-sidebar-addtopic i { font-size: 13px; }
.wpft-forum #wpforo #wpforo-wrap .osa-mark-read a {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%;
  padding: 10px 14px; border: 1px solid #C7D2DC; border-radius: 8px; background: #fff;
  color: var(--osa-charcoal-mid,#5A6270); font-size: 14px; font-weight: 600; text-decoration: none;
}
.wpft-forum #wpforo #wpforo-wrap .osa-mark-read a:hover { background: #F4F8FB; border-color: #AEBECD; }

/* redundant footer stats now live in the sidebar */
.wpft-forum #wpforo #wpforo-footer #wpforo-stat-header,
.wpft-forum #wpforo #wpforo-footer #wpforo-stat-body { display: none; }

@media (max-width: 880px) {
  .wpft-forum #wpforo #wpforo-wrap .wpfl-4 .osa-forum-lower { grid-template-columns: 1fr; gap: 32px; }
  .wpft-forum #wpforo #wpforo-wrap .osa-forum-info { position: static; }
}
@media (max-width: 600px) {
  .wpft-forum #wpforo #wpforo-wrap .osa-topic-bottom { padding-left: 0; }
}

/* Topic-prefix status badges — see osa-forum-support-status.php (mu-plugin).
   Classes generated from sanitize_title(label): osa-prefix-{slug}.
   Selectors are scoped to #wpforo #wpforo-wrap so we beat wpForo's own
   span/anchor rules without resorting to !important. */
#wpforo #wpforo-wrap .osa-topic-prefix {
  display: inline-block;
}

#wpforo #wpforo-wrap .osa-prefix-resolved {
  background: #85b63430;
  color: #5a7c21;
  padding: 0 4px;
  margin: 0 2px 0 0;
}

#wpforo #wpforo-wrap .osa-prefix-support-request {
  background: #d94e3838;
  color: #ad3e2d;
  padding: 0 4px;
  margin: 0 2px 0 0;
}

#wpforo #wpforo-wrap .osa-prefix-in-progress {
  background: #2f7db83d;
  color: #2F7DB8;
  padding: 0 4px;
  margin: 0 2px 0 0;
}

/* Admin-only status-flip controls (visible to manage_options users only) */
#wpforo #wpforo-wrap .osa-prefix-set-form select,
#wpforo #wpforo-wrap .osa-reply-prefix-wrap select {
  font-size: 0.85em;
  padding: 2px 4px;
}

/* ==========================================================================
   Chatty — Assistant UI
   Shared rules for the floating widget and /chat/ page Chatty UX surfaces.
   UX strip, ticket/email modals, feedback thumbs, rate-limit banner.
   ========================================================================== */

/* Two-button UX strip — appears after 3+ user turns, sits above the input.
   Open-a-ticket is primary (orange), Email-me-this is secondary (blue
   outline), optional copy-to-clipboard icon is tertiary (muted). */
.osa-chat-ux-strip {
  display: flex;
  gap: 10px;
  padding: 10px 14px;
  border-top: 1px solid #e8edf3;
  background: #f8fafc;
  align-items: center;
  font-family: inherit;
}
.osa-chat-ux-btn {
  flex: 1;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  border: 1px solid transparent;
  transition: opacity 0.15s, background-color 0.15s;
  font-family: inherit;
  line-height: 1.2;
}
.osa-chat-ux-btn-primary {
  background: #F55C44;
  color: #fff;
  border-color: #F55C44;
}
.osa-chat-ux-btn-primary:hover { opacity: 0.92; }
.osa-chat-ux-btn-secondary {
  background: transparent;
  color: #419AD2;
  border-color: #419AD2;
}
.osa-chat-ux-btn-secondary:hover { background: #e8f0fe; }
.osa-chat-ux-btn-tertiary {
  background: transparent;
  color: #6b7280;
  border-color: transparent;
  flex: 0 0 auto;
  padding: 8px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.osa-chat-ux-btn-tertiary:hover { color: #419AD2; }
.osa-chat-ux-btn-tertiary svg { width: 16px; height: 16px; display: block; }
.osa-chat-ux-btn-tertiary.osa-copied { color: #2E7D32; }

/* Widget-panel variant: pin the strip to the bottom-above-input area.
   The anything-llm input is typically ~80-90px tall. */
.allm-h-full .osa-chat-ux-strip {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 90px;
  z-index: 15;
  margin: 0;
  box-shadow: 0 -2px 4px rgba(0,0,0,0.04);
}

/* Modals — overlay inside the chat surface, not page-wide. Both the widget
   panel and the /chat/ page host a .osa-chat-modal-host container which the
   modal attaches to. Position absolute so it's trapped in the chat area. */
.osa-chat-modal-host {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  pointer-events: none;
}
.osa-chat-modal-host.osa-open { pointer-events: auto; }
.osa-chat-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(68, 76, 86, 0.45);
  opacity: 0;
  transition: opacity 0.18s;
}
.osa-chat-modal-host.osa-open .osa-chat-modal-backdrop { opacity: 1; }
.osa-chat-modal {
  position: relative;
  margin: auto;
  width: min(92%, 420px);
  background: #fff;
  border-radius: 10px;
  padding: 24px 24px 20px;
  box-shadow: 0 12px 32px rgba(0,0,0,0.18);
  transform: translateY(12px);
  opacity: 0;
  transition: transform 0.18s, opacity 0.18s;
  font-family: inherit;
  color: #444C56;
}
.osa-chat-modal-host.osa-open .osa-chat-modal { transform: none; opacity: 1; }
.osa-chat-modal h3 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 600;
  color: #444C56;
}
.osa-chat-modal p.osa-modal-hint {
  margin: 0 0 16px;
  font-size: 13px;
  color: #6b7280;
}
.osa-chat-modal-field {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 9px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  color: #444C56;
  background: #fff;
  box-sizing: border-box;
}
.osa-chat-modal-field:focus {
  outline: none;
  border-color: #419AD2;
  box-shadow: 0 0 0 3px rgba(65, 154, 210, 0.15);
}
textarea.osa-chat-modal-field { min-height: 90px; resize: vertical; }
.osa-chat-modal-actions {
  display: flex;
  gap: 8px;
  margin-top: 14px;
  align-items: center;
  justify-content: flex-end;
}
.osa-chat-modal-submit,
.osa-chat-modal-cancel {
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  font-family: inherit;
}
.osa-chat-modal-submit {
  background: #F55C44;
  color: #fff;
  border-color: #F55C44;
}
.osa-chat-modal-submit:hover { opacity: 0.92; }
.osa-chat-modal-submit:disabled { opacity: 0.5; cursor: wait; }
.osa-chat-modal-cancel {
  background: transparent;
  color: #6b7280;
  border-color: #cbd5e1;
}
.osa-chat-modal-cancel:hover { background: #f3f4f6; }
.osa-chat-modal-status {
  margin: 8px 0 0;
  font-size: 13px;
  min-height: 18px;
}
.osa-chat-modal-status.osa-ok { color: #2E7D32; }
.osa-chat-modal-status.osa-err { color: #c62828; }
.osa-chat-modal-success {
  text-align: center;
  padding: 8px 0;
}
.osa-chat-modal-success .osa-check {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #e8f5e9;
  color: #2E7D32;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.osa-chat-modal-success h3 { margin-bottom: 6px; }
.osa-chat-modal-success p { margin: 0 0 16px; font-size: 14px; }

/* Feedback thumbs — subtle at rest, revealed on bot-bubble hover. */
.osa-chat-feedback {
  display: inline-flex;
  gap: 4px;
  margin-top: 6px;
  opacity: 0.3;
  transition: opacity 0.2s;
}
.chatty-msg.bot:hover .osa-chat-feedback,
.chatty-msg-bot:hover .osa-chat-feedback {
  opacity: 0.85;
}
.osa-chat-feedback button {
  background: none;
  border: none;
  padding: 2px 6px;
  cursor: pointer;
  font-size: 14px;
  color: #6b7280;
  border-radius: 4px;
  line-height: 1;
}
.osa-chat-feedback button:hover { background: #f3f4f6; }
.osa-chat-feedback button.osa-clicked {
  opacity: 0.9;
  color: #419AD2;
  background: #e8f0fe;
  cursor: default;
  pointer-events: none;
}
@media (max-width: 768px) {
  .osa-chat-feedback { opacity: 0.6; }
}

/* Rate-limit bot-bubble styling (reuses .chatty-msg.bot look). No new
   element type — the inline JS creates a normal bot bubble and this just
   gives it a subtle "slow down" vibe via a data-attribute. */
.chatty-msg.bot[data-rate-limited="1"] {
  background: #fff8e1;
  border-left: 3px solid #F55C44;
  padding-left: 12px;
}


/* ── My Account Dashboard (Pt 16) ── */
.osa-dashboard-subs-header {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: var(--osa-charcoal-mid, #5A6270);
    margin: 24px 0 12px;
}
.osa-renewal-card.osa-renewal-multi {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "header header"
        "info actions"
        "services services"
        "upsell upsell";
    gap: 12px 20px;
    align-items: center;
    padding: 22px 28px;
    margin: 0 0 14px;
    border-radius: 8px;
}
.osa-renewal-card.osa-renewal-multi .osa-renewal-card-header { grid-area: header; }
.osa-renewal-card.osa-renewal-multi .osa-renewal-info        { grid-area: info; }
.osa-renewal-card.osa-renewal-multi .osa-renewal-actions     { grid-area: actions; }
.osa-renewal-card.osa-renewal-multi .osa-renewal-services    {
    grid-area: services;
    text-align: right;
}
.osa-renewal-card.osa-renewal-multi .osa-renewal-upsell {
    grid-area: upsell;
    text-align: right;
}

.osa-renewal-card.osa-renewal-alt-alice   { background: var(--osa-alice-blue, #E8F5FC); }
.osa-renewal-card.osa-renewal-alt-whisper { background: var(--osa-cream, #f7f4ef); }

.osa-renewal-card.osa-renewal-multi.osa-renewal-alt-whisper .awesome-btn-ghost:hover {
    background: #f0ece6;
    color: #443112;
}

.osa-renewal-card.osa-renewal-multi.osa-renewal-cancelled,
.osa-renewal-card.osa-renewal-multi.osa-renewal-expired {
    background: #F4F4F5;
}
.osa-renewal-card.osa-renewal-multi.osa-renewal-payment-issue {
    background: #FFF8E1;
    border-left: 3px solid #F5B800;
}
.osa-renewal-card.osa-renewal-multi.osa-renewal-expired {
    opacity: .85;
}

.osa-renewal-card.osa-renewal-multi .osa-renewal-meta {
    font-size: 14px;
    color: var(--charcoal-mid, #6B7280);
    margin-top: 6px;
}
.osa-renewal-card.osa-renewal-multi .osa-renewal-date {
    font-size: 14px;
    color: var(--charcoal-mid, #6B7280);
    margin-top: initial;
}

.osa-renewal-card.osa-renewal-multi .osa-badge-active {
    background: #e1f6c5;
    color: var(--green-dark, #6E9A38);
    border-radius: 20px;
    border: 1px solid #bed1a0;
}

.osa-badge-cancelled {
    background: #E5E7EB;
    color: #4B5563;
    border-radius: 20px;
    font-size: 10px;
    padding: 3px 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.osa-badge-warning {
    background: #FFF3CD;
    color: #8A6D00;
    border-radius: 20px;
    font-size: 10px;
    padding: 3px 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.osa-renewal-services {
    font-size: 13px;
    color: var(--charcoal-mid, #6B7280);
    padding: 0 0 10px 0;
    border-top: initial;
}

.osa-renewal-upsell {
    font-size: 12px;
    color: var(--osa-charcoal-mid, #5A6270);
    padding-top: 4px;
}
.osa-renewal-upsell a {
    color: var(--osa-blue, #419AD2);
    font-weight: 600;
    text-decoration: none;
}
.osa-renewal-upsell a:hover { text-decoration: underline; }

.osa-dashboard-reseller-cta {
    margin: 18px 0 8px;
    padding: 14px 18px;
    background: #F8F9FB;
    border: 1px dashed #D6DDE3;
    border-radius: 6px;
    font-size: 13px;
    color: var(--osa-charcoal-mid, #5A6270);
    text-align: center;
}
.osa-dashboard-reseller-cta a {
    color: var(--osa-blue, #419AD2);
    font-weight: 600;
    text-decoration: none;
}
.osa-dashboard-reseller-cta a:hover { text-decoration: underline; }

@media (max-width: 700px) {
    .osa-renewal-card.osa-renewal-multi {
        grid-template-columns: 1fr;
        grid-template-areas:
            "header"
            "info"
            "actions"
            "services"
            "upsell";
    }
    .osa-renewal-card.osa-renewal-multi .osa-renewal-actions { flex-wrap: wrap; }
    .osa-renewal-card.osa-renewal-multi .osa-renewal-services,
    .osa-renewal-card.osa-renewal-multi .osa-renewal-upsell { text-align: left; }
}


/* ── Gravity Forms — fill-the-column inputs (multi-column rows only) ── */
/* When GF places a field in a width-classed grid cell (half / quarter /
   three-quarter), the input keeps its default narrow size and looks wrong.
   Only widen inputs in those cases — leave default single-column layouts
   alone so short-content fields like number inputs stay appropriately sized. */
.gform_wrapper.gravity-theme .gfield--width-quarter .ginput_container input,
.gform_wrapper.gravity-theme .gfield--width-quarter .ginput_container select,
.gform_wrapper.gravity-theme .gfield--width-quarter .ginput_container textarea,
.gform_wrapper.gravity-theme .gfield--width-third .ginput_container input,
.gform_wrapper.gravity-theme .gfield--width-third .ginput_container select,
.gform_wrapper.gravity-theme .gfield--width-third .ginput_container textarea,
.gform_wrapper.gravity-theme .gfield--width-half .ginput_container input,
.gform_wrapper.gravity-theme .gfield--width-half .ginput_container select,
.gform_wrapper.gravity-theme .gfield--width-half .ginput_container textarea,
.gform_wrapper.gravity-theme .gfield--width-three-quarter .ginput_container input,
.gform_wrapper.gravity-theme .gfield--width-three-quarter .ginput_container select,
.gform_wrapper.gravity-theme .gfield--width-three-quarter .ginput_container textarea {
    width: 100%;
    box-sizing: border-box;
}


/* ── Mobile: tighter list indentation ── */
/* Stevland tested every angle of <ul>/<ol> margin+padding overrides; only
   <li> margin-left actually moves the bullet/number visually. Trusting
   the empirical fix: shrink <ul>/<ol> outer margin so the list isn't
   pushed in 3em by GP, then put 20px of indent on each <li> directly. */
@media (max-width: 768px) {
    .entry-content ol,
    .entry-content ul,
    .gb-container ol,
    .gb-container ul {
        margin-left: 0 !important;
        margin-inline-start: 0 !important;
    }
    .entry-content li,
    .gb-container li {
        margin-left: 20px !important;
    }
}


/* ==========================================================================
   Third-party overrides
   ========================================================================== */

/* reCAPTCHA v3 floating badge — hide (legal notice in footer). Must use
   visibility:hidden, NOT display:none — some reCAPTCHA integrations (notably
   WooCommerce PayPal Payments) fail silently if the badge is display:none. */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===== osta — Add Topic icon swap to Lucide (CSS mask, no engine change) ===== */
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-bold::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-bold { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTYgMTJoOWE0IDQgMCAwIDEgMCA4SDdhMSAxIDAgMCAxLTEtMVY1YTEgMSAwIDAgMSAxLTFoN2E0IDQgMCAwIDEgMCA4IiAvPjwvc3ZnPg==") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTYgMTJoOWE0IDQgMCAwIDEgMCA4SDdhMSAxIDAgMCAxLTEtMVY1YTEgMSAwIDAgMSAxLTFoN2E0IDQgMCAwIDEgMCA4IiAvPjwvc3ZnPg==") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-italic::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-italic { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PGxpbmUgeDE9IjE5IiB4Mj0iMTAiIHkxPSI0IiB5Mj0iNCIgLz48bGluZSB4MT0iMTQiIHgyPSI1IiB5MT0iMjAiIHkyPSIyMCIgLz48bGluZSB4MT0iMTUiIHgyPSI5IiB5MT0iNCIgeTI9IjIwIiAvPjwvc3ZnPg==") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PGxpbmUgeDE9IjE5IiB4Mj0iMTAiIHkxPSI0IiB5Mj0iNCIgLz48bGluZSB4MT0iMTQiIHgyPSI1IiB5MT0iMjAiIHkyPSIyMCIgLz48bGluZSB4MT0iMTUiIHgyPSI5IiB5MT0iNCIgeTI9IjIwIiAvPjwvc3ZnPg==") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-underline::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-underline { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTYgNHY2YTYgNiAwIDAgMCAxMiAwVjQiIC8+PGxpbmUgeDE9IjQiIHgyPSIyMCIgeTE9IjIwIiB5Mj0iMjAiIC8+PC9zdmc+") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTYgNHY2YTYgNiAwIDAgMCAxMiAwVjQiIC8+PGxpbmUgeDE9IjQiIHgyPSIyMCIgeTE9IjIwIiB5Mj0iMjAiIC8+PC9zdmc+") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-strikethrough::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-strikethrough { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE2IDRIOWEzIDMgMCAwIDAtMi44MyA0IiAvPjxwYXRoIGQ9Ik0xNCAxMmE0IDQgMCAwIDEgMCA4SDYiIC8+PGxpbmUgeDE9IjQiIHgyPSIyMCIgeTE9IjEyIiB5Mj0iMTIiIC8+PC9zdmc+") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE2IDRIOWEzIDMgMCAwIDAtMi44MyA0IiAvPjxwYXRoIGQ9Ik0xNCAxMmE0IDQgMCAwIDEgMCA4SDYiIC8+PGxpbmUgeDE9IjQiIHgyPSIyMCIgeTE9IjEyIiB5Mj0iMTIiIC8+PC9zdmc+") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-forecolor::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-forecolor { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTQgMjBoMTYiIC8+PHBhdGggZD0ibTYgMTYgNi0xMiA2IDEyIiAvPjxwYXRoIGQ9Ik04IDEyaDgiIC8+PC9zdmc+") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTQgMjBoMTYiIC8+PHBhdGggZD0ibTYgMTYgNi0xMiA2IDEyIiAvPjxwYXRoIGQ9Ik04IDEyaDgiIC8+PC9zdmc+") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-bullist::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-bullist { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTMgNWguMDEiIC8+PHBhdGggZD0iTTMgMTJoLjAxIiAvPjxwYXRoIGQ9Ik0zIDE5aC4wMSIgLz48cGF0aCBkPSJNOCA1aDEzIiAvPjxwYXRoIGQ9Ik04IDEyaDEzIiAvPjxwYXRoIGQ9Ik04IDE5aDEzIiAvPjwvc3ZnPg==") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTMgNWguMDEiIC8+PHBhdGggZD0iTTMgMTJoLjAxIiAvPjxwYXRoIGQ9Ik0zIDE5aC4wMSIgLz48cGF0aCBkPSJNOCA1aDEzIiAvPjxwYXRoIGQ9Ik04IDEyaDEzIiAvPjxwYXRoIGQ9Ik04IDE5aDEzIiAvPjwvc3ZnPg==") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-numlist::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-numlist { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTExIDVoMTAiIC8+PHBhdGggZD0iTTExIDEyaDEwIiAvPjxwYXRoIGQ9Ik0xMSAxOWgxMCIgLz48cGF0aCBkPSJNNCA0aDF2NSIgLz48cGF0aCBkPSJNNCA5aDIiIC8+PHBhdGggZD0iTTYuNSAyMEgzLjRjMC0xIDIuNi0xLjkyNSAyLjYtMy41YTEuNSAxLjUgMCAwIDAtMi42LTEuMDIiIC8+PC9zdmc+") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTExIDVoMTAiIC8+PHBhdGggZD0iTTExIDEyaDEwIiAvPjxwYXRoIGQ9Ik0xMSAxOWgxMCIgLz48cGF0aCBkPSJNNCA0aDF2NSIgLz48cGF0aCBkPSJNNCA5aDIiIC8+PHBhdGggZD0iTTYuNSAyMEgzLjRjMC0xIDIuNi0xLjkyNSAyLjYtMy41YTEuNSAxLjUgMCAwIDAtMi42LTEuMDIiIC8+PC9zdmc+") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-hr::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-hr { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTUgMTJoMTQiIC8+PC9zdmc+") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTUgMTJoMTQiIC8+PC9zdmc+") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-alignleft::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-alignleft { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxIDVIMyIgLz48cGF0aCBkPSJNMTUgMTJIMyIgLz48cGF0aCBkPSJNMTcgMTlIMyIgLz48L3N2Zz4=") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxIDVIMyIgLz48cGF0aCBkPSJNMTUgMTJIMyIgLz48cGF0aCBkPSJNMTcgMTlIMyIgLz48L3N2Zz4=") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-aligncenter::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-aligncenter { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxIDVIMyIgLz48cGF0aCBkPSJNMTcgMTJINyIgLz48cGF0aCBkPSJNMTkgMTlINSIgLz48L3N2Zz4=") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxIDVIMyIgLz48cGF0aCBkPSJNMTcgMTJINyIgLz48cGF0aCBkPSJNMTkgMTlINSIgLz48L3N2Zz4=") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-alignright::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-alignright { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxIDVIMyIgLz48cGF0aCBkPSJNMjEgMTJIOSIgLz48cGF0aCBkPSJNMjEgMTlINyIgLz48L3N2Zz4=") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxIDVIMyIgLz48cGF0aCBkPSJNMjEgMTJIOSIgLz48cGF0aCBkPSJNMjEgMTlINyIgLz48L3N2Zz4=") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-alignjustify::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-alignjustify { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTMgNWgxOCIgLz48cGF0aCBkPSJNMyAxMmgxOCIgLz48cGF0aCBkPSJNMyAxOWgxOCIgLz48L3N2Zz4=") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTMgNWgxOCIgLz48cGF0aCBkPSJNMyAxMmgxOCIgLz48cGF0aCBkPSJNMyAxOWgxOCIgLz48L3N2Zz4=") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-link::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-link { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTEwIDEzYTUgNSAwIDAgMCA3LjU0LjU0bDMtM2E1IDUgMCAwIDAtNy4wNy03LjA3bC0xLjcyIDEuNzEiIC8+PHBhdGggZD0iTTE0IDExYTUgNSAwIDAgMC03LjU0LS41NGwtMyAzYTUgNSAwIDAgMCA3LjA3IDcuMDdsMS43MS0xLjcxIiAvPjwvc3ZnPg==") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTEwIDEzYTUgNSAwIDAgMCA3LjU0LjU0bDMtM2E1IDUgMCAwIDAtNy4wNy03LjA3bC0xLjcyIDEuNzEiIC8+PHBhdGggZD0iTTE0IDExYTUgNSAwIDAgMC03LjU0LS41NGwtMyAzYTUgNSAwIDAgMCA3LjA3IDcuMDdsMS43MS0xLjcxIiAvPjwvc3ZnPg==") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-unlink::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-unlink { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTkgMTdIN0E1IDUgMCAwIDEgNyA3IiAvPjxwYXRoIGQ9Ik0xNSA3aDJhNSA1IDAgMCAxIDQgOCIgLz48bGluZSB4MT0iOCIgeDI9IjEyIiB5MT0iMTIiIHkyPSIxMiIgLz48bGluZSB4MT0iMiIgeDI9IjIyIiB5MT0iMiIgeTI9IjIyIiAvPjwvc3ZnPg==") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTkgMTdIN0E1IDUgMCAwIDEgNyA3IiAvPjxwYXRoIGQ9Ik0xNSA3aDJhNSA1IDAgMCAxIDQgOCIgLz48bGluZSB4MT0iOCIgeDI9IjEyIiB5MT0iMTIiIHkyPSIxMiIgLz48bGluZSB4MT0iMiIgeDI9IjIyIiB5MT0iMiIgeTI9IjIyIiAvPjwvc3ZnPg==") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-blockquote::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-blockquote { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE2IDNhMiAyIDAgMCAwLTIgMnY2YTIgMiAwIDAgMCAyIDIgMSAxIDAgMCAxIDEgMXYxYTIgMiAwIDAgMS0yIDIgMSAxIDAgMCAwLTEgMXYyYTEgMSAwIDAgMCAxIDEgNiA2IDAgMCAwIDYtNlY1YTIgMiAwIDAgMC0yLTJ6IiAvPjxwYXRoIGQ9Ik01IDNhMiAyIDAgMCAwLTIgMnY2YTIgMiAwIDAgMCAyIDIgMSAxIDAgMCAxIDEgMXYxYTIgMiAwIDAgMS0yIDIgMSAxIDAgMCAwLTEgMXYyYTEgMSAwIDAgMCAxIDEgNiA2IDAgMCAwIDYtNlY1YTIgMiAwIDAgMC0yLTJ6IiAvPjwvc3ZnPg==") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE2IDNhMiAyIDAgMCAwLTIgMnY2YTIgMiAwIDAgMCAyIDIgMSAxIDAgMCAxIDEgMXYxYTIgMiAwIDAgMS0yIDIgMSAxIDAgMCAwLTEgMXYyYTEgMSAwIDAgMCAxIDEgNiA2IDAgMCAwIDYtNlY1YTIgMiAwIDAgMC0yLTJ6IiAvPjxwYXRoIGQ9Ik01IDNhMiAyIDAgMCAwLTIgMnY2YTIgMiAwIDAgMCAyIDIgMSAxIDAgMCAxIDEgMXYxYTIgMiAwIDAgMS0yIDIgMSAxIDAgMCAwLTEgMXYyYTEgMSAwIDAgMCAxIDEgNiA2IDAgMCAwIDYtNlY1YTIgMiAwIDAgMC0yLTJ6IiAvPjwvc3ZnPg==") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-pre::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-pre { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE4IDE2IDQtNC00LTQiIC8+PHBhdGggZD0ibTYgOC00IDQgNCA0IiAvPjxwYXRoIGQ9Im0xNC41IDQtNSAxNiIgLz48L3N2Zz4=") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE4IDE2IDQtNC00LTQiIC8+PHBhdGggZD0ibTYgOC00IDQgNCA0IiAvPjxwYXRoIGQ9Im0xNC41IDQtNSAxNiIgLz48L3N2Zz4=") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-wpf_spoil::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-wpf_spoil { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTEwLjczMyA1LjA3NmExMC43NDQgMTAuNzQ0IDAgMCAxIDExLjIwNSA2LjU3NSAxIDEgMCAwIDEgMCAuNjk2IDEwLjc0NyAxMC43NDcgMCAwIDEtMS40NDQgMi40OSIgLz48cGF0aCBkPSJNMTQuMDg0IDE0LjE1OGEzIDMgMCAwIDEtNC4yNDItNC4yNDIiIC8+PHBhdGggZD0iTTE3LjQ3OSAxNy40OTlhMTAuNzUgMTAuNzUgMCAwIDEtMTUuNDE3LTUuMTUxIDEgMSAwIDAgMSAwLS42OTYgMTAuNzUgMTAuNzUgMCAwIDEgNC40NDYtNS4xNDMiIC8+PHBhdGggZD0ibTIgMiAyMCAyMCIgLz48L3N2Zz4=") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTEwLjczMyA1LjA3NmExMC43NDQgMTAuNzQ0IDAgMCAxIDExLjIwNSA2LjU3NSAxIDEgMCAwIDEgMCAuNjk2IDEwLjc0NyAxMC43NDcgMCAwIDEtMS40NDQgMi40OSIgLz48cGF0aCBkPSJNMTQuMDg0IDE0LjE1OGEzIDMgMCAwIDEtNC4yNDItNC4yNDIiIC8+PHBhdGggZD0iTTE3LjQ3OSAxNy40OTlhMTAuNzUgMTAuNzUgMCAwIDEtMTUuNDE3LTUuMTUxIDEgMSAwIDAgMSAwLS42OTYgMTAuNzUgMTAuNzUgMCAwIDEgNC40NDYtNS4xNDMiIC8+PHBhdGggZD0ibTIgMiAyMCAyMCIgLz48L3N2Zz4=") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-undo::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-undo { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTkgMTQgNCA5bDUtNSIgLz48cGF0aCBkPSJNNCA5aDEwLjVhNS41IDUuNSAwIDAgMSA1LjUgNS41YTUuNSA1LjUgMCAwIDEtNS41IDUuNUgxMSIgLz48L3N2Zz4=") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTkgMTQgNCA5bDUtNSIgLz48cGF0aCBkPSJNNCA5aDEwLjVhNS41IDUuNSAwIDAgMSA1LjUgNS41YTUuNSA1LjUgMCAwIDEtNS41IDUuNUgxMSIgLz48L3N2Zz4=") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-redo::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-redo { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE1IDE0IDUtNS01LTUiIC8+PHBhdGggZD0iTTIwIDlIOS41QTUuNSA1LjUgMCAwIDAgNCAxNC41QTUuNSA1LjUgMCAwIDAgOS41IDIwSDEzIiAvPjwvc3ZnPg==") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE1IDE0IDUtNS01LTUiIC8+PHBhdGggZD0iTTIwIDlIOS41QTUuNSA1LjUgMCAwIDAgNCAxNC41QTUuNSA1LjUgMCAwIDAgOS41IDIwSDEzIiAvPjwvc3ZnPg==") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-pastetext::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-pastetext { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iNCIgeD0iOCIgeT0iMiIgcng9IjEiIHJ5PSIxIiAvPjxwYXRoIGQ9Ik0xNiA0aDJhMiAyIDAgMCAxIDIgMnYxNGEyIDIgMCAwIDEtMiAySDZhMiAyIDAgMCAxLTItMlY2YTIgMiAwIDAgMSAyLTJoMiIgLz48L3N2Zz4=") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iNCIgeD0iOCIgeT0iMiIgcng9IjEiIHJ5PSIxIiAvPjxwYXRoIGQ9Ik0xNiA0aDJhMiAyIDAgMCAxIDIgMnYxNGEyIDIgMCAwIDEtMiAySDZhMiAyIDAgMCAxLTItMlY2YTIgMiAwIDAgMSAyLTJoMiIgLz48L3N2Zz4=") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-source_code::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-source_code { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTggM0g3YTIgMiAwIDAgMC0yIDJ2NWEyIDIgMCAwIDEtMiAyIDIgMiAwIDAgMSAyIDJ2NWMwIDEuMS45IDIgMiAyaDEiIC8+PHBhdGggZD0iTTE2IDIxaDFhMiAyIDAgMCAwIDItMnYtNWMwLTEuMS45LTIgMi0yYTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDAtMi0yaC0xIiAvPjwvc3ZnPg==") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTggM0g3YTIgMiAwIDAgMC0yIDJ2NWEyIDIgMCAwIDEtMiAyIDIgMiAwIDAgMSAyIDJ2NWMwIDEuMS45IDIgMiAyaDEiIC8+PHBhdGggZD0iTTE2IDIxaDFhMiAyIDAgMCAwIDItMnYtNWMwLTEuMS45LTIgMi0yYTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDAtMi0yaC0xIiAvPjwvc3ZnPg==") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-emoticons::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-emoticons { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIC8+PHBhdGggZD0iTTggMTRzMS41IDIgNCAyIDQtMiA0LTIiIC8+PGxpbmUgeDE9IjkiIHgyPSI5LjAxIiB5MT0iOSIgeTI9IjkiIC8+PGxpbmUgeDE9IjE1IiB4Mj0iMTUuMDEiIHkxPSI5IiB5Mj0iOSIgLz48L3N2Zz4=") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIC8+PHBhdGggZD0iTTggMTRzMS41IDIgNCAyIDQtMiA0LTIiIC8+PGxpbmUgeDE9IjkiIHgyPSI5LjAxIiB5MT0iOSIgeTI9IjkiIC8+PGxpbmUgeDE9IjE1IiB4Mj0iMTUuMDEiIHkxPSI5IiB5Mj0iOSIgLz48L3N2Zz4=") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-fullscreen::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-fullscreen { width:18px !important; height:18px !important; line-height:18px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2MyIgLz48cGF0aCBkPSJNMjEgOFY1YTIgMiAwIDAgMC0yLTJoLTMiIC8+PHBhdGggZD0iTTMgMTZ2M2EyIDIgMCAwIDAgMiAyaDMiIC8+PHBhdGggZD0iTTE2IDIxaDNhMiAyIDAgMCAwIDItMnYtMyIgLz48L3N2Zz4=") center/17px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2MyIgLz48cGF0aCBkPSJNMjEgOFY1YTIgMiAwIDAgMC0yLTJoLTMiIC8+PHBhdGggZD0iTTMgMTZ2M2EyIDIgMCAwIDAgMiAyaDMiIC8+PHBhdGggZD0iTTE2IDIxaDNhMiAyIDAgMCAwIDItMnYtMyIgLz48L3N2Zz4=") center/17px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-title .wpf-label::before { content:""; width:16px; height:16px; flex:0 0 auto; background-color:var(--osa-charcoal-mid,#5A6270); -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxLjE3NCA2LjgxMmExIDEgMCAwIDAtMy45ODYtMy45ODdMMy44NDIgMTYuMTc0YTIgMiAwIDAgMC0uNS44M2wtMS4zMjEgNC4zNTJhLjUuNSAwIDAgMCAuNjIzLjYyMmw0LjM1My0xLjMyYTIgMiAwIDAgMCAuODMtLjQ5N3oiIC8+PHBhdGggZD0ibTE1IDUgNCA0IiAvPjwvc3ZnPg==") center/16px no-repeat; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxLjE3NCA2LjgxMmExIDEgMCAwIDAtMy45ODYtMy45ODdMMy44NDIgMTYuMTc0YTIgMiAwIDAgMC0uNS44M2wtMS4zMjEgNC4zNTJhLjUuNSAwIDAgMCAuNjIzLjYyMmw0LjM1My0xLjMyYTIgMiAwIDAgMCAuODMtLjQ5N3oiIC8+PHBhdGggZD0ibTE1IDUgNCA0IiAvPjwvc3ZnPg==") center/16px no-repeat; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-body .wpf-label::before { content:""; width:16px; height:16px; flex:0 0 auto; background-color:var(--osa-charcoal-mid,#5A6270); -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxIDVIMyIgLz48cGF0aCBkPSJNMTUgMTJIMyIgLz48cGF0aCBkPSJNMTcgMTlIMyIgLz48L3N2Zz4=") center/16px no-repeat; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxIDVIMyIgLz48cGF0aCBkPSJNMTUgMTJIMyIgLz48cGF0aCBkPSJNMTcgMTlIMyIgLz48L3N2Zz4=") center/16px no-repeat; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags-label i::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags-label i { width:16px; height:16px; display:inline-block; vertical-align:-2px; background-color:var(--osa-charcoal-mid,#5A6270); -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTEyLjU4NiAyLjU4NkEyIDIgMCAwIDAgMTEuMTcyIDJINGEyIDIgMCAwIDAtMiAydjcuMTcyYTIgMiAwIDAgMCAuNTg2IDEuNDE0bDguNzA0IDguNzA0YTIuNDI2IDIuNDI2IDAgMCAwIDMuNDIgMGw2LjU4LTYuNThhMi40MjYgMi40MjYgMCAwIDAgMC0zLjQyeiIgLz48Y2lyY2xlIGN4PSI3LjUiIGN5PSI3LjUiIHI9Ii41IiBmaWxsPSIjMDAwIiAvPjwvc3ZnPg==") center/16px no-repeat; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTEyLjU4NiAyLjU4NkEyIDIgMCAwIDAgMTEuMTcyIDJINGEyIDIgMCAwIDAtMiAydjcuMTcyYTIgMiAwIDAgMCAuNTg2IDEuNDE0bDguNzA0IDguNzA0YTIuNDI2IDIuNDI2IDAgMCAwIDMuNDIgMGw2LjU4LTYuNThhMi40MjYgMi40MjYgMCAwIDAgMC0zLjQyeiIgLz48Y2lyY2xlIGN4PSI3LjUiIGN5PSI3LjUiIHI9Ii41IiBmaWxsPSIjMDAwIiAvPjwvc3ZnPg==") center/16px no-repeat; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment::before { content:""; width:16px; height:16px; flex:0 0 auto; background-color:var(--osa-charcoal-mid,#5A6270); -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE2IDYtOC40MTQgOC41ODZhMiAyIDAgMCAwIDIuODI5IDIuODI5bDguNDE0LTguNTg2YTQgNCAwIDEgMC01LjY1Ny01LjY1N2wtOC4zNzkgOC41NTFhNiA2IDAgMSAwIDguNDg1IDguNDg1bDguMzc5LTguNTUxIiAvPjwvc3ZnPg==") center/16px no-repeat; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE2IDYtOC40MTQgOC41ODZhMiAyIDAgMCAwIDIuODI5IDIuODI5bDguNDE0LTguNTg2YTQgNCAwIDEgMC01LjY1Ny01LjY1N2wtOC4zNzkgOC41NTFhNiA2IDAgMSAwIDguNDg1IDguNDg1bDguMzc5LTguNTUxIiAvPjwvc3ZnPg==") center/16px no-repeat; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-buttons-wrap input.wpf-button[type=submit] { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE0LjUzNiAyMS42ODZhLjUuNSAwIDAgMCAuOTM3LS4wMjRsNi41LTE5YS40OTYuNDk2IDAgMCAwLS42MzUtLjYzNWwtMTkgNi41YS41LjUgMCAwIDAtLjAyNC45MzdsNy45MyAzLjE4YTIgMiAwIDAgMSAxLjExMiAxLjExeiIgLz48cGF0aCBkPSJtMjEuODU0IDIuMTQ3LTEwLjk0IDEwLjkzOSIgLz48L3N2Zz4=") !important; background-repeat:no-repeat !important; background-position:22px center !important; background-size:16px 16px !important; padding-left:46px !important; }

/* osta — gap fixes: "Your message" label (body field has no wpForo label) + Subscribe bell */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-body::before { content:"Your message"; display:block; padding-left:24px; line-height:16px; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QTYyNzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxIDVIMyIgLz48cGF0aCBkPSJNMTUgMTJIMyIgLz48cGF0aCBkPSJNMTcgMTlIMyIgLz48L3N2Zz4=") left center/16px 16px no-repeat; font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; font-weight:700; color:var(--osa-charcoal,#444C56); margin:0 0 12px; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-sbs label::before { content:""; display:inline-block; width:16px; height:16px; vertical-align:-3px; margin-right:8px; background-color:var(--osa-charcoal-mid,#5A6270); -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTEwLjI2OCAyMWEyIDIgMCAwIDAgMy40NjQgMCIgLz48cGF0aCBkPSJNMy4yNjIgMTUuMzI2QTEgMSAwIDAgMCA0IDE3aDE2YTEgMSAwIDAgMCAuNzQtMS42NzNDMTkuNDEgMTMuOTU2IDE4IDEyLjQ5OSAxOCA4QTYgNiAwIDAgMCA2IDhjMCA0LjQ5OS0xLjQxMSA1Ljk1Ni0yLjczOCA3LjMyNiIgLz48L3N2Zz4=") center/16px no-repeat; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTEwLjI2OCAyMWEyIDIgMCAwIDAgMy40NjQgMCIgLz48cGF0aCBkPSJNMy4yNjIgMTUuMzI2QTEgMSAwIDAgMCA0IDE3aDE2YTEgMSAwIDAgMCAuNzQtMS42NzNDMTkuNDEgMTMuOTU2IDE4IDEyLjQ5OSAxOCA4QTYgNiAwIDAgMCA2IDhjMCA0LjQ5OS0xLjQxMSA1Ljk1Ni0yLjczOCA3LjMyNiIgLz48L3N2Zz4=") center/16px no-repeat; }

/* osta — icons larger + font-size widget styled like the mockup */
#wpforo #wpforo-wrap .wpf-topic-create .mce-tinymce [class*="mce-i-"] { width:20px !important; height:20px !important; -webkit-mask-size:19px !important; mask-size:19px !important; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-title .wpf-label::before,
#wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags-label i,
#wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-sbs label::before,
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment::before { width:19px !important; height:19px !important; -webkit-mask-size:19px !important; mask-size:19px !important; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-body::before { padding-left:27px; background-size:19px 19px; }
/* Font-size dropdown -> white rounded box like .tf-tool-size */
#wpforo #wpforo-wrap .wpf-topic-create .mce-toolbar .mce-btn.mce-menubtn { background:#fff !important; border:1px solid #E2E8ED !important; border-radius:7px !important; box-shadow:none !important; width:58px; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-toolbar .mce-btn.mce-menubtn:hover { border-color:var(--osa-slate,#C7D2DC) !important; background:#fff !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-toolbar .mce-btn.mce-menubtn button { color:var(--osa-charcoal,#444C56) !important; font-family:'Plus Jakarta Sans',sans-serif !important; font-weight:600 !important; font-size:13px !important; padding:5px 9px !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-toolbar .mce-btn.mce-menubtn .mce-caret { border-top-color:var(--osa-steel,#A6AFBC) !important; }

/* osta — field icons as crisp inline SVG (background-image), not chunky masks */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-title .wpf-label::before { -webkit-mask:none !important; mask:none !important; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QTYyNzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxLjE3NCA2LjgxMmExIDEgMCAwIDAtMy45ODYtMy45ODdMMy44NDIgMTYuMTc0YTIgMiAwIDAgMC0uNS44M2wtMS4zMjEgNC4zNTJhLjUuNSAwIDAgMCAuNjIzLjYyMmw0LjM1My0xLjMyYTIgMiAwIDAgMCAuODMtLjQ5N3oiIC8+PHBhdGggZD0ibTE1IDUgNCA0IiAvPjwvc3ZnPg==") center/contain no-repeat !important; width:19px !important; height:19px !important; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags-label i { -webkit-mask:none !important; mask:none !important; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QTYyNzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTEyLjU4NiAyLjU4NkEyIDIgMCAwIDAgMTEuMTcyIDJINGEyIDIgMCAwIDAtMiAydjcuMTcyYTIgMiAwIDAgMCAuNTg2IDEuNDE0bDguNzA0IDguNzA0YTIuNDI2IDIuNDI2IDAgMCAwIDMuNDIgMGw2LjU4LTYuNThhMi40MjYgMi40MjYgMCAwIDAgMC0zLjQyeiIgLz48Y2lyY2xlIGN4PSI3LjUiIGN5PSI3LjUiIHI9Ii41IiBmaWxsPSIjNUE2MjcwIiAvPjwvc3ZnPg==") center/contain no-repeat !important; width:19px !important; height:19px !important; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment::before { -webkit-mask:none !important; mask:none !important; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QTYyNzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE2IDYtOC40MTQgOC41ODZhMiAyIDAgMCAwIDIuODI5IDIuODI5bDguNDE0LTguNTg2YTQgNCAwIDEgMC01LjY1Ny01LjY1N2wtOC4zNzkgOC41NTFhNiA2IDAgMSAwIDguNDg1IDguNDg1bDguMzc5LTguNTUxIiAvPjwvc3ZnPg==") center/contain no-repeat !important; width:19px !important; height:19px !important; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-sbs label::before { -webkit-mask:none !important; mask:none !important; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QTYyNzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTEwLjI2OCAyMWEyIDIgMCAwIDAgMy40NjQgMCIgLz48cGF0aCBkPSJNMy4yNjIgMTUuMzI2QTEgMSAwIDAgMCA0IDE3aDE2YTEgMSAwIDAgMCAuNzQtMS42NzNDMTkuNDEgMTMuOTU2IDE4IDEyLjQ5OSAxOCA4QTYgNiAwIDAgMCA2IDhjMCA0LjQ5OS0xLjQxMSA1Ljk1Ni0yLjczOCA3LjMyNiIgLz48L3N2Zz4=") center/contain no-repeat !important; width:19px !important; height:19px !important; }

/* osta — fix 3 wpForo-custom toolbar buttons: real .mce-i classes + CD glyphs */
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-code::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-code { background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE4IDE2IDQtNC00LTQiIC8+PHBhdGggZD0ibTYgOC00IDQgNCA0IiAvPjxwYXRoIGQ9Im0xNC41IDQtNSAxNiIgLz48L3N2Zz4=") center/19px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE4IDE2IDQtNC00LTQiIC8+PHBhdGggZD0ibTYgOC00IDQgNCA0IiAvPjxwYXRoIGQ9Im0xNC41IDQtNSAxNiIgLz48L3N2Zz4=") center/19px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-codesample::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-codesample { background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTggM0g3YTIgMiAwIDAgMC0yIDJ2NWEyIDIgMCAwIDEtMiAyIDIgMiAwIDAgMSAyIDJ2NWMwIDEuMS45IDIgMiAyaDEiIC8+PHBhdGggZD0iTTE2IDIxaDFhMiAyIDAgMCAwIDItMnYtNWMwLTEuMS45LTIgMi0yYTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDAtMi0yaC0xIiAvPjwvc3ZnPg==") center/19px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTggM0g3YTIgMiAwIDAgMC0yIDJ2NWEyIDIgMCAwIDEtMiAyIDIgMiAwIDAgMSAyIDJ2NWMwIDEuMS45IDIgMiAyaDEiIC8+PHBhdGggZD0iTTE2IDIxaDFhMiAyIDAgMCAwIDItMnYtNWMwLTEuMS45LTIgMi0yYTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDAtMi0yaC0xIiAvPjwvc3ZnPg==") center/19px no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-pluscircle::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-i-pluscircle { background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIC8+PHBhdGggZD0iTTggMTJoOCIgLz48cGF0aCBkPSJNMTIgOHY4IiAvPjwvc3ZnPg==") center/19px no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIC8+PHBhdGggZD0iTTggMTJoOCIgLz48cGF0aCBkPSJNMTIgOHY4IiAvPjwvc3ZnPg==") center/19px no-repeat !important; }

/* osta — kill wpForo's native title pen (fa-pen-alt); the crisp Lucide pencil on the label is the only icon */

/* osta — direct icon targeting + font-size chevron */
#wpforo #wpforo-wrap .wpf-topic-create i.fa-pen-alt::before { content:"" !important; }
#wpforo #wpforo-wrap .wpf-topic-create i.fa-pen-alt { display:inline-block !important; width:21px !important; height:21px !important; vertical-align:-3px; font-size:0 !important; -webkit-mask:none !important; mask:none !important; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QTYyNzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIxLjE3NCA2LjgxMmExIDEgMCAwIDAtMy45ODYtMy45ODdMMy44NDIgMTYuMTc0YTIgMiAwIDAgMC0uNS44M2wtMS4zMjEgNC4zNTJhLjUuNSAwIDAgMCAuNjIzLjYyMmw0LjM1My0xLjMyYTIgMiAwIDAgMCAuODMtLjQ5N3oiIC8+PHBhdGggZD0ibTE1IDUgNCA0IiAvPjwvc3ZnPg==") center/contain no-repeat !important; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment::before { display:none !important; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-default-attachment input#wpf_file::file-selector-button { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDRDNTYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE2IDYtOC40MTQgOC41ODZhMiAyIDAgMCAwIDIuODI5IDIuODI5bDguNDE0LTguNTg2YTQgNCAwIDEgMC01LjY1Ny01LjY1N2wtOC4zNzkgOC41NTFhNiA2IDAgMSAwIDguNDg1IDguNDg1bDguMzc5LTguNTUxIiAvPjwvc3ZnPg==") !important; background-repeat:no-repeat !important; background-position:14px center !important; background-size:16px 16px !important; padding-left:40px !important; }
/* font-size dropdown chevron on the right of "11pt" */
#wpforo #wpforo-wrap .wpf-topic-create .mce-toolbar .mce-btn.mce-menubtn .mce-caret { display:none !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-toolbar .mce-btn.mce-menubtn button { position:relative !important; padding-right:20px !important; }
#wpforo #wpforo-wrap .wpf-topic-create .mce-toolbar .mce-btn.mce-menubtn button::after { content:"" !important; position:absolute !important; right:-18px !important; top:50% !important; transform:translateY(-50%) !important; width:13px !important; height:13px !important; background-color:var(--osa-charcoal-mid,#5A6270) !important; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTYgOSA2IDYgNi02IiAvPjwvc3ZnPg==") center/contain no-repeat !important; mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTYgOSA2IDYgNi02IiAvPjwvc3ZnPg==") center/contain no-repeat !important; }

/* osta — subscribe row, label sizing, custom checkbox (mockup .tf-box) */
#wpforo #wpforo-wrap .wpf-topic-sbs { padding: 32px 26px; }
/* scoped to the add-topic form so it doesn't restyle every label across the forum */
#wpforo #wpforo-wrap .wpf-topic-create label { display: inline; font-weight: normal; cursor: pointer; font-size: 17px; }
/* checkbox rebuilt as the mockup's box: 20px, slate border -> blue fill + white check when checked */
#wpforo #wpforo-wrap .wpf-topic-create input[name="wpforo_topic_subs"] {
  -webkit-appearance: none; appearance: none; width: 20px; height: 20px; margin: 0 8px 0 0;
  border: 1.5px solid var(--osa-slate,#C7D2DC); border-radius: 6px; background: #fff;
  cursor: pointer; vertical-align: -5px; position: relative; flex-shrink: 0;
}
#wpforo #wpforo-wrap .wpf-topic-create input[name="wpforo_topic_subs"]:checked {
  background: var(--osa-blue,#419AD2); border-color: var(--osa-blue,#419AD2);
}
#wpforo #wpforo-wrap .wpf-topic-create input[name="wpforo_topic_subs"]:checked::after {
  content: ""; position: absolute; left: 6px; top: 2px; width: 5px; height: 9px;
  border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}

/* osta — "Add Your Topic" heading injected at top of the form */
#wpforo #wpforo-wrap .wpf-topic-create .osa-form-title {
  font-family: 'Plus Jakarta Sans', var(--osa-font-heading), sans-serif; font-size: 24px; font-weight: 800;
  letter-spacing: -0.02em; color: var(--osa-charcoal,#444C56); margin: 0; padding: 0 26px;
}

/* osta — revisions meta hugs the left of the footer row, button stays right */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-buttons-wrap { align-items: center; }
#wpforo #wpforo-wrap .wpf-topic-create .wpf-buttons-wrap .wpforo-revisions-wrap { margin-right: auto; }

/* osta — revisions action buttons (footer meta), scoped to the add-topic form */
#wpforo #wpforo-wrap .wpf-topic-create .wpforo-revisions-action-buttons { padding: 0; font-size: 15px; }

/* osta — revision action buttons + bullet separators (scoped to add-topic form) */
#wpforo #wpforo-wrap .wpf-topic-create .wpforo-revision-action-button { cursor: pointer; padding: 5px 0 5px 0px; opacity: 0.85; display: inline-block; }
#wpforo #wpforo-wrap .wpf-topic-create span.wpforo-revision-action-button.wpforo_revisions_history:before,
#wpforo #wpforo-wrap .wpf-topic-create span.wpforo-revision-action-button.wpforo_revisions_history:after { content: '\2022'; margin: 0 15px; }

/* osta — submit button: send icon + inset shadow (pasted) */
#wpforo #wpforo-wrap .wpf-topic-create .wpf-buttons-wrap input.wpf-button[type=submit] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE0LjUzNiAyMS42ODZhLjUuNSAwIDAgMCAuOTM3LS4wMjRsNi41LTE5YS40OTYuNDk2IDAgMCAwLS42MzUtLjYzNWwtMTkgNi41YS41LjUgMCAwIDAtLjAyNC45MzdsNy45MyAzLjE4YTIgMiAwIDAgMSAxLjExMiAxLjExeiIgLz48cGF0aCBkPSJtMjEuODU0IDIuMTQ3LTEwLjk0IDEwLjkzOSIgLz48L3N2Zz4=") !important;
    background-repeat: no-repeat !important;
    background-position: 22px center !important;
    background-size: 16px 16px !important;
    padding-left: 46px !important;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.04), inset 0 -2px 0 #b55740 !important;
}
/* same send icon on the sidebar Add Topic button (replaces the fa-plus) */
#wpforo #wpforo-wrap .osa-sidebar-addtopic i::before { content:"" !important; }
#wpforo #wpforo-wrap .osa-sidebar-addtopic i { display:inline-block !important; width:16px !important; height:16px !important; vertical-align:-2px; font-size:0 !important; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE0LjUzNiAyMS42ODZhLjUuNSAwIDAgMCAuOTM3LS4wMjRsNi41LTE5YS40OTYuNDk2IDAgMCAwLS42MzUtLjYzNWwtMTkgNi41YS41LjUgMCAwIDAtLjAyNC45MzdsNy45MyAzLjE4YTIgMiAwIDAgMSAxLjExMiAxLjExeiIgLz48cGF0aCBkPSJtMjEuODU0IDIuMTQ3LTEwLjk0IDEwLjkzOSIgLz48L3N2Zz4=") center/contain no-repeat !important; }

/* ============================================================
   osta — Forum Picker (Claude Design "Forum Picker.html" V1)
   Replaces the native Select Forum dropdown with the Step-1
   reveal strip + selectable forum chips. Native <select> is
   hidden but kept live (chips drive it). Scoped to the chrome.
   ============================================================ */
/* hide the native select + its label/dashed wrapper once the picker is built */
#wpforo #wpforo-wrap .wpf-topic-forum-field.osa-picker-active { padding: 0 !important; text-align: left !important; margin: 0 0 6px !important; }
#wpforo #wpforo-wrap .wpf-topic-forum-field.osa-picker-active .wpf-choose-forum,
#wpforo #wpforo-wrap .wpf-topic-forum-field.osa-picker-active .wpf-topic-forum-wrap { display: none !important; }

#wpforo #wpforo-wrap .v1-strip { position: relative; border: 1px solid #CFE6F5; border-radius: 16px; padding: 44px 52px 34px; overflow: hidden; background: var(--osa-alice-blue,#E8F5FC); }
#wpforo #wpforo-wrap .v1-strip::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--osa-blue,#419AD2); }
#wpforo #wpforo-wrap .v1-strip.v1-pulse { animation: osa-v1pulse 1.6s ease-out 1; }
@keyframes osa-v1pulse { 0% { box-shadow: 0 0 0 0 rgba(65,154,210,0.40);} 100% { box-shadow: 0 0 0 22px rgba(65,154,210,0);} }
#wpforo #wpforo-wrap .v1-head { display: flex; align-items: center; gap: 12px; margin-bottom: 34px; flex-wrap: wrap; }
.osa-forum-chrome .v1-strip .osa-v1-desc {
    margin: 40px 0 0 0 !important;
    font-size: 13px !important;
    color: #5b6470 !important;
    line-height: 1.5;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 600;
    color: var(--osa-green-dark) !important;
}

#wpforo #wpforo-wrap .v1-step { font-family:'Plus Jakarta Sans',sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; background: var(--osa-blue,#419AD2); padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
#wpforo #wpforo-wrap .v1-title { font-family:'Plus Jakarta Sans',sans-serif; font-size: 19px; font-weight: 700; letter-spacing: -0.01em; color: var(--osa-charcoal,#444C56); margin: 0; }
#wpforo #wpforo-wrap .v1-chips { display: flex; flex-wrap: wrap; gap: 10px; }
#wpforo #wpforo-wrap .v1-chip { display: inline-flex; align-items: center; gap: 10px; background: #fff; border: 1.5px solid #CFE6F5; border-radius: 999px; padding: 8px 16px 8px 8px; cursor: pointer; font-family:'Plus Jakarta Sans',sans-serif; font-size: 14px; font-weight: 600; color: var(--osa-charcoal,#444C56); transition: all 0.14s ease; }
#wpforo #wpforo-wrap .v1-chip:hover { border-color: var(--osa-blue,#419AD2); transform: translateY(-1px); }
#wpforo #wpforo-wrap .v1-chip.is-active { background:#fff; border-color: var(--osa-blue,#419AD2); box-shadow: 0 0 0 1px var(--osa-blue,#419AD2), 0 8px 18px -10px rgba(65,154,210,0.5); }
#wpforo #wpforo-wrap .v1-chip.is-active::after { content:""; width:16px; height:16px; border-radius:50%; background: var(--osa-blue,#419AD2); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat; }
/* tinted icon squares */
#wpforo #wpforo-wrap .v1-chip .cat-icon { width: 30px; height: 30px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
#wpforo #wpforo-wrap .v1-chip .cat-icon i { display:block; width:16px; height:16px; background-color: currentColor; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; }
#wpforo #wpforo-wrap .cat-icon.tint-blue { background: var(--osa-blue-light,#F4F8FB); color: var(--osa-blue,#419AD2); }
#wpforo #wpforo-wrap .cat-icon.tint-charcoal { background:#EEF0F3; color: var(--osa-charcoal,#444C56); }
#wpforo #wpforo-wrap .cat-icon.tint-orange { background:#FFF7F5; color: var(--osa-orange-dark,#D94E38); }
#wpforo #wpforo-wrap .cat-icon.tint-green { background: var(--osa-green-light,#EAF3DE); color: var(--osa-green-dark,#6E9A38); }
#wpforo #wpforo-wrap .cat-icon.tint-bluedark { background:#E4F0F8; color: var(--osa-blue-dark,#2F7DB8); }
#wpforo #wpforo-wrap .cat-icon.tint-ink { background:#E7E9EC; color: var(--osa-charcoal,#444C56); }
#wpforo #wpforo-wrap .cat-icon.tint-violet { background:#F3EFFA; color: var(--osa-violet,#7E57C2); }
#wpforo #wpforo-wrap .v1-chip .cat-icon i.osa-ic-server { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjgiIHg9IjIiIHk9IjIiIHJ4PSIyIiByeT0iMiIgLz48cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iOCIgeD0iMiIgeT0iMTQiIHJ4PSIyIiByeT0iMiIgLz48bGluZSB4MT0iNiIgeDI9IjYuMDEiIHkxPSI2IiB5Mj0iNiIgLz48bGluZSB4MT0iNiIgeDI9IjYuMDEiIHkxPSIxOCIgeTI9IjE4IiAvPjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjgiIHg9IjIiIHk9IjIiIHJ4PSIyIiByeT0iMiIgLz48cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iOCIgeD0iMiIgeT0iMTQiIHJ4PSIyIiByeT0iMiIgLz48bGluZSB4MT0iNiIgeDI9IjYuMDEiIHkxPSI2IiB5Mj0iNiIgLz48bGluZSB4MT0iNiIgeDI9IjYuMDEiIHkxPSIxOCIgeTI9IjE4IiAvPjwvc3ZnPg=="); }
#wpforo #wpforo-wrap .v1-chip .cat-icon i.osa-ic-users { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE2IDIxdi0yYTQgNCAwIDAgMC00LTRINmE0IDQgMCAwIDAtNCA0djIiIC8+PHBhdGggZD0iTTE2IDMuMTI4YTQgNCAwIDAgMSAwIDcuNzQ0IiAvPjxwYXRoIGQ9Ik0yMiAyMXYtMmE0IDQgMCAwIDAtMy0zLjg3IiAvPjxjaXJjbGUgY3g9IjkiIGN5PSI3IiByPSI0IiAvPjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE2IDIxdi0yYTQgNCAwIDAgMC00LTRINmE0IDQgMCAwIDAtNCA0djIiIC8+PHBhdGggZD0iTTE2IDMuMTI4YTQgNCAwIDAgMSAwIDcuNzQ0IiAvPjxwYXRoIGQ9Ik0yMiAyMXYtMmE0IDQgMCAwIDAtMy0zLjg3IiAvPjxjaXJjbGUgY3g9IjkiIGN5PSI3IiByPSI0IiAvPjwvc3ZnPg=="); }
#wpforo #wpforo-wrap .v1-chip .cat-icon i.osa-ic-alert { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTIxLjczIDE4LTgtMTRhMiAyIDAgMCAwLTMuNDggMGwtOCAxNEEyIDIgMCAwIDAgNCAyMWgxNmEyIDIgMCAwIDAgMS43My0zIiAvPjxwYXRoIGQ9Ik0xMiA5djQiIC8+PHBhdGggZD0iTTEyIDE3aC4wMSIgLz48L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTIxLjczIDE4LTgtMTRhMiAyIDAgMCAwLTMuNDggMGwtOCAxNEEyIDIgMCAwIDAgNCAyMWgxNmEyIDIgMCAwIDAgMS43My0zIiAvPjxwYXRoIGQ9Ik0xMiA5djQiIC8+PHBhdGggZD0iTTEyIDE3aC4wMSIgLz48L3N2Zz4="); }
#wpforo #wpforo-wrap .v1-chip .cat-icon i.osa-ic-zap { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTQgMTRhMSAxIDAgMCAxLS43OC0xLjYzbDkuOS0xMC4yYS41LjUgMCAwIDEgLjg2LjQ2bC0xLjkyIDYuMDJBMSAxIDAgMCAwIDEzIDEwaDdhMSAxIDAgMCAxIC43OCAxLjYzbC05LjkgMTAuMmEuNS41IDAgMCAxLS44Ni0uNDZsMS45Mi02LjAyQTEgMSAwIDAgMCAxMSAxNHoiIC8+PC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTQgMTRhMSAxIDAgMCAxLS43OC0xLjYzbDkuOS0xMC4yYS41LjUgMCAwIDEgLjg2LjQ2bC0xLjkyIDYuMDJBMSAxIDAgMCAwIDEzIDEwaDdhMSAxIDAgMCAxIC43OCAxLjYzbC05LjkgMTAuMmEuNS41IDAgMCAxLS44Ni0uNDZsMS45Mi02LjAyQTEgMSAwIDAgMCAxMSAxNHoiIC8+PC9zdmc+"); }
#wpforo #wpforo-wrap .v1-chip .cat-icon i.osa-ic-code { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE4IDE2IDQtNC00LTQiIC8+PHBhdGggZD0ibTYgOC00IDQgNCA0IiAvPjxwYXRoIGQ9Im0xNC41IDQtNSAxNiIgLz48L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0ibTE4IDE2IDQtNC00LTQiIC8+PHBhdGggZD0ibTYgOC00IDQgNCA0IiAvPjxwYXRoIGQ9Im0xNC41IDQtNSAxNiIgLz48L3N2Zz4="); }
#wpforo #wpforo-wrap .v1-chip .cat-icon i.osa-ic-moon { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIwLjk4NSAxMi40ODZhOSA5IDAgMSAxLTkuNDczLTkuNDcyYy40MDUtLjAyMi42MTcuNDYuNDAyLjgwM2E2IDYgMCAwIDAgOC4yNjggOC4yNjhjLjM0NC0uMjE1LjgyNS0uMDA0LjgwMy40MDEiIC8+PC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTIwLjk4NSAxMi40ODZhOSA5IDAgMSAxLTkuNDczLTkuNDcyYy40MDUtLjAyMi42MTcuNDYuNDAyLjgwM2E2IDYgMCAwIDAgOC4yNjggOC4yNjhjLjM0NC0uMjE1LjgyNS0uMDA0LjgwMy40MDEiIC8+PC9zdmc+"); }

#wpforo #wpforo-wrap .v1-chip .cat-icon i.osa-ic-card { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE2IDEwaDIiIC8+PHBhdGggZD0iTTE2IDE0aDIiIC8+PHBhdGggZD0iTTYuMTcgMTVhMyAzIDAgMCAxIDUuNjYgMCIgLz48Y2lyY2xlIGN4PSI5IiBjeT0iMTEiIHI9IjIiIC8+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjE0IiB4PSIyIiB5PSI1IiByeD0iMiIgLz48L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiA+PHBhdGggZD0iTTE2IDEwaDIiIC8+PHBhdGggZD0iTTE2IDE0aDIiIC8+PHBhdGggZD0iTTYuMTcgMTVhMyAzIDAgMCAxIDUuNjYgMCIgLz48Y2lyY2xlIGN4PSI5IiBjeT0iMTEiIHI9IjIiIC8+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjE0IiB4PSIyIiB5PSI1IiByeD0iMiIgLz48L3N2Zz4="); }