/**
 * Overrides for existing Cape components and tokens.
 *
 * Plain-CSS port of layout's `_cape-overrides.scss`; selectors, order and `!important` unchanged.
 */

/* TOKEN GROUP OVERRIDES: lighten border colors of form and other controls (inputs, chips, cards). */
body {
  --cp-action-color-secondary-enabled: var(--cp-color-jacaranda-grey-05) !important;
  --cp-action-color-secondary-hover: var(--cp-color-jacaranda-grey-10) !important;
  --cp-form-color-branded-primary-enabled: var(--cp-color-jacaranda-grey-05) !important;
  --cp-form-color-branded-primary-hover: var(--cp-color-jacaranda-grey-10) !important;
  --cp-control-color-branded-primary-enabled: var(--cp-color-jacaranda-grey-05) !important;
  --cp-control-color-branded-primary-hover: var(--cp-color-jacaranda-grey-10) !important;
  --cp-color-jacaranda-grey-01: #f1f2f4;
}
/* CHIP OVERRIDES */
body .cape-chip {
  --cp-chip-color-branded-primary-enabled: var(--cp-color-jacaranda-grey-05);
  --cp-chip-color-branded-primary-hover: var(--cp-color-jacaranda-grey-10);
}
/* Remove the light branded background on selected chips. */
body .cape-chip[data-selected='true'] {
  background-color: transparent;
}
/* ICONBUTTON OVERRIDES: reduce icon size inside secondary icon buttons. */
body .cape-icon-button[data-size='small'][data-variant='secondary'] svg {
  width: var(--cp-sizing-small);
}
/* BUTTON OVERRIDES: custom "rounded" button variant (padding adjusted to the pill shape). */
body .cape-button[data-cpx-rounded='true'] {
  --cp-button-border-radius: var(--cp-border-radius-pill);
}
body .cape-button[data-cpx-rounded='true'][data-size='small'] {
  padding-inline: calc(var(--cp-button-padding-inline) + var(--cp-spacing-tiny));
}
body .cape-button[data-cpx-rounded='true'][data-size='medium'],
body .cape-button[data-cpx-rounded='true'][data-size='large'] {
  padding-inline: calc(var(--cp-button-padding-inline) + var(--cp-spacing-xsmall));
}
/* Custom "filled" secondary variant */
body .cape-button[data-variant='secondary'][data-cpx-filled='true'] {
  border: none;
  background-color: color-mix(in srgb, var(--cp-button-border-color) 8%, transparent);
}
body .cape-button[data-variant='secondary'][data-cpx-filled='true']:hover {
  background-color: color-mix(in srgb, var(--cp-button-border-color) 12%, transparent);
}
body .cape-button[data-variant='secondary'][data-cpx-filled='true']:active {
  background-color: color-mix(in srgb, var(--cp-button-border-color) 20%, transparent);
}
/* SEARCHINPUT OVERRIDES: change search inputs from squared to rounded. */
body .cape-search-input {
  --cp-text-input-border-radius: var(--cp-border-radius-pill);
  --cp-search-border-radius-small: var(--cp-border-radius-pill);
  --cp-search-border-radius-medium: var(--cp-border-radius-pill);
  --cp-search-color-branded-primary-enabled: var(--cp-color-jacaranda-grey-05);
  --cp-search-color-branded-primary-hover: var(--cp-color-jacaranda-grey-10);
}
/* SWITCH OVERRIDES */
body .cape-switch .cape-switch-base {
  --cp-switch-color-active-hover: var(--cp-action-color-success-primary-hover);
  --cp-switch-color-active-enabled: var(--cp-action-color-success-primary-enabled);
}
/* Keep disabled checked switches green (muted) (Cape is branded). */
body .cape-switch .cape-switch-input[disabled] + .cape-switch-base {
  --cp-switch-color-active-disabled: var(--cp-color-cape-success-10);
}
/* RADIO OVERRIDES */
body .cape-radio {
  --cp-radio-border-color: var(--cp-color-jacaranda-grey-10);
}
body .cape-radio:hover {
  --cp-radio-border-color: var(--cp-color-jacaranda-grey-20);
}
/* CHECKBOX OVERRIDES */
body .cape-checkbox {
  --cp-checkbox-border-color: var(--cp-color-jacaranda-grey-10);
}
body .cape-checkbox:hover {
  --cp-checkbox-border-color: var(--cp-color-jacaranda-grey-20);
}
/* TAB OVERRIDES */
body .cape-tabs {
  --cp-border-color-high: var(--cp-color-jacaranda-grey-01);
}
body .cape-tabs .cape-tab-list {
  gap: var(--cp-spacing-xlarge);
}
body .cape-tabs .cape-tab-item {
  padding-inline: var(--cp-spacing-none);
}
body .cape-tabs .cape-tab-item:hover {
  background-color: transparent;
}
/* ALERT OVERRIDES */
body .cape-alert[data-variant='neutral'] {
  --cp-alert-background-color: var(--cp-color-jacaranda-grey-01) !important;
}
body .cape-alert .cape-checkbox {
  --cp-checkbox-border-color: var(--cp-color-jacaranda-grey-30);
}
body .cape-alert .cape-radio {
  --cp-radio-border-color: var(--cp-color-jacaranda-grey-30);
}
/* SEGMENTED CONTROL OVERRIDES: change segmented controls from squared to rounded. */
body .cape-segmented-control {
  border-radius: var(--cp-border-radius-pill);
}
body .cape-segmented-control .cape-segmented-control-item {
  border-radius: var(--cp-border-radius-pill);
}
/* QUANTITY SELECTOR OVERRIDES: match border color used by other form controls. */
body .cape-quantity-selector {
  --cp-quantity-selector-color-primary: var(--cp-action-color-secondary-enabled);
}
/* DRAWER OVERRIDES: Cape sub-elements (header/body/footer) consume --cp-drawer-content-children-spacing. */
body .cape-drawer-content {
  --cp-drawer-content-children-spacing-desktop: var(--cp-spacing-3xlarge);
}
body .cape-drawer-content .cape-drawer-body {
  overflow-x: hidden;
}
body .cape-drawer-content .cape-drawer-footer {
  border-top: 1px solid var(--cp-color-jacaranda-grey-05);
}
@media (max-width: 768px) {
  body .cape-drawer-content {
    --cp-drawer-border-radius: 0;
    width: 100%;
    height: 100dvh;
  }
}
/* TABLE OVERRIDES */
body .cape-table-container .cape-table-inner-container {
  border-radius: var(--cp-border-radius-xlarge) !important;
}
body .cape-table-container .cape-table-head {
  background-color: #f9fafa;
}
/* SIDE NAVIGATION OVERRIDES */
/* Custom side nav tokens; replace Cape's spring animation with a predictable width transition. */
body .cape-side-navigation {
  --cp-sidenav-width: 280px;
  --cp-sidenav-width-collapsed: 64px;
  --cp-sidenav-padding-block-start: var(--cp-spacing-5xlarge);
  animation: none !important;
  transition: width var(--cp-motion-duration-200) ease-in-out !important;
  border-right: 1px solid var(--cp-color-jacaranda-grey-01);
  gap: 0;
}
/* COMPONENT STYLES: header */
body .cape-side-navigation .cape-side-navigation-header {
  padding: 0 var(--cp-spacing-3xlarge) var(--cp-spacing-xsmall);
}
body .cape-side-navigation .cape-side-navigation-header svg {
  color: var(--cp-color-brand-light-primary);
}
/* Sections */
body .cape-side-navigation .cape-side-navigation-section {
  padding-block-start: var(--cp-spacing-xlarge);
}
body .cape-side-navigation .cape-side-navigation-section-header {
  margin-bottom: var(--cp-spacing-xsmall);
}
body .cape-side-navigation .cape-side-navigation-section.non-collapsible-section > summary {
  padding-inline: var(--cp-spacing-2xlarge);
  pointer-events: none;
  cursor: default;
}
body
  .cape-side-navigation
  .cape-side-navigation-section.non-collapsible-section
  .cape-side-navigation-section-header {
  padding-left: var(--cp-spacing-small);
}
body
  .cape-side-navigation
  .cape-side-navigation-section.non-collapsible-section
  .cape-side-navigation-section-header
  svg {
  display: none !important;
}
/* Links */
body .cape-side-navigation .cape-side-navigation-link {
  gap: var(--cp-spacing-large);
}
body .cape-side-navigation .cape-side-navigation-link::before {
  --cp-sidenav-active-indicator-start: calc(-1 * var(--cp-spacing-2xlarge));
}
body .cape-side-navigation .cape-side-navigation-link-text {
  font-weight: var(--cp-font-weight-medium);
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body .cape-side-navigation .store-selector {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body .cape-side-navigation .store-selector .cape-stack {
  min-width: 0;
}
body .cape-side-navigation .store-selector .cape-typography {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body
  .cape-side-navigation
  .cape-side-navigation-group
  .cape-side-navigation-list
  .side-navigation-item {
  padding-left: var(--cp-spacing-3xlarge);
  padding-right: var(--cp-spacing-none);
}
body
  .cape-side-navigation
  .cape-side-navigation-group
  .cape-side-navigation-list
  .cape-side-navigation-link:not(:has(.cape-icon))
  .cape-side-navigation-link-text {
  padding-inline-start: var(--cp-spacing-small);
}
/* Items */
body .cape-side-navigation .side-navigation-item {
  padding-inline: var(--cp-spacing-2xlarge);
}
body .cape-side-navigation .side-navigation-item:last-child .cape-side-navigation-section {
  padding-bottom: var(--cp-spacing-large);
}
/* Footer */
body .cape-side-navigation .cape-side-navigation-footer {
  padding-inline: var(--cp-spacing-large);
  border-top-color: var(--cp-color-jacaranda-grey-01);
}
body .cape-side-navigation .cape-side-navigation-footer .cape-side-navigation-toggle .cape-icon {
  width: var(--cp-spacing-2xlarge);
  height: var(--cp-spacing-2xlarge);
}
/* EXPANDED STATE (scrollbar: Firefox, then WebKit) */
body .cape-side-navigation[data-state='expanded'] .cape-scroll-area {
  padding-top: var(--cp-spacing-small);
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition: scrollbar-color 0.2s ease;
}
body .cape-side-navigation[data-state='expanded'] .cape-scroll-area:hover {
  scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
}
body .cape-side-navigation[data-state='expanded'] .cape-scroll-area::-webkit-scrollbar {
  width: 6px;
}
body .cape-side-navigation[data-state='expanded'] .cape-scroll-area::-webkit-scrollbar-track {
  background: transparent;
}
body .cape-side-navigation[data-state='expanded'] .cape-scroll-area::-webkit-scrollbar-thumb {
  background-color: transparent;
}
body .cape-side-navigation[data-state='expanded'] .cape-scroll-area:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
}
body .cape-side-navigation[data-state='expanded'] .cape-side-navigation-footer {
  position: static;
  padding: 0;
  border: none;
  background-color: transparent;
}
body .cape-side-navigation[data-state='expanded'] .cape-side-navigation-toggle {
  justify-content: center;
  width: var(--cp-spacing-5xlarge);
  height: var(--cp-spacing-5xlarge);
  background-color: white;
  border: 1px solid var(--cp-color-jacaranda-grey-05);
  border-radius: var(--cp-border-radius-pill);
  box-shadow: var(--cp-base-elevation-low);
  transition: box-shadow 0.2s ease;
  z-index: 10;
}
body .cape-side-navigation[data-state='expanded'] .cape-side-navigation-toggle:hover {
  box-shadow: var(--cp-base-elevation-high);
}
/* COLLAPSED STATE */
body .cape-side-navigation[data-state='collapsed'] {
  width: var(--cp-sidenav-width-collapsed);
}
body .cape-side-navigation[data-state='collapsed'] .cape-side-navigation-header {
  padding-inline: 0;
}
body .cape-side-navigation[data-state='collapsed'] .cape-side-navigation-block {
  display: flex;
  justify-content: center;
  padding: 0;
}
body .cape-side-navigation[data-state='collapsed'] .side-navigation-item {
  padding-inline: 6px;
}
body .cape-side-navigation[data-state='collapsed'] .store-selector {
  margin-top: var(--cp-spacing-2xlarge);
}
body .cape-side-navigation[data-state='collapsed'] .cape-scroll-area {
  padding-top: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body .cape-side-navigation[data-state='collapsed'] .cape-scroll-area::-webkit-scrollbar {
  display: none;
}
body .cape-side-navigation[data-state='collapsed'] .cape-scroll-area[data-scrolled='true'] {
  border-top: none;
}

/**
 * Vendor-specific custom tokens (--cpx-*).
 *
 * Includes shared semantic tokens (success/warning/danger) and per-brand
 * overrides scoped to body[data-theme='<brand>-light-b2b'].
 * The `expansion` object is typed from the names declared here.
 */

/* Shared semantic tokens: success, warning, danger */
body {
  --cpx-content-color-success-primary: var(--cp-color-cape-success-80);
  --cpx-content-color-success-secondary: var(--cp-color-cape-success-60);
  --cpx-gradient-success-high: linear-gradient(
    235deg,
    var(--cp-color-cape-success-50),
    var(--cp-color-cape-success-70)
  );
  --cpx-gradient-success-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cp-color-cape-success-50) 4%, transparent),
    color-mix(in srgb, var(--cp-color-cape-success-70) 4%, transparent)
  );
  --cpx-border-color-success-low: color-mix(
    in srgb,
    var(--cp-color-cape-success-70) 8%,
    transparent
  );
  --cpx-border-color-success-normal: color-mix(
    in srgb,
    var(--cp-color-cape-success-70) 12%,
    transparent
  );
  --cpx-border-color-success-high: color-mix(
    in srgb,
    var(--cp-color-cape-success-70) 16%,
    transparent
  );
  --cpx-elevation-success-high: 0px 2px 2px 0px
      color-mix(in srgb, var(--cp-color-cape-success-70) 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, var(--cp-color-cape-success-70) 8%, transparent);
  --cpx-elevation-success-low: 0px 2px 8px 0px
    color-mix(in srgb, var(--cp-color-cape-success-70) 8%, transparent);
  --cpx-content-color-warning-primary: var(--cp-color-cape-warning-90);
  --cpx-content-color-warning-secondary: var(--cp-color-cape-warning-80);
  --cpx-gradient-warning-high: linear-gradient(
    235deg,
    var(--cp-color-cape-warning-60),
    var(--cp-color-cape-warning-80)
  );
  --cpx-gradient-warning-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cp-color-cape-warning-60) 4%, transparent),
    color-mix(in srgb, var(--cp-color-cape-warning-80) 4%, transparent)
  );
  --cpx-border-color-warning-low: color-mix(
    in srgb,
    var(--cp-color-cape-warning-80) 8%,
    transparent
  );
  --cpx-border-color-warning-normal: color-mix(
    in srgb,
    var(--cp-color-cape-warning-80) 12%,
    transparent
  );
  --cpx-border-color-warning-high: color-mix(
    in srgb,
    var(--cp-color-cape-warning-80) 16%,
    transparent
  );
  --cpx-elevation-warning-high: 0px 2px 2px 0px
      color-mix(in srgb, var(--cp-color-cape-warning-80) 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, var(--cp-color-cape-warning-80) 8%, transparent);
  --cpx-elevation-warning-low: 0px 2px 8px 0px
    color-mix(in srgb, var(--cp-color-cape-warning-80) 8%, transparent);
  --cpx-content-color-danger-primary: var(--cp-color-cape-danger-80);
  --cpx-content-color-danger-secondary: var(--cp-color-cape-danger-60);
  --cpx-gradient-danger-high: linear-gradient(
    235deg,
    var(--cp-color-cape-danger-40),
    var(--cp-color-cape-danger-60)
  );
  --cpx-gradient-danger-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cp-color-cape-danger-40) 4%, transparent),
    color-mix(in srgb, var(--cp-color-cape-danger-60) 4%, transparent)
  );
  --cpx-border-color-danger-low: color-mix(in srgb, var(--cp-color-cape-danger-60) 8%, transparent);
  --cpx-border-color-danger-normal: color-mix(
    in srgb,
    var(--cp-color-cape-danger-60) 12%,
    transparent
  );
  --cpx-border-color-danger-high: color-mix(
    in srgb,
    var(--cp-color-cape-danger-60) 16%,
    transparent
  );
  --cpx-elevation-danger-high: 0px 2px 2px 0px
      color-mix(in srgb, var(--cp-color-cape-danger-60) 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, var(--cp-color-cape-danger-60) 8%, transparent);
  --cpx-elevation-danger-low: 0px 2px 8px 0px
    color-mix(in srgb, var(--cp-color-cape-danger-60) 8%, transparent);
}

