@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helvetica.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helvetica-italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helvetica-bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helvetica-bold-italic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helvetica-light.ttf') format('truetype');
  font-weight: light;
  font-style: normal;
}

:root {
  --sds-c-button-brand-text-color: white;
  --dxp-s-button-color-contrast: white;
  --dxp-s-button-color-hover-contrast: white;
  --lwc-colorTextButtonBrand: white;
  --sds-c-osfCommonButtonLwr: white;
  --dxp-g-brand-contrast: white;
  --slds-c-card-color-border: white;
}

.top-panel {
  --dxp-c-component-wrapper-spacer-size: 0;
  --dxp-s-component-wrapper-spacer-size-mobile: 0;
}

.login-section {
  display: flex !important;
  align-items: center;
  height: 100vh;
}

.login-section>.columns-content {
  min-width: 40%;
}

.page-main-navigation {
  --dxp-g-root-contrast: var(--dxp-g-brand);
}

.multi-line-truncate {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3em;

  .grid-item-list & {
    height: auto;
    max-height: calc(var(--dxp-s-text-heading-medium-line-height) * 2);
  }
}

@media screen and (max-width: 567px) {
  .multi-line-truncate {
    display: inline;
  }
}

.multi-line-truncate--line-clamp-3 {
  -webkit-line-clamp: 3;
  height: 4.5em;
}

.multi-line-truncate--line-clamp-4 {
  -webkit-line-clamp: 4;
  height: 6em;
}

.my-profile-card-custom-properties {
  --slds-c-card-color-border: white;
  --slds-c-card-shadow: 0 0px 0px 0 rgba(255, 255, 255, 0.0);
  --sds-c-input-text-color: black;
  --dxp-s-text-heading-small-color: black;
  --sds-c-input-text-color:black;
  --dxp-s-form-element-text-color-focus:black;
  --dxp-s-form-element-label-color:black;
  --dxp-s-text-heading-medium-font-weight:bold;
  --dxp-s-form-element-label-font-weight: bold;
}

.order-calendar-modal-custom-settings {
  --dxp-s-dropdown-color-background: white;
  --dxp-s-dropdown-text-color: black;
  --dxp-s-form-element-label-color: black;
  --sds-c-input-text-color: black;
}

.profile-menu-text-colour {
  --dxp-g-root-contrast: rgba(0,133,202);
}

.sortby-dropdown-custom-settings {
  --dxp-s-dropdown-text-color: rgba(0, 133, 202);
  --dxp-s-dropdown-text-color-hover: rgba(0, 133, 202);
  --dxp-s-dropdown-color-background: white;
  --dxp-s-body-small-font-size: 1rem;
  --slds-g-shadow-6: 0 0 0 1px #0B5CAB inset;
}

.my-cases-custom-settings{
  --dxp-s-form-element-label-color:black;
  --sds-c-select-text-color:black;
}

.search-result-custom-settings{
  --sds-c-input-text-color:black;
}

.product-details-purchase-options-custom-settings{
  --dxp-s-form-element-text-color:black;
}

.flow-custom-settings{
  --dxp-s-form-element-label-color:black;
  --dxp-s-form-element-text-color:black;
}

.quick-order-custom-settings{
  --dxp-s-text-heading-medium-font-weight:bold;
  --dxp-s-text-heading-medium-color: rgba(0,133,202);
  --dxp-s-dropdown-color-background:white;
  --dxp-s-form-element-text-color-focus:black;
}

.checkout-custom-settings{
  --dxp-s-form-element-text-color:black;
  --dxp-s-form-element-text-color-focus:black;
  --dxp-s-form-element-label-color:black;
  --sds-c-input-text-color:black;
}

.filters-custom-settings{
  --dxp-g-neutral-3: rgba(0,133,202);

  .slds-button{
    --sds-c-button-text-color: rgba(0,133,202);
  }
}

.feedback-custom-settings{
  --slds-g-color-warning-base-50: rgba(254,147,58);

  commerce-layout-site:has(>.content .sticky-container>.sticky commerce_cart-checkout-button) & .feedback-container {
    bottom: 64px;
  }
}

