/* Showroom page body and the area around every section: one background colour (the header is NOT changed), the same stone tone as the women's rail (--abq-stone #f0ede6).
   Trial layer: remove this file's enqueue (or define ABQ_SHOWROOM_BG_OFF in wp-config.php) to go back to the previous look. */
body.abqs-page, body.abqx-page { --abqx-page-bg: var(--abq-stone, #f0ede6); }
html body.abqs-page, html body.abqx-page,
body.abqs-page #main-container, body.abqx-page #main-container,
body.abqs-page #main, body.abqx-page #main,
body.abqs-page .site-main, body.abqx-page .site-main,
body.abqs-page .ct-container-full, body.abqx-page .ct-container-full,
body.abqs-page article, body.abqx-page article,
body.abqs-page .entry-content, body.abqx-page .entry-content,
body.abqs-page .abqs-panel, body.abqx-page .abqx-panel,
body.abqs-page .abqs, body.abqx-page .abqx { background-color: var(--abqx-page-bg) !important; }

/* Trial: no backdrop photographs. Every section stage is the same flat stone colour as the women's rail. */
body.abqs-page .abqx-stage, body.abqx-page .abqx-stage { background-image: none !important; background-color: var(--abqx-page-bg) !important; }
/* the hanging sections get the same fine steel rail along the top that the women's rail has, so the hangers still hang from something */
body.abqx-page .abqx[data-abqx="gallery"] .abqx-stage::before,
body.abqx-page .abqx[data-abqx="orbit"] .abqx-stage::before,
body.abqx-page .abqx[data-abqx="fan"] .abqx-stage::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 4px; z-index: 3; background: linear-gradient(180deg, #7f848a, #e2e4e7 45%, #8d9298); pointer-events: none; }

/* Trial: no text over the pictures. Only the SHOP button stays on the image; names, prices and sizes are in the panel below.
   Headings and controls stay in the page for screen readers (visually hidden, not removed). */
body.abqx-page .abqx-chrome--tl, body.abqx-page .abqx-chrome--tr, body.abqx-page .abqx-chrome--bl,
body.abqx-page .abqx .abqx-arrow { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; opacity: 0 !important; }
body.abqx-page .abqx-arrow:focus-visible { opacity: 1 !important; width: 44px !important; height: 44px !important; clip: auto !important; clip-path: none !important; margin: 0 !important; background: #fff !important; outline: 2px solid var(--abq-ink, #0e0e0e) !important; z-index: 30; }
body.abqx-page .abqx-tag { display: none !important; }
body.abqx-page .abqx-shop span[aria-hidden="true"] { display: none; }

/* Trial: no hangers, hooks, shoulder bars, fan rods or rails in the sections (the women's rail, section 01, is not affected). */
body.abqx-page .abqx-hang, body.abqx-page .abqx-bar, body.abqx-page .abqx-rod { display: none !important; }
body.abqx-page .abqx[data-abqx="gallery"] .abqx-stage::before,
body.abqx-page .abqx[data-abqx="orbit"] .abqx-stage::before,
body.abqx-page .abqx[data-abqx="fan"] .abqx-stage::before { display: none !important; }

/* phones: the SHOP button moves to the left so the site chat bubble (bottom right) never covers it */
@media (max-width: 700px) { body.abqx-page .abqx .abqx-shop { right: auto; left: clamp(16px, 3%, 40px); } }
body.abqx-page .abqx-panel__count { text-transform: uppercase; }