/* All theme: content-design, accessibility and mobile additions (website-quality pass, Oct 2026).
   Loads after site.css, storefront.css, commerce.css and product-media.css; legibility.css (generated) loads last. */

/* ---- Hero without the collection board ---- */
.hero-ap.hero-simple{padding-bottom:70px;overflow:hidden}
.hero-ap.hero-simple .hero-copy{max-width:760px}
.hero-ap.hero-simple .hero-proof{flex-wrap:wrap;row-gap:10px}
.hero-ap.hero-simple [data-coming-soon-notice]{margin:26px auto 0;max-width:560px}
@media(max-width:800px){.hero-ap.hero-simple{padding-bottom:46px}.hero-ap.hero-simple .orbit{display:none}}

/* ---- Platform badges: the WooCommerce label reads inline ("WooCommerce · coming soon") ---- */
.ap-site .woo-brand .woo-name{position:static;font-size:12px;color:#4f5a52;letter-spacing:0;text-align:left;white-space:nowrap}
.ap-site .product-hero .woo-name{font-size:12px}
.ap-site .compact .woo-name{position:static;width:auto;height:auto;margin:0 0 0 4px;clip:auto;overflow:visible;font-size:12px;color:#6b5f3a}
.ap-site .compact.platform-availability{flex-wrap:wrap;row-gap:4px}
.ap-site .hero-ap .pricing-notice,.ap-site .page-hero .pricing-notice{border-color:#dce8da;background:#f2f7ed;color:#3f5a46;max-width:620px;margin:22px auto 0}
.ap-site .hero-ap .pricing-notice a,.ap-site .page-hero .pricing-notice a{color:var(--green)}
.ap-site .footer-grid .footer-heading{letter-spacing:0!important;line-height:1.4!important}

/* ---- Catalogue grouped by category (home tiles and the plugins page cards) ---- */
.category-groups{display:grid;gap:40px}
.category-group{min-width:0}
.category-group[hidden]{display:none}
.category-heading{display:flex;align-items:baseline;gap:14px 20px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.category-heading h3{font-size:22px!important;letter-spacing:-.5px;margin:0}
.category-heading p{flex:1 1 260px;font-size:13px;color:#5b655d;margin:0;line-height:1.7}
.category-heading .category-count{font-size:12px;color:#5b655d;white-space:nowrap}
.category-heading .category-toggle{display:inline-flex;align-items:center;gap:12px;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;min-height:44px}
.category-heading .category-toggle:after{content:'';width:9px;height:9px;border-right:1.6px solid var(--green);border-bottom:1.6px solid var(--green);transform:rotate(-135deg);flex:none;margin:4px 0 0 2px;transition:transform .2s}
.category-heading .category-toggle[aria-expanded=false]:after{transform:rotate(45deg);margin-top:-4px}
.category-group[data-collapsed] .collection-grid,.category-group[data-collapsed] .product-grid{display:none}
ul.collection-grid{list-style:none;margin:0;padding:0}
ul.collection-grid>li{min-width:0;display:flex}
ul.collection-grid .collection-plugin{flex:1;color:inherit;min-height:84px}
.collection-plugin strong .chip{margin-left:8px;vertical-align:middle;font-size:12px;padding:2px 7px}
.collection-plugin small{white-space:normal}
.product-groups .category-group+.category-group{margin-top:8px}
.card-title-row h4{font-size:21px!important;line-height:1.3!important;margin:0;letter-spacing:-.5px}
.card-title-row h4 a{color:inherit}
.card-title-row h4 a:hover{color:var(--green)}
.filter-count{margin-left:auto}
@media(max-width:760px){
  .category-groups{gap:14px}
  .category-heading{border:1px solid var(--line);border-radius:10px;padding:0;margin-bottom:0;display:block}
  .category-heading h3{font-size:17px!important;margin:0}
  .category-heading .category-toggle{display:flex;width:100%;justify-content:space-between;padding:14px 16px;min-height:56px;border-radius:10px}
  .category-heading p{padding:0 16px 14px;font-size:13px}
  .category-heading .category-count{display:block;padding:0 16px 14px;margin-top:-8px}
  .category-group[data-collapsed] .category-heading p,.category-group[data-collapsed] .category-heading .category-count,.category-group[data-collapsed] .collection-grid,.category-group[data-collapsed] .product-grid{display:none}
  .category-group:not([data-collapsed]) .category-heading{margin-bottom:14px}
  .filter-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:thin;gap:6px}
  .filter-bar .filter-button{white-space:nowrap;flex:none;min-height:44px;padding:10px 14px}
  .filter-count{flex:none;margin-left:6px;white-space:nowrap}
}

/* ---- Product page: overview, included products, workflow list, requirements ---- */
.ap-site .product-cover .cover-name{margin:14px 0 6px}
.ap-site .product-cover .cover-name .all-service-wordmark{height:34px;max-width:100%}
.product-hero .product-name{font-size:15px}
.product-hero .hero-product-copy>p{font-size:16px;line-height:1.75;color:#3f4a42;max-width:560px}
.product-overview{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:58px 0 65px;border-bottom:1px solid var(--line)}
.product-overview h2{font-size:28px!important}
.product-overview .requirements{margin-top:18px}
@media(max-width:800px){.product-overview{grid-template-columns:1fr;gap:35px;padding-block:40px}}
.product-overview>div>p{font-size:14px;line-height:1.85;color:#3f4a42;max-width:520px;margin-top:16px}
.release-notice.released{background:#eef7ef;border-color:#cfe4d2;color:#2f5a3c}
.release-notice.released strong{color:#1f4a2b}
.included-products .section-heading{max-width:700px}
.included-grid{margin-top:8px}
.support-grid{margin-top:48px}
.support-grid .support-card h3{margin-top:14px}
.feature-item .feature-index{display:block}
ol.workflow-grid{list-style:none;margin:0;padding:0;counter-reset:none}
.workflow-step .step-number{display:block;font-size:37px;font-weight:400;color:#8fb49a;letter-spacing:-2px;margin-bottom:19px;line-height:1}
@media(max-width:800px){.workflow-step .step-number{grid-row:span 2;font-size:31px;margin:0}}
.edition-requirements h3{font-size:18px!important;margin:0 0 12px}
.edition-requirements h3+h3,.edition-requirements .requirements+h3,.edition-requirements .first-use+h3{margin-top:28px}
.edition-requirements>p{margin-top:0}
.first-use{margin:14px 0 0;padding-left:22px;font-size:13px;line-height:1.8;color:#3f4a42;display:grid;gap:8px}
.compatibility h2+p{color:#4f5a52}
.product-meta-strip span{font-size:12px}

/* ---- Home: pricing summary, honesty section, calls to action ---- */
.licence-small{margin-top:24px;text-align:center;font-size:13px;color:#4f5a52;line-height:1.8}
.licence-small .text-link{margin-left:6px}
.honesty-ap{background:#fbfcf9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.honesty-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto}
.honesty-item{border:1px solid var(--line);border-radius:12px;background:#fff;padding:26px 24px}
.honesty-item .honesty-figure{display:block;font-size:40px;font-weight:600;letter-spacing:-2px;color:var(--green);line-height:1;margin-bottom:14px}
.honesty-item h3{font-size:17px!important;margin:0 0 10px}
.honesty-item p{font-size:13px;line-height:1.8;color:#4f5a52;margin:0}
@media(max-width:1050px){.honesty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.honesty-grid{grid-template-columns:1fr;gap:12px}.honesty-item{padding:20px}}
.cta-ap .actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;flex:none}
.cta-ap .actions .button-ap.light{border-color:#eadfd4}
@media(max-width:800px){.cta-ap{flex-direction:column;align-items:start}.cta-ap .actions{width:100%}}

/* ---- Footer navigation landmarks ---- */
.footer-grid .footer-heading{font-size:13px!important;font-weight:500;margin:13px 0 22px;letter-spacing:0}
.footer-grid nav{min-width:0}

/* ---- Accessibility: focus, targets, motion, contrast helpers ---- */
.ap-site :focus-visible{outline:3px solid #b8741a;outline-offset:3px}
.ap-site .skip-link{position:absolute;left:16px;top:-80px;z-index:200;background:#fff;color:var(--ink);border:2px solid var(--green);border-radius:8px;padding:12px 16px;font-weight:500}
.ap-site .skip-link:focus{top:12px;outline:3px solid #b8741a;outline-offset:3px}
.ap-site .filter-button,.ap-site .gallery-platform-toggle button,.ap-site .platform-toggle button,.ap-site .menu-button{min-height:44px}
.ap-site .menu-button{padding:10px 14px;font-size:14px}
.ap-site .nav-links a,.ap-site .nav-links summary{min-height:44px;display:inline-flex;align-items:center}
.ap-site .footer-links a,.ap-site .footer-policy-row a{display:inline-flex;align-items:center;min-height:36px}
.ap-site .faq-list summary{min-height:48px;cursor:pointer}
.ap-site .text-link{min-height:32px}
@media(max-width:760px){
  .ap-site .text-link,.ap-site .card-bottom .text-link{min-height:44px;padding:4px 0}
  .ap-site .nav-links a{min-height:48px}
  .ap-site .gallery-thumb{min-height:44px}
  .ap-site .breadcrumb a{display:inline-flex;align-items:center;min-height:40px}
  .ap-site .collection-plugin{min-height:72px}
}
.ap-site .button-ap.is-coming-soon{cursor:default}
.ap-site [aria-current=page]{color:var(--green)}
.ap-site .section-heading h2 span,.ap-site .faq-intro h2 span{display:inline}
@media(prefers-reduced-motion:reduce){
  .ap-site *,.ap-site *:before,.ap-site *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .ap-site .button-ap:hover,.ap-site .collection-plugin:hover,.ap-site .product-card:hover{transform:none}
}
@media(forced-colors:active){.ap-site .button-ap,.ap-site .filter-button,.ap-site .chip{border:1px solid ButtonText}}

/* ---- Mobile width and type ---- */
@media(max-width:600px){
  html,body{overflow-x:hidden}
  .ap-site .collection-grid{grid-template-columns:1fr;gap:8px}
  .ap-site .collection-plugin{min-height:64px;padding:12px 12px}
  .ap-site .collection-plugin strong .chip{display:inline-block;margin:4px 0 0 0}
  .ap-site .platform-availability{flex-wrap:wrap;justify-content:center;row-gap:8px}
  .ap-site .container-ap{width:calc(100% - 32px)}
  .ap-site .page-hero h1,.ap-site .product-hero h1{font-size:34px!important;letter-spacing:-1.4px!important}
  .ap-site .hero-ap h1{font-size:40px!important;letter-spacing:-1.8px!important}
  .ap-site .hero-copy>p,.ap-site .page-hero p,.ap-site .product-hero .hero-product-copy>p{font-size:15px;line-height:1.7;max-width:none}
  .ap-site .section-heading p,.ap-site .product-media-heading p{font-size:14px}
  .ap-site .feature-item p,.ap-site .workflow-step p,.ap-site .support-card p,.ap-site .compatibility p,.ap-site .faq-list details p,.ap-site .requirements li,.ap-site .card-highlights li,.ap-site .product-card>p,.ap-site .licence-stage p,.ap-site .honesty-item p{font-size:13px;line-height:1.75}
  .ap-site .product-meta-strip{gap:10px 16px;flex-wrap:wrap;justify-content:center}
  .ap-site .product-hero .actions{flex-wrap:wrap;gap:12px}
  .ap-site .product-hero .actions .button-ap{width:100%;font-size:13px}
  .ap-site .product-cover-art{display:none}
  .ap-site .hero-copy .actions{flex-direction:column;align-items:stretch}
  .ap-site .hero-copy .button-ap,.ap-site .hero-copy .text-link{font-size:14px;justify-content:center}
  .ap-site .nav-links{font-size:14px}
  .ap-site .footer-grid{gap:28px}
  .ap-site .section-ap{padding:44px 0}
  .ap-site .catalogue-heading{gap:18px}
}

/* Launch offer (one month after release) and bundles, 17 Oct 2026 */
.ap-site .launch-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;max-width:820px;margin:0 auto 26px;padding:12px 18px;border:1px solid #4a4960;border-radius:9px;background:#242336;color:#e4e3ec;font-size:13px;line-height:1.6;text-align:center}
.ap-site .launch-chip{display:inline-block;padding:3px 9px;border-radius:4px;background:var(--lime);color:#17301f;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.ap-site .launch-countdown{display:inline-block;padding:3px 10px;border-radius:4px;border:1px solid #5d5c74;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.ap-site .page-hero .launch-notice,.ap-site .section-ap .launch-notice,.ap-site .section-heading .launch-notice{border-color:#dce8da;background:#f2f7ed;color:#33493a;margin-top:22px}
.ap-site .page-hero .launch-countdown,.ap-site .section-ap .launch-countdown{border-color:#b9d3b4;color:var(--green)}
.ap-site .page-hero .launch-chip,.ap-site .section-ap .launch-chip{background:var(--green);color:#fff}
.ap-site .launch-label{display:inline-block;margin-top:16px;padding:3px 8px;border-radius:4px;background:#34334d;color:var(--lime);font-size:12px;font-weight:600;letter-spacing:.3px}
.ap-site .price-card.featured .launch-label,.ap-site .bundle-card .launch-label{background:#e3f0dc;color:var(--green)}
.ap-site .launch-label+.price-value{margin-top:4px}
.ap-site .bundle-card .launch-label{align-self:flex-start}
.ap-site .price-once.has-then{margin-bottom:6px}
.ap-site .price-then{margin:0 0 22px;font-size:12px;font-weight:500;color:#d7d6e2}
.ap-site .price-then small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:#abaaba}
.ap-site .price-card.featured .price-then,.ap-site .bundle-card .price-then{color:#3f4a3c}
.ap-site .price-card.featured .price-then small,.ap-site .bundle-card .price-then small{color:#6d7466}
.ap-site .bundle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.ap-site .bundle-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);color:var(--ink)}
.ap-site .bundle-card.featured{background:var(--cream);border-color:#efdfcf}
.ap-site .bundle-card .tier-label{font-size:16px;font-weight:600}
.ap-site .bundle-card .tier-for{color:var(--muted);font-size:13px;line-height:1.6}
.ap-site .bundle-card .price-once{color:#6d7466;font-size:12px}
.ap-site .bundle-card .bundle-terms{margin:0 0 6px;font-size:13px;color:#2f3530}
.ap-site .bundle-card .bundle-terms small{display:block;font-size:12px;color:#6d7466}
.ap-site .bundle-card .bundle-saving{margin:8px 0 16px;padding:8px 10px;border-radius:6px;background:#eef6ea;color:#2f5a3d;font-size:12px;line-height:1.55}
.ap-site .bundle-card .price-features{color:#3f4a3c;font-size:13px}
.ap-site .bundle-card .price-features a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.ap-site .bundle-card .price-features svg{color:var(--green)}
.ap-site .bundle-card .bundle-support{margin:auto 0 16px;font-size:12px;color:#6d7466}
.ap-site .bundle-card .register-interest{color:var(--green)!important}
.ap-site .bundle-card .button-ap.is-coming-soon{background:#e8dfd4;border-color:#e8dfd4;color:#6d6a63!important}
.ap-site .popular-tag.muted-tag{background:#5d6461}
@media(max-width:900px){.ap-site .bundle-grid{grid-template-columns:1fr;max-width:460px;margin:auto}}
@media print{.ap-site .launch-countdown{display:none}}
/* The coming-soon and launch notices share one centred column above the price cards. */
.ap-site .pricing-ap .pricing-notice{max-width:820px;margin:0 auto 12px}
.ap-site .section-ap .pricing-notice{margin-left:auto;margin-right:auto}

/* Demo actions are held closed across generated and saved CMS content. */
.ap-site button.coming-soon:disabled{opacity:1;cursor:default;transform:none}.ap-site button.text-link.coming-soon{appearance:none;background:none;border:0;padding:0;font:inherit;text-align:inherit;cursor:default}.ap-site .nav-links>[data-demo-coming-soon]{color:var(--muted);white-space:nowrap}

[hidden]{display:none!important}.calculator-support-choice{margin-top:24px;border:1px solid #d7e5df;border-radius:14px;padding:20px}.calculator-support-choice legend{font-weight:600;font-size:1rem}.calculator-support-choice select{padding:10px;border:1px solid #c3d8cc;border-radius:7px;background:white;color:#163d32}.launch-countdown{font-variant-numeric:tabular-nums;font-weight:600}.launch-notice{border:1px solid #147c64;background:#eff9f4}.price-then{font-size:.85rem}.contact-form .form-field p{font-size:.85rem}