/*
 * ORCA storefront (default theme) in SAP Fiori (Horizon) with ORCA purple.
 * Added to <head> by views/layouts/default/orca_storefront.yml; no asset build
 * is needed. `html:root` outranks the `:root` palette that Theme Configuration
 * prints inline, so these values apply regardless of stylesheet order.
 */
@import url('fiori.css');

html:root {
    --primary-main: var(--sapBrandColor);
    --primary-hover: var(--sapButton_Emphasized_Hover_Background);
    --primary-active: var(--sapButton_Emphasized_Active_Background);
    --primary-disabled: #b3a2c5;
    --primary-light: var(--sapList_SelectionBackgroundColor);
    --secondary-c1: var(--sapAccentColor);
    --neutral-focus: var(--sapContent_FocusColor);
    --text-link: var(--sapLinkColor);
    --text-link-hover: var(--sapLink_Hover_Color);

    --btn-font-family: var(--sapFontFamily);
    --btn-border-radius: var(--sapButton_BorderCornerRadius);
    --btn-font-weight: 700;
    --btn-colored-background: var(--sapButton_Emphasized_Background);
    --btn-colored-color: var(--sapButton_Emphasized_TextColor);
    --btn-colored-hover-background: var(--sapButton_Emphasized_Hover_Background);
}

/* Oro hard-codes "Plus Jakarta Sans" on these selectors. */
body,
.body,
.dropdown-menu .dropdown-item,
.tab-collection .dropdown-menu .nav-item .nav-link,
.input,
.select,
.textarea,
.popover,
.tooltip,
.ui-dialog,
.ui-multiselect-menu .ui-multiselect-header input,
.section-title,
.accordion-group__trigger,
.uploader .filename,
.grid-views__title,
.table-styled,
.table,
.main-menu-stack-mode .main-menu__button,
.main-menu-standalone-mode .main-menu__button:only-child,
.mega-menu-depth-1__button,
.mega-menu-depth-2__button,
.mega-menu-depth-3__button,
.mega-menu-depth-4__button,
.product-totals,
.quick-order-add__subtotal-input,
button,
input,
select,
textarea {
    font-family: var(--sapFontFamily);
}

body {
    color: var(--sapTextColor);
}

h1,
h2,
h3,
h4,
h5,
h6,
.cms-typography .accent-text {
    font-family: var(--sapFontFamily);
    color: var(--sapTitleColor);
}

.input,
.select,
.textarea {
    border-color: var(--sapField_BorderColor);
    border-radius: var(--sapField_BorderCornerRadius);
}

.input:hover,
.select:hover,
.textarea:hover {
    border-color: var(--sapField_Hover_BorderColor);
}

.input:focus,
.select:focus,
.textarea:focus {
    border-color: var(--sapField_Focus_BorderColor);
}

:is(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
    outline-offset: 2px;
}

/* Product tiles and content cards */
.product-item,
.product-item--gallery-view,
.embedded-list__item .product-item {
    border-radius: var(--sapTile_BorderCornerRadius);
}

.product-item:hover {
    box-shadow: var(--sapContent_Shadow1);
}

.dropdown-menu,
.popover,
.ui-dialog {
    border-radius: var(--sapElement_BorderCornerRadius);
    box-shadow: var(--sapContent_Shadow2);
}

/* Checkout shipping methods: show the full method name (Oro truncates it at 210px). */
.checkout-form__shipping-methods-list {
    max-width: 640px;
}

.checkout-group-shipping-method-result__label {
    max-width: none;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.checkout-group-shipping-method-result__price {
    flex-shrink: 0;
}