/* Artixen Academy 0.4.1 - typography refresh, desktop and mobile.
   The visual layout and Academy brand color palette remain unchanged. */
:root { --aa-font: "Inter", Arial, Helvetica, sans-serif; }
html { -webkit-text-size-adjust: 100%; }
body { font-family: var(--aa-font); font-size: 16px; line-height: 1.65; }
button, input, select, textarea, .woocommerce input, .woocommerce select,
.woocommerce textarea, .woocommerce button { font-family: var(--aa-font); }

/* Navigation and hero */
.nav, .nav-links { font-size: 14px; font-weight: 600; }
.hero h1 {
  font-family: var(--aa-font);
  font-weight: 700;
  letter-spacing: -0.038em;
  line-height: 1.12;
}
.hero p { font-size: 17px; line-height: 1.75; }
.eyebrow, .b2b-kicker, .about-card .card-caption {
  font-weight: 700;
  letter-spacing: 0.13em;
}
.btn, .text-link { font-size: 14px; font-weight: 700; }
.trust-item { font-size: 12px; font-weight: 600; }

/* Section headers and category tiles */
.section h2, .about h2, .b2b h2 { font-weight: 700; letter-spacing: -0.032em; }
.section-header p { font-size: 15px; line-height: 1.65; }
.category h3 { font-size: 17px; font-weight: 700; }
.category p { font-size: 14px; line-height: 1.6; }
.category-more { font-size: 12px; font-weight: 700; }

/* Course catalogue */
.course h3 { font-weight: 700; }
.course-desc { font-size: 14px; line-height: 1.62; }
.course-cat { font-size: 11px; font-weight: 700; }
.course-meta { font-size: 12px; }
.course-cta { font-size: 13px; font-weight: 700; }
.price-label { font-size: 12px; }

/* B2B and about */
.b2b p, .about p { font-size: 15px; line-height: 1.75; }
.b2b-benefits span { font-size: 13px; font-weight: 600; }
.b2b-side strong { font-weight: 700; }
.about-benefit { font-size: 12px; font-weight: 700; }

/* Footer */
.footer-intro, .footer-brand-link, .footer-links a, .footer-links span { font-size: 13px; }
.footer-heading { font-size: 14px; font-weight: 700; }
.footer-bottom { font-size: 12px; }

/* Real WooCommerce: keep labels, checkout inputs and validation legible. */
.woocommerce label, .woocommerce input, .woocommerce select,
.woocommerce textarea, .woocommerce .button, .woocommerce button.button {
  font-family: var(--aa-font);
}

@media (max-width: 1120px) {
  .nav, .nav-links { font-size: 13px; }
}
@media (max-width: 600px) {
  body { font-size: 15px; }
  .hero h1 { font-size: 39px; letter-spacing: -0.04em; }
  .hero p { font-size: 15px; }
  .section h2, .about h2 { letter-spacing: -0.025em; }
  .category h3 { font-size: 16px; }
  .category p { font-size: 13px; }
  .category-more { font-size: 12px; }
  .footer-intro, .footer-brand-link, .footer-links a,
  .footer-links span { font-size: 13px; }
}