/**
 * About page sections (Figma Company • Desktop, 32:762).
 *
 * The full-bleed About rows now live as ACF blocks with their own sheets.
 * What remains here is the page shell and the WooCommerce cart/checkout
 * overrides that hitch a ride on this stylesheet.
 *
 * @package Atsko
 */

/* —— Page shell (full-bleed patterns) —— */
.page-main__content > *:not(.alignfull) {
  max-width: var(--atsko-container, 84rem);
  margin-inline: auto;
  padding-inline: max(2rem, calc((100% - var(--atsko-container)) / 2));
  box-sizing: border-box;
}

/* Override for cart and checkout page */
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .wp-block-woocommerce-checkout {
  padding-top: 24px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.page-main__content > * {
  margin-block: 0;
}

.page-main__content > .alignfull {
  max-width: none;
  width: 100%;
}

/*
 * Prose pages (Accessibility, Privacy, Terms, etc.).
 * Designed full-bleed blocks keep margin-block: 0 above; restore rhythm
 * only for ordinary headings, paragraphs, and lists.
 */
.page-main__content:not(:has(> .alignfull)) {
  padding-block: 2.5rem 3.5rem;
}

.page-main__content
  > :is(
    p,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    ol,
    blockquote,
    figure,
    table,
    hr,
    pre,
    .wp-block-heading,
    .wp-block-list,
    .wp-block-quote,
    .wp-block-table,
    .wp-block-image
  ) {
  margin-block: 0 1.25em;
}

.page-main__content > :is(h2, h3, h4, h5, h6, .wp-block-heading) {
  margin-block: 1.75em 0.65em;
  font-weight: 700;
  line-height: 1.25;
  color: var(--atsko-charcoal);
}

.page-main__content > h2,
.page-main__content > h2.wp-block-heading {
  font-size: 1.625rem;
}

.page-main__content > h3,
.page-main__content > h3.wp-block-heading {
  font-size: 1.375rem;
}

.page-main__content > h4,
.page-main__content > h4.wp-block-heading {
  font-size: 1.125rem;
}

.page-main__content
  > :is(
    p,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    ol,
    blockquote,
    .wp-block-heading,
    .wp-block-list
  ):first-child {
  margin-top: 0;
}

.page-main__content > ul,
.page-main__content > ol,
.page-main__content > .wp-block-list {
  padding-left: 1.5rem;
  list-style: revert;
}

.page-main__content > ul ul,
.page-main__content > ol ol,
.page-main__content > ul ol,
.page-main__content > ol ul {
  margin: 0.35em 0;
  padding-left: 1.5rem;
  list-style: revert;
}

.page-main__content > ul li + li,
.page-main__content > ol li + li,
.page-main__content > .wp-block-list li + li {
  margin-top: 0.35em;
}

.page-main__content > p a,
.page-main__content > ul a,
.page-main__content > ol a,
.page-main__content > li a {
  color: var(--atsko-blue);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.page-main__content > p a:hover,
.page-main__content > ul a:hover,
.page-main__content > ol a:hover {
  color: var(--atsko-blue-highlight);
}

.page-main__content > blockquote,
.page-main__content > .wp-block-quote {
  padding: 0.25em 0 0.25em 1em;
  border-left: 3px solid var(--atsko-blue-highlight);
}