/* CYE 0.41.10 | raised finish for action buttons only.
 * Loaded last. This layer changes paint and interaction feedback only.
 * Existing sizes, radii, colours, labels, links, selected states and handlers remain.
 * Standalone arrows, dropdowns, menu/close/search icons, gallery controls,
 * filters, pagination, image targets and text links retain their original styling.
 */
body.cye-button-depth :where(
.button,
.header-cta,
.cye-drawer-cta,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.cye-consent-button,
.cye-reader-brief,
.cye-collection-brief button,
.cye-cf-service-toggle,
.cye-cf-selection-remove
):not(:where(#wpadminbar *)) {
  --cye-b-top: rgba(255, 255, 255, .045);
  --cye-b-bottom: rgba(0, 0, 0, .035);
  --cye-b-rest: inset 0 1px 0 #ffffff26, inset 0 -2px 0 #0003,
    0 1px 2px #0004, 0 8px 20px -6px #0005;
  --cye-b-over: inset 0 1px 0 #ffffff26, inset 0 -2px 0 #0003,
    0 2px 3px #0004, 0 10px 24px -6px #0005;
  --cye-b-pressed: inset 0 2px 4px #0004;
  background-image: linear-gradient(180deg, var(--cye-b-top), var(--cye-b-bottom)) !important;
  box-shadow: var(--cye-b-state-shadow, var(--cye-b-rest)) !important;
  translate: 0 var(--cye-b-shift, 0);
  transition: background-color .18s ease, border-color .18s ease, color .18s ease,
    box-shadow var(--cye-b-duration, .16s) ease, translate var(--cye-b-duration, .12s) ease !important;
}

/* Filled actions retain CYE green. Accept and reject consent keep equal weight. */
body.cye-button-depth :where(
  .button:not(.button-outline):not(.cye27-glass), .header-cta, .cye-drawer-cta,
  .wp-block-button__link, .wp-element-button,
  input[type="submit"], input[type="button"], input[type="reset"],
  .cye-consent-button:not(.cye-consent-button-soft)
):not(:where(#wpadminbar *)) {
  /* Keep the reference's depth. Dark-green cast shadows suit CYE's dark surfaces. */
  --cye-b-top: #52e3a0;
  --cye-b-bottom: #24d186;
  --cye-b-rest: inset 0 1px 0 #ffffff59, inset 0 -2px 0 #0003,
    0 1px 2px #0006, 0 8px 24px -6px #02100a99;
  --cye-b-over: inset 0 1px 0 #ffffff59, inset 0 -2px 0 #0003,
    0 2px 3px #0006, 0 10px 28px -6px #02100a99;
  background-color: var(--green, #24d186) !important;
}

/* The outline is still the defining edge, with a much shallower dark base. */
body.cye-button-depth :where(
  .button-outline, .cye27-glass, .cye-consent-button-soft,
  .is-style-outline > .wp-block-button__link,
  .wp-block-button__link.is-style-outline
) {
  --cye-b-top: #ffffff08;
  --cye-b-bottom: #00000008;
  --cye-b-rest: inset 0 1px 0 #ffffff1a, inset 0 -2px 0 #0003,
    0 1px 2px #0004, 0 8px 20px -6px #02100a66;
  --cye-b-over: inset 0 1px 0 #ffffff1a, inset 0 -2px 0 #0003,
    0 2px 3px #0004, 0 10px 24px -6px #02100a80;
}
body.cye-button-depth :where(
  .is-style-outline > .wp-block-button__link,
  .wp-block-button__link.is-style-outline
) { background-color: transparent !important; }

/* Prevent the old hover transform from doubling the new one-pixel lift. */
body.cye-button-depth .button { transform: none !important; }

/* Existing selected colours are preserved for add-to-brief action buttons. */
body.cye-button-depth :where(
  .cye-experience-choice[aria-pressed="true"],
  .cye-cf-service-toggle[aria-pressed="true"]
) {
  --cye-b-rest: inset 0 2px 4px #0004;
  --cye-b-over: var(--cye-b-rest);
}

/* Hover and pressed feedback is restricted to the same action-button list. */
@media (hover: hover) and (pointer: fine) {
  body.cye-button-depth :where(
.button,
.header-cta,
.cye-drawer-cta,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.cye-consent-button,
.cye-reader-brief,
.cye-collection-brief button,
.cye-cf-service-toggle,
.cye-cf-selection-remove
):not(:where(#wpadminbar *)):hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    --cye-b-shift: -1px;
    --cye-b-state-shadow: var(--cye-b-over);
  }
}
body.cye-button-depth :where(
.button,
.header-cta,
.cye-drawer-cta,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.cye-consent-button,
.cye-reader-brief,
.cye-collection-brief button,
.cye-cf-service-toggle,
.cye-cf-selection-remove
):not(:where(#wpadminbar *)):active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
  --cye-b-shift: 1px;
  /* Pressing replaces the entire raised shadow, exactly as in the supplied code. */
  --cye-b-state-shadow: var(--cye-b-pressed);
  --cye-b-duration: 0s;
}

body.cye-button-depth :where(
.button,
.header-cta,
.cye-drawer-cta,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.cye-consent-button,
.cye-reader-brief,
.cye-collection-brief button,
.cye-cf-service-toggle,
.cye-cf-selection-remove
):not(:where(#wpadminbar *)):where(:disabled, [aria-disabled="true"], [aria-busy="true"]) {
  --cye-b-shift: 0;
  --cye-b-state-shadow: inset 0 1px 0 #ffffff14, inset 0 -1px 0 #0002;
  translate: none;
}

body.cye-button-depth :where(
.button,
.header-cta,
.cye-drawer-cta,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.cye-consent-button,
.cye-reader-brief,
.cye-collection-brief button,
.cye-cf-service-toggle,
.cye-cf-selection-remove
):not(:where(#wpadminbar *)):focus-visible {
  outline: 2px solid var(--green, #24d186) !important;
  outline-offset: 4px !important;
}

@media (prefers-reduced-motion: reduce) {
body.cye-button-depth :where(
.button,
.header-cta,
.cye-drawer-cta,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.cye-consent-button,
.cye-reader-brief,
.cye-collection-brief button,
.cye-cf-service-toggle,
.cye-cf-selection-remove
):not(:where(#wpadminbar *)) {
    translate: none !important;
    transition: none !important;
  }
}

@media (forced-colors: active) {
body.cye-button-depth :where(
.button,
.header-cta,
.cye-drawer-cta,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.cye-consent-button,
.cye-reader-brief,
.cye-collection-brief button,
.cye-cf-service-toggle,
.cye-cf-selection-remove
):not(:where(#wpadminbar *)) {
    background-image: none !important;
    background-color: ButtonFace !important;
    color: ButtonText !important;
    border: 1px solid ButtonText !important;
    box-shadow: none !important;
    translate: none !important;
  }
body.cye-button-depth :where(
.button,
.header-cta,
.cye-drawer-cta,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.cye-consent-button,
.cye-reader-brief,
.cye-collection-brief button,
.cye-cf-service-toggle,
.cye-cf-selection-remove
):not(:where(#wpadminbar *)):focus-visible { outline-color: Highlight !important; }
body.cye-button-depth :where(
.button,
.header-cta,
.cye-drawer-cta,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.cye-consent-button,
.cye-reader-brief,
.cye-collection-brief button,
.cye-cf-service-toggle,
.cye-cf-selection-remove
):not(:where(#wpadminbar *)):where(:disabled, [aria-disabled="true"]) { color: GrayText !important; border-color: GrayText !important; }
}
@media print {
body.cye-button-depth :where(
.button,
.header-cta,
.cye-drawer-cta,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.cye-consent-button,
.cye-reader-brief,
.cye-collection-brief button,
.cye-cf-service-toggle,
.cye-cf-selection-remove
):not(:where(#wpadminbar *)) { box-shadow: none !important; background-image: none !important; }
}