/* Brand tokens */
body[data-theme='foodpanda-light-b2b'] {
  --cpx-content-color-branded-primary: #412d36;
  --cpx-content-color-branded-secondary: #8a5f71;
  --cpx-gradient-color-1: #fd1f00;
  --cpx-gradient-color-2: #e21b70;
  --cpx-gradient-color-3: #fd00f7;
  --cpx-gradient-branded-high: linear-gradient(
    235deg,
    var(--cpx-gradient-color-1),
    var(--cpx-gradient-color-2),
    var(--cpx-gradient-color-3)
  );
  --cpx-gradient-branded-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cpx-gradient-color-1) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-2) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-3) 4%, transparent)
  );
  --cpx-border-color-branded-low: color-mix(in srgb, #8a5f71 8%, transparent);
  --cpx-border-color-branded-normal: color-mix(in srgb, #8a5f71 12%, transparent);
  --cpx-border-color-branded-high: color-mix(in srgb, #8a5f71 16%, transparent);
  --cpx-elevation-branded-high: 0px 2px 2px 0px color-mix(in srgb, #e21b70 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, #e21b70 8%, transparent);
  --cpx-elevation-branded-low: 0px 2px 8px 0px color-mix(in srgb, #8a5f71 8%, transparent);
}

body[data-theme='foodora-light-b2b'] {
  --cpx-content-color-branded-primary: #3d232e;
  --cpx-content-color-branded-secondary: #8a5069;
  --cpx-gradient-color-1: #ef1f00;
  --cpx-gradient-color-2: #df1067;
  --cpx-gradient-color-3: #ef00e8;
  --cpx-gradient-branded-high: linear-gradient(
    235deg,
    var(--cpx-gradient-color-1),
    var(--cpx-gradient-color-2),
    var(--cpx-gradient-color-3)
  );
  --cpx-gradient-branded-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cpx-gradient-color-1) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-2) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-3) 4%, transparent)
  );
  --cpx-border-color-branded-low: color-mix(in srgb, #8a5069 8%, transparent);
  --cpx-border-color-branded-normal: color-mix(in srgb, #8a5069 12%, transparent);
  --cpx-border-color-branded-high: color-mix(in srgb, #8a5069 16%, transparent);
  --cpx-elevation-branded-high: 0px 2px 2px 0px color-mix(in srgb, #df1067 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, #df1067 8%, transparent);
  --cpx-elevation-branded-low: 0px 2px 8px 0px color-mix(in srgb, #8a5069 8%, transparent);
}

body[data-theme='talabat-light-b2b'] {
  --cpx-content-color-branded-primary: #493022;
  --cpx-content-color-branded-secondary: #9c6649;
  --cpx-gradient-color-1: #fa0032;
  --cpx-gradient-color-2: #f55905;
  --cpx-gradient-color-3: #fae100;
  --cpx-gradient-branded-high: linear-gradient(
    235deg,
    var(--cpx-gradient-color-1),
    var(--cpx-gradient-color-2),
    var(--cpx-gradient-color-3)
  );
  --cpx-gradient-branded-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cpx-gradient-color-1) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-2) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-3) 4%, transparent)
  );
  --cpx-border-color-branded-low: color-mix(in srgb, #9c6649 8%, transparent);
  --cpx-border-color-branded-normal: color-mix(in srgb, #9c6649 12%, transparent);
  --cpx-border-color-branded-high: color-mix(in srgb, #9c6649 16%, transparent);
  --cpx-elevation-branded-high: 0px 2px 2px 0px color-mix(in srgb, #f55905 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, #f55905 8%, transparent);
  --cpx-elevation-branded-low: 0px 2px 8px 0px color-mix(in srgb, #9c6649 8%, transparent);
}

body[data-theme='pedidosya-light-b2b'] {
  --cpx-content-color-branded-primary: #4b202e;
  --cpx-content-color-branded-secondary: #a14562;
  --cpx-gradient-color-1: #fa3a00;
  --cpx-gradient-color-2: #fa0050;
  --cpx-gradient-color-3: #fa00d9;
  --cpx-gradient-branded-high: linear-gradient(
    235deg,
    var(--cpx-gradient-color-1),
    var(--cpx-gradient-color-2),
    var(--cpx-gradient-color-3)
  );
  --cpx-gradient-branded-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cpx-gradient-color-1) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-2) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-3) 4%, transparent)
  );
  --cpx-border-color-branded-low: color-mix(in srgb, #a14562 8%, transparent);
  --cpx-border-color-branded-normal: color-mix(in srgb, #a14562 12%, transparent);
  --cpx-border-color-branded-high: color-mix(in srgb, #a14562 16%, transparent);
  --cpx-elevation-branded-high: 0px 2px 2px 0px color-mix(in srgb, #fa0050 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, #fa0050 8%, transparent);
  --cpx-elevation-branded-low: 0px 2px 8px 0px color-mix(in srgb, #a14562 8%, transparent);
}

body[data-theme='glovo-light-b2b'] {
  --cpx-content-color-branded-primary: #050b0a;
  --cpx-content-color-branded-secondary: #296056;
  --cpx-gradient-color-1: #00649e;
  --cpx-gradient-color-2: #009e81;
  --cpx-gradient-color-3: #009e2a;
  --cpx-gradient-branded-high: linear-gradient(
    235deg,
    var(--cpx-gradient-color-1),
    var(--cpx-gradient-color-2),
    var(--cpx-gradient-color-3)
  );
  --cpx-gradient-branded-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cpx-gradient-color-1) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-2) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-3) 4%, transparent)
  );
  --cpx-border-color-branded-low: color-mix(in srgb, #296056 8%, transparent);
  --cpx-border-color-branded-normal: color-mix(in srgb, #296056 12%, transparent);
  --cpx-border-color-branded-high: color-mix(in srgb, #296056 16%, transparent);
  --cpx-elevation-branded-high: 0px 2px 2px 0px color-mix(in srgb, #009e81 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, #009e81 8%, transparent);
  --cpx-elevation-branded-low: 0px 2px 8px 0px color-mix(in srgb, #296056 8%, transparent);
}

body[data-theme='efood-light-b2b'] {
  --cpx-content-color-branded-primary: #0b1a16;
  --cpx-content-color-branded-secondary: #30705f;
  --cpx-gradient-color-1: #0080b4;
  --cpx-gradient-color-2: #00b485;
  --cpx-gradient-color-3: #00b422;
  --cpx-gradient-branded-high: linear-gradient(
    235deg,
    var(--cpx-gradient-color-1),
    var(--cpx-gradient-color-2),
    var(--cpx-gradient-color-3)
  );
  --cpx-gradient-branded-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cpx-gradient-color-1) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-2) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-3) 4%, transparent)
  );
  --cpx-border-color-branded-low: color-mix(in srgb, #30705f 8%, transparent);
  --cpx-border-color-branded-normal: color-mix(in srgb, #30705f 12%, transparent);
  --cpx-border-color-branded-high: color-mix(in srgb, #30705f 16%, transparent);
  --cpx-elevation-branded-high: 0px 2px 2px 0px color-mix(in srgb, #00b485 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, #00b485 8%, transparent);
  --cpx-elevation-branded-low: 0px 2px 8px 0px color-mix(in srgb, #30705f 8%, transparent);
}

body[data-theme='foody-light-b2b'] {
  --cpx-content-color-branded-primary: #0b1a16;
  --cpx-content-color-branded-secondary: #30705f;
  --cpx-gradient-color-1: #0080b4;
  --cpx-gradient-color-2: #00b485;
  --cpx-gradient-color-3: #00b422;
  --cpx-gradient-branded-high: linear-gradient(
    235deg,
    var(--cpx-gradient-color-1),
    var(--cpx-gradient-color-2),
    var(--cpx-gradient-color-3)
  );
  --cpx-gradient-branded-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cpx-gradient-color-1) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-2) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-3) 4%, transparent)
  );
  --cpx-border-color-branded-low: color-mix(in srgb, #30705f 8%, transparent);
  --cpx-border-color-branded-normal: color-mix(in srgb, #30705f 12%, transparent);
  --cpx-border-color-branded-high: color-mix(in srgb, #30705f 16%, transparent);
  --cpx-elevation-branded-high: 0px 2px 2px 0px color-mix(in srgb, #00b485 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, #00b485 8%, transparent);
  --cpx-elevation-branded-low: 0px 2px 8px 0px color-mix(in srgb, #30705f 8%, transparent);
}

body[data-theme='hungerstation-light-b2b'] {
  --cpx-content-color-branded-primary: #1a262a;
  --cpx-content-color-branded-secondary: #496b76;
  --cpx-gradient-color-1: #002dd3;
  --cpx-gradient-color-2: #1198c2;
  --cpx-gradient-color-3: #00d391;
  --cpx-gradient-branded-high: linear-gradient(
    235deg,
    var(--cpx-gradient-color-1),
    var(--cpx-gradient-color-2),
    var(--cpx-gradient-color-3)
  );
  --cpx-gradient-branded-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cpx-gradient-color-1) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-2) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-3) 4%, transparent)
  );
  --cpx-border-color-branded-low: color-mix(in srgb, #496b76 8%, transparent);
  --cpx-border-color-branded-normal: color-mix(in srgb, #496b76 12%, transparent);
  --cpx-border-color-branded-high: color-mix(in srgb, #496b76 16%, transparent);
  --cpx-elevation-branded-high: 0px 2px 2px 0px color-mix(in srgb, #1198c2 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, #1198c2 8%, transparent);
  --cpx-elevation-branded-low: 0px 2px 8px 0px color-mix(in srgb, #496b76 8%, transparent);
}

body[data-theme='yemeksepeti-light-b2b'] {
  --cpx-content-color-branded-primary: #401b27;
  --cpx-content-color-branded-secondary: #96405b;
  --cpx-gradient-color-1: #ea3600;
  --cpx-gradient-color-2: #ea004b;
  --cpx-gradient-color-3: #ea00cc;
  --cpx-gradient-branded-high: linear-gradient(
    235deg,
    var(--cpx-gradient-color-1),
    var(--cpx-gradient-color-2),
    var(--cpx-gradient-color-3)
  );
  --cpx-gradient-branded-low: linear-gradient(
    235deg,
    color-mix(in srgb, var(--cpx-gradient-color-1) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-2) 4%, transparent),
    color-mix(in srgb, var(--cpx-gradient-color-3) 4%, transparent)
  );
  --cpx-border-color-branded-low: color-mix(in srgb, #96405b 8%, transparent);
  --cpx-border-color-branded-normal: color-mix(in srgb, #96405b 12%, transparent);
  --cpx-border-color-branded-high: color-mix(in srgb, #96405b 16%, transparent);
  --cpx-elevation-branded-high: 0px 2px 2px 0px color-mix(in srgb, #ea004b 8%, transparent),
    0px 8px 24px 0px color-mix(in srgb, #ea004b 8%, transparent);
  --cpx-elevation-branded-low: 0px 2px 8px 0px color-mix(in srgb, #96405b 8%, transparent);
}



/*# sourceMappingURL=cape-expansion.css.map*/