/*
 * ARMALA native white-canvas contract.
 *
 * One final first-party presentation owner: white surfaces with black type,
 * controls, icons, borders and focus states. Product photography, video,
 * canvases, embeds and 3D product materials deliberately keep their source
 * colors.
 */

:root,
html.armala-permanent-white-canvas {
    color-scheme: light !important;
    --armala-page: #ffffff !important;
    --armala-surface: #ffffff !important;
    --armala-surface-soft: #ffffff !important;
    --armala-bg: #ffffff !important;
    --armala-cream: #ffffff !important;
    --armala-white: #ffffff !important;
    --armala-ink: #000000 !important;
    --armala-copy: #000000 !important;
    --armala-muted: rgba(0, 0, 0, 0.68) !important;
    --armala-line: rgba(0, 0, 0, 0.22) !important;
    --armala-border: rgba(0, 0, 0, 0.22) !important;
    --armala-shadow: 0 14px 34px rgba(0, 0, 0, 0.10) !important;
    --armala-accent: #000000 !important;
    --armala-earth: #000000 !important;
    --armala-copper: #000000 !important;
    --armala-navy: #ffffff !important;
    --armala-teal: #ffffff !important;
    --armala-page-background: #ffffff !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"],
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-main {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    header,
    footer,
    main,
    nav,
    section,
    article,
    aside,
    form,
    fieldset,
    table,
    thead,
    tbody,
    tfoot,
    tr,
    th,
    td,
    dialog,
    details,
    summary,
    .armala-header,
    .armala-topbar,
    .armala-nav,
    .armala-footer,
    .armala-footer-bottom,
    .armala-home-hero,
    .armala-home-section,
    .armala-home-band,
    .armala-home-cta,
    .armala-popular-packaging,
    .armala-popular-packaging-card,
    .armala-minimal-homepage,
    .armala-minimal-homepage-categories,
    .armala-shop-hero,
    .armala-product-card,
    .armala-material-card,
    .armala-category-card,
    .armala-blog-card,
    .armala-about-panel,
    .armala-about-step,
    .armala-pdpux-panel,
    .armala-product-helper,
    .armala-shop-helper,
    .armala-source-product-details,
    .armala-launch-contact-hero,
    .armala-launch-contact-card,
    .armala-launch-contact-help,
    .armala-consultation-booking,
    .armala-consultation-booking__embed,
    .armala-policy-shell,
    .armala-policy-hero,
    .armala-policy-card,
    .armala-cqa-filter,
    .ac2-type-card,
    .ac2-prod-card,
    .woocommerce,
    .woocommerce-tabs,
    .woocommerce-tabs .panel,
    .woocommerce-tabs ul.tabs,
    .woocommerce-tabs ul.tabs li,
    .woocommerce-notices-wrapper,
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error,
    .product,
    .summary,
    .related,
    .upsells,
    .cross-sells,
    .cart_totals,
    .shop_table,
    .widget,
    .sub-menu,
    .armala-lc-quote-panel,
    .armala-lc-quote-head,
    .armala-lc-quote-body,
    .armala-lc-quote-item,
    .armala-cookie-panel,
    #cookieyes-banner,
    .cky-consent-container,
    .cky-consent-bar,
    .cky-modal,
    .cky-preference-center,
    .cky-footer-wrapper
) {
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    h1, h2, h3, h4, h5, h6,
    p, li, dt, dd, th, td,
    strong, b, em, small, label, legend,
    span:not(.screen-reader-text),
    blockquote, figcaption, address, time,
    a, button, summary, option
) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    a,
    button,
    [role="button"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .button,
    .wp-element-button,
    .armala-pill-link,
    .armala-minimal-homepage-primary,
    .armala-minimal-homepage-secondary,
    .armala-launch-cta-button,
    .armala-product-card__cta,
    .armala-popular-packaging-cta,
    .armala-lc-quote-send,
    .armala-lc-quote-remove
) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #000000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    box-shadow: none !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    a,
    button,
    [role="button"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .button,
    .wp-element-button,
    .armala-pill-link
):is(:hover, :focus-visible, :active) {
    background: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: #000000 !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.14) !important;
    text-decoration-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    input,
    select,
    textarea,
    .select2-selection,
    .select2-dropdown,
    .select2-search__field,
    .quantity input
) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #000000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    box-shadow: none !important;
    caret-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(input, textarea)::placeholder {
    color: rgba(0, 0, 0, 0.62) !important;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.62) !important;
    opacity: 1 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    *,
    *::before,
    *::after
) {
    border-color: rgba(0, 0, 0, 0.22) !important;
    outline-color: #000000 !important;
    scrollbar-color: #000000 #ffffff !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    a,
    button,
    input,
    select,
    textarea,
    summary,
    [tabindex]
):focus-visible {
    outline: 3px solid #000000 !important;
    outline-offset: 3px !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    svg,
    svg *
) {
    color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    svg [fill]:not([fill="none"]),
    svg path[fill]:not([fill="none"]),
    svg circle[fill]:not([fill="none"]),
    svg rect[fill]:not([fill="none"])
) {
    fill: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    svg [stroke]:not([stroke="none"]),
    svg path[stroke]:not([stroke="none"]),
    svg circle[stroke]:not([stroke="none"]),
    svg rect[stroke]:not([stroke="none"])
) {
    stroke: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    .armala-brand img,
    .armala-footer-brand img,
    .custom-logo,
    .armala-minimal-homepage-categories img
) {
    filter: grayscale(1) brightness(0) !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    .woocommerce-product-gallery img,
    .product img,
    .products img,
    .armala-product-card img,
    .armala-category-card img,
    .armala-blog-card img,
    .armala-minimal-homepage-visual img,
    .armala-popular-packaging img,
    picture img,
    figure img,
    video,
    canvas,
    iframe
) {
    filter: none !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    .armala-menu-toggle,
    .armala-menu-toggle::before,
    .armala-menu-toggle::after,
    .armala-menu-toggle span,
    .armala-nav .sub-menu,
    .armala-nav-list,
    .armala-nav-cta
) {
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    [aria-current="page"],
    .current-menu-item > a,
    .current_page_item > a,
    .active,
    .selected,
    .is-active
) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: #000000 !important;
    text-decoration-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    :disabled,
    [aria-disabled="true"],
    .disabled
) {
    background: #ffffff !important;
    color: rgba(0, 0, 0, 0.50) !important;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.50) !important;
    border-color: rgba(0, 0, 0, 0.36) !important;
    opacity: 1 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    .screen-reader-text,
    .sr-only
) {
    background: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

@media (prefers-reduced-motion: reduce) {
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas *,
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas *::before,
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas *::after {
        scroll-behavior: auto !important;
    }
}

/* High-specificity closure for legacy owner rules that also use !important. */
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell :where(
    .armala-header-main,
    #armala-primary-nav,
    #armala-primary-nav .armala-nav-list,
    #armala-primary-nav .armala-nav-cta,
    #armala-primary-nav .sub-menu,
    .armala-footer-grid,
    .armala-footer-stack,
    .armala-footer-links,
    .armala-footer-legal,
    .armala-home-band-grid > div,
    .armala-popular-packaging-card dl > div
) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell :where(
    .armala-header-main,
    #armala-primary-nav,
    .armala-footer,
    .armala-footer-grid,
    .armala-home-hero,
    .armala-home-band-grid,
    .armala-popular-packaging-card
) :where(h1, h2, h3, h4, p, li, dt, dd, span, strong, small, a, a:visited) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
    text-decoration-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header #armala-primary-nav .armala-nav-cta > a.armala-pill-link,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-home-hero .armala-minimal-homepage-actions > a,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-footer a {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .cky-btn-revisit-wrapper,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas #cookieyes-banner,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .cky-consent-container :where(*) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: #000000 !important;
}