.image-component-custom-settings{
  --slds-c-icon-color-foreground: white;
}

.checkout-shipping-method commerce-checkout-delivery-method-options [data-shipping-method-readonly] .align-radio > div {
  &, > div {
    display: contents;
  }

  commerce-formatted-price {
    font-weight: bold;
  }
}

/* Override for modal footer button alignment */
.slds-modal__footer {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;

  .slds-button {
    margin: 0 !important;
    flex: 1;
    min-width: fit-content;
  }
}

/* Override for unifying toast message stylings */
.slds-notify_container {
  --dxp-s-button-padding-block-start: 0;
  --dxp-s-button-padding-block-end: 0;
  --dxp-s-button-font-size: 1rem;

  .slds-theme--success.slds-notify .slds-icon,
  .slds-theme_success.slds-notify .slds-icon {
    --dxp-g-success-contrast: #10B981;
  }
  
  .slds-theme--error.slds-notify .slds-icon,
  .slds-theme_error.slds-notify .slds-icon,
  .slds-theme_error.slds-notify .slds-button_icon, 
  .slds-theme_error.slds-notify .slds-icon {
    --dxp-g-destructive-contrast: #df0000;
  }

  .fix-slds-notify--mobile,
  &[data-render-mode=shadow] .fix-slds-notify--mobile {
    padding: 0.5rem 1rem 0.75rem;
    min-width: 90%;
    width: 90%;
  }

  .fix-slds-notify--mobile.slds-notify_toast h2,
  &[data-render-mode=shadow] .fix-slds-notify--mobile.slds-notify_toast h2 {
    font-size: 1rem;
    font-weight: 300;
  }

  .fix-slds-notify--mobile .slds-notify__close,
  &[data-render-mode=shadow] .fix-slds-notify--mobile .slds-notify__close {
    top: 0.5rem;
  }

  &[data-render-mode=shadow] {
    --dxp-g-destructive-contrast: black;
    --dxp-g-destructive: white;
  }

  lightning-icon[title=custom-toast-icon] {
    margin-right: 6px;
  }

  .slds-notify_toast,
  .slds-notify--toast {
    background-color: var(--com-c-toast-background-color, #FFFFFF);
    color: var(--com-c-toast-text-color, #212121);
    border-color: var(--com-c-toast-border-color, var(--dxp-g-neutral));
    box-shadow: 0px 8px 12px -2px var(--com-c-toast-box-shadow, rgba(24, 24, 24, 0.1607843137));
  }

  .slds-notify .slds-text-heading_small {
    --dxp-s-body-font-size: var(--com-c-toast-font-size, 1rem);
  }

  .slds-list--inline,
  .slds-list_inline {
    align-items: center;
  }

  lightning-icon[icon-name="utility:info"] {
    --dxp-g-neutral-contrast: var(--com-c-toast-color-info);
  }

  lightning-icon[icon-name="utility:warning"] {
    --dxp-g-neutral-contrast: var(--com-c-toast-color-warning);
  }

  svg[class*=custom-icon] {
    overflow: visible;
  }

  .slds-button__icon {
    width: var(--dxp-s-button-font-size, var(--dxp-g-font-size-3));
    height: var(--dxp-s-button-font-size, var(--dxp-g-font-size-3));
  }
}

/* My account layout */
commerce_my_account-my-account-layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  
  & > [name="header"],
  & > [name="footer"] {
    flex: none;
  }

  & > [name="navigation"] {
    flex: auto;
  }

  .navigationCtn {
    min-height: auto !important;
  }
}

/* Cart page layout */
.commerce-cart-header {
  .clear-cart-section {
    flex: none;
  }

  .sort-menu {
    margin-bottom: 0;
  }

  commerce_cart-header {
    padding-bottom: 0;
    gap: 1rem;
  }

  .footer-container:empty {
    display: none;
  }
}
/* Remove hovering kx effect from buttons and other form elements */
[kx-scope]:before, [kx-scope]:after {
  content: none !important;
}