/* Cross-template closure: old component owners may be more specific than tokens. */
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-topbar .armala-topbar-inner,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-header-main,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-header-main nav#armala-primary-nav,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell footer.armala-footer .armala-footer-grid > div,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell footer.armala-footer .armala-footer-bottom {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-header-main nav#armala-primary-nav ul.armala-nav-list > li.menu-item > a,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-header-main nav#armala-primary-nav ul.armala-nav-list > li.menu-item > a:visited,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell footer.armala-footer .armala-footer-grid :where(a, a:visited, h3, p, li, span, strong),
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell footer.armala-footer .armala-footer-bottom :where(a, a:visited, p, span) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
    text-decoration-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas main.armala-main :where(
    [class^="armala-"],
    [class*=" armala-"],
    [class^="ac2-"],
    [class*=" ac2-"],
    .wp-block-post,
    .wp-block-read-more,
    .wp-block-post-featured-image
) {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas main.armala-main :where(
    [class^="armala-"],
    [class*=" armala-"],
    [class^="ac2-"],
    [class*=" ac2-"],
    .wp-block-post
) :where(h1, h2, h3, h4, h5, h6, p, li, dt, dd, label, legend, span, strong, small, a, a:visited, button, option) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
    text-decoration-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas main.armala-main :where(
    .ac2-card,
    .ac2-body,
    .ac2-category-count,
    .ac2-cta,
    .armala-catalog-shape,
    .armala-about-a-kicker,
    .armala-about-a-number,
    .armala-about-a-actions,
    .armala-contact-lead__kicker,
    .armala-cpc3d-gallery,
    .armala-cpc3d-fallback-wrap,
    .armala-cpc3d-size,
    .woocommerce-product-details__short-description,
    .price,
    .product_meta,
    .woocommerce-tabs ul.tabs li,
    .wp-block-post,
    .wp-block-read-more,
    [class^="armala-rq-"],
    [class*=" armala-rq-"]
) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #000000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas main.armala-main :where(
    .ac2-head,
    .armala-cpc3d-viewer,
    .wp-block-post-featured-image,
    .armala-rq-hero
) {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Keep homepage copy on white and the natural product composite in its own media row. */
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas.home .armala-site-shell main.armala-main section.armala-home-hero.armala-minimal-homepage {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas.home .armala-site-shell main.armala-main section.armala-home-hero.armala-minimal-homepage .armala-minimal-homepage-copy > :where(h1, p, span) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas.home .armala-site-shell main.armala-main section.armala-home-hero.armala-minimal-homepage .armala-minimal-homepage-visual {
    background: #ffffff !important;
    height: auto !important;
    margin: 34px auto 0 !important;
    max-width: 1600px !important;
    overflow: hidden !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas.home .armala-site-shell main.armala-main section.armala-home-hero.armala-minimal-homepage .armala-minimal-homepage-visual > img {
    display: block !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .cky-btn-revisit-wrapper .cky-btn-revisit,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .cky-btn-revisit-wrapper :where(svg, img) {
    background: #ffffff !important;
    color: #000000 !important;
    filter: grayscale(1) brightness(0) !important;
}

/* Conversion template fallback: this route intentionally omits body_class() and wp_footer(). */
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body :where(
    [class^="armala-rq-"],
    [class*=" armala-rq-"]
) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #000000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    box-shadow: none !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body :where(
    [class^="armala-rq-"],
    [class*=" armala-rq-"]
) :where(*) {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-decoration-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body :where(
    [class^="armala-rq-"],
    [class*=" armala-rq-"]
) :where(a, button, input, select, textarea, .button) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #000000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body .armala-rq-shell :where(
    .armala-rq-utility,
    .armala-rq-utility-inner,
    .armala-rq-topbar,
    .armala-rq-nav,
    .armala-rq-hero,
    .armala-rq-grid,
    .armala-rq-form-card,
    .armala-rq-cart,
    .armala-rq-actions,
    .armala-rq-mini-steps
) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #000000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body .armala-rq-shell :where(h1, h2, h3, p, li, span, strong, small, label, a, a:visited, button),
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body .armala-rq-utility :where(p, a, a:visited, span) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body .armala-rq-brand :where(img, svg),
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body .armala-rq-topbar :where(img, svg) {
    filter: grayscale(1) brightness(0) !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body .cky-btn-revisit-wrapper,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body .cky-btn-revisit-wrapper .cky-btn-revisit {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #000000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body .widget_shopping_cart_live_region.screen-reader-text {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas main.armala-main .armala-entry-content .armala-launch-contact .armala-contact-lead .armala-contact-lead__intro > p {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell main.armala-main .armala-home-cta .armala-home-actions > a,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header #armala-primary-nav .sub-menu a {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #000000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-topbar .armala-topbar-inner :where(p, a, a:visited),
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-header-main > button.armala-menu-toggle {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #000000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Final small residuals from catalog-card and text-only component owners. */
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas main.armala-main .ac2-card > span.ac2-body,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas main.armala-main :where(div, ul, p) {
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Edge-to-edge outer layout contract.
 * Remove page-level gutters and centered shell limits while preserving the
 * intentional spacing inside cards, forms, navigation, and content blocks.
 */
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"],
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas {
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas :where(
    .armala-site-shell,
    .armala-header,
    main.armala-main,
    section.armala-page-shell,
    footer.armala-footer,
    .armala-rq-shell
) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell :where(
    .armala-container,
    .armala-entry-shell,
    .armala-page-shell > .armala-container,
    .armala-main > .armala-container,
    .armala-footer-grid,
    .armala-footer-bottom
) {
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell section.armala-page-shell {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell :where(
    .armala-entry-shell,
    .armala-page-shell > .armala-container,
    .armala-main > .armala-container
) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell main.armala-main :where(
    article.armala-entry-card,
    .ac2,
    .armala-rq-main,
    .armala-rq-grid
) {
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell main.armala-main .ac2 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell footer.armala-footer,
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell footer.armala-footer .armala-footer-bottom {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell :where(
    .armala-header-main,
    .armala-topbar-inner,
    .armala-footer-grid,
    .armala-footer-bottom
) {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

@media (max-width: 782px) {
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell :where(
        .armala-container,
        .armala-entry-shell,
        .armala-page-shell,
        .armala-main,
        article.armala-entry-card,
        .ac2,
        .armala-rq-shell,
        .armala-rq-main,
        .armala-rq-grid
    ) {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        width: 100% !important;
    }
}

/* Isolated Request a Quote template omits body_class(). */
html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body :where(
    .armala-rq-shell,
    .armala-rq-main
) {
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

/* Mobile header closure.
 * The menu label and icon are generated pseudo-elements. Older mobile rules
 * target those pseudo-elements directly, so the white-canvas button color
 * alone is not sufficient in Safari. Own the closed, open, and focus states
 * here with the full header selector and the permanent monochrome contract.
 */
@media (max-width: 980px) {
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"],
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]:hover,
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]:focus-visible,
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]:active,
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"][aria-expanded="true"] {
        background: #ffffff !important;
        background-color: #ffffff !important;
        border-color: #000000 !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
    }

    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]:focus-visible {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.18) !important;
        outline: 2px solid #000000 !important;
        outline-offset: 2px !important;
    }

    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]::after,
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]:hover::after,
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]:focus-visible::after,
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"][aria-expanded="true"]::after {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"]::before {
        background: linear-gradient(
            to bottom,
            #000000 0,
            #000000 2px,
            transparent 2px,
            transparent 6px,
            #000000 6px,
            #000000 8px,
            transparent 8px,
            transparent 12px,
            #000000 12px,
            #000000 14px
        ) !important;
    }

    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main > button.armala-menu-toggle[aria-controls="armala-primary-nav"][aria-expanded="true"]::before {
        background:
            linear-gradient(45deg, transparent 44%, #000000 45%, #000000 55%, transparent 56%),
            linear-gradient(-45deg, transparent 44%, #000000 45%, #000000 55%, transparent 56%) !important;
    }

    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main nav#armala-primary-nav.armala-nav.is-open,
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main nav#armala-primary-nav.armala-nav.is-open a,
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main nav#armala-primary-nav.armala-nav.is-open a:hover,
    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main nav#armala-primary-nav.armala-nav.is-open a:focus-visible {
        background: #ffffff !important;
        background-color: #ffffff !important;
        border-color: #000000 !important;
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
    }

    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main nav#armala-primary-nav.armala-nav.is-open {
        box-shadow: 0 18px 44px rgba(0, 0, 0, 0.12) !important;
    }

    html.armala-permanent-white-canvas[data-armala-color-mode="white-canvas"] body.armala-permanent-white-canvas .armala-site-shell .armala-header .armala-container.armala-header-main nav#armala-primary-nav.armala-nav.is-open .menu-item-has-children > a::after {
        background: #ffffff !important;
        background-color: #ffffff !important;
        border-color: #000000 !important;
        box-shadow: none !important;
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        opacity: 1 !important;
    }
}