:root {
    color-scheme: light;
    --helmet-border: var(--bs-border-color);
    --bs-link-color: #00538d;
    --bs-link-color-rgb: 0, 83, 141;
    --bs-link-hover-color: #00416f;
    --bs-link-hover-color-rgb: 0, 65, 111;
}
html { scrollbar-gutter: stable; zoom: 90%; }
body { background: var(--bs-tertiary-bg); }
main.helmet-content, .helmet-navbar > .container-fluid { max-width: 1680px; }
main.helmet-content { padding-top: 1.5rem; padding-bottom: 4rem; }
/* Match primary buttons to the navigation while retaining Bootstrap's states. */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00538d;
    --bs-btn-border-color: #00538d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00416f;
    --bs-btn-hover-border-color: #00416f;
    --bs-btn-focus-shadow-rgb: 38, 109, 158;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00375e;
    --bs-btn-active-border-color: #00375e;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00538d;
    --bs-btn-disabled-border-color: #00538d;
}
.btn-outline-primary {
    --bs-btn-color: #00538d;
    --bs-btn-border-color: #00538d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00538d;
    --bs-btn-hover-border-color: #00538d;
    --bs-btn-focus-shadow-rgb: 0, 83, 141;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00375e;
    --bs-btn-active-border-color: #00375e;
    --bs-btn-disabled-color: #00538d;
    --bs-btn-disabled-border-color: #00538d;
}
/* Preserve Helmet's original navigation palette with Bootstrap 5 components. */
.helmet-navbar[data-bs-theme="dark"] { background-color: #00538d; border: 0; --bs-navbar-color: #fff; --bs-navbar-hover-color: #fff; --bs-navbar-active-color: #fff; }
.helmet-navbar .navbar-nav > .nav-item > .nav-link.active { background-color: #2779b3; }
.helmet-navbar .navbar-nav > .nav-item > .nav-link.show { background-color: #00416f; }
.helmet-navbar .dropdown-menu { --bs-dropdown-color: #333; --bs-dropdown-bg: #fff; --bs-dropdown-link-color: #333; --bs-dropdown-link-hover-color: #262626; --bs-dropdown-link-hover-bg: #f5f5f5; --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #428bca; }
.helmet-navbar .navbar-brand img { max-height: 2rem; width: auto; }
.helmet-navbar .dropdown-menu { max-height: min(80vh, 48rem); overflow-y: auto; }
.helmet-navbar .dropdown-header { margin-top: .35rem; }
h1 { font-size: 1.75rem; margin-bottom: 1rem; }
h1 small, h2 small { font-size: .65em; color: var(--bs-secondary-color); }
h2 { font-size: 1.4rem; margin-top: 1.25rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1.05rem; }
.breadcrumb { margin-bottom: 1rem; }
.tab-content { background: var(--bs-body-bg); padding: 1rem; border: 1px solid var(--helmet-border); border-radius: 0 0 .375rem .375rem; }
.tab-content .tab-content { margin-top: 0; }
.nav-tabs { margin-top: 1rem; }
.nav-link { min-height: 2.5rem; }
.nav-tabs .nav-link { color: var(--bs-body-color); }
.nav-tabs .nav-link.active { font-weight: 600; }
.btn-toolbar { gap: .5rem; margin-bottom: 1rem; align-items: center; flex-wrap: wrap; }
.table { vertical-align: middle; }
.table > :not(caption) > * > * { padding: .65rem; }
.table > tbody > tr > td:first-child:has(> .form-label) { width: 25%; }
.table .form-label { margin-bottom: 0; }
.table .table { margin-bottom: 0; }
.helmet-account-label-cell { width: 33%; }
.helmet-account-name-cell { font-weight: bold; }
.productMapsEditor .headline .product-map-headline-title { font-weight: bold; }
.productMapsEditor .edit .product-map-edit-icon { display: none; }
.productMapsEditor .image .product-map-availability { position: absolute; }
.productMapsEditor > li > .product-map-title { font-weight: bold; clear: both; }
.category-product-map-modal-body { overflow: hidden; }
.category-product-maps-clear { clear: both; }
.helmet-product-not-found-card { max-width: 720px; }
.helmet-claimed-identifier { font-weight: bold; }
.short-link-field-heading { width: 180px; }
.short-link-example-heading { width: 320px; }
.product-facts-cell { width: 100%; padding: 4px !important; }
.product-facts-table { width: 100%; padding: 0; }
.product-fact-language-icon { width: 14px; height: 14px; }
.product-facts-submit { white-space: nowrap; }
.variant-inventory-label-cell,
.variant-inventory-value-cell { border-top: none !important; }
.variant-inventory-value-cell,
.variant-control-label-cell { width: 50% !important; }
.variant-control-hint { opacity: .5; }
.products .product-store-icon { padding: 4px; }
.products .product-store-icon-needs-review { padding: 2px; border: 2px solid red; border-radius: 2px; }
.products .product-title-cell { font-weight: bold; }
.products > tbody > tr > .product-variant-sku-cell { padding-left: 40px; }
.products .product-variant-sku { white-space: nowrap; }
.products .product-group-icon { width: 16px; height: 16px; }
.form-control, .form-select { min-width: 0; }
/* Hide MVC's empty validation summary until validation errors exist. */
.validation-summary-valid { display: none; }
.form-check { min-height: 1.5rem; margin-bottom: .375rem; }
.form-check-label { cursor: pointer; }
.form-check-input { cursor: pointer; }
/* Give unchecked boxes a visible edge without overriding validation or focus states. */
.form-check-input[type="checkbox"] { --bs-border-color: #6c757d; }
/* Fit icon choices to the available width and keep the entire tile clickable. */
.product-icon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 8rem), 1fr)); gap: .5rem; }
.product-icon-choice { display: flex; align-items: flex-start; gap: .5rem; min-width: 0; min-height: 5rem; padding: .5rem; border: 1px solid var(--helmet-border); border-radius: .375rem; background: var(--bs-body-bg); cursor: pointer; }
.product-icon-choice .form-check-input { flex-shrink: 0; }
.product-icon-preview { display: flex; flex: 1; flex-direction: column; align-items: center; gap: .375rem; min-width: 0; font-size: .75rem; line-height: 1.25; text-align: center; overflow-wrap: anywhere; }
.product-icon-preview img { max-width: 100%; height: 2rem; object-fit: contain; }
.product-icon-choice:hover { border-color: #00538d; }
.product-icon-choice:has(input:checked) { border-color: #00538d; background-color: #eef5fb; }
.product-icon-choice:focus-within { outline: 2px solid #00538d; outline-offset: 2px; }
.product-account-access td { overflow-wrap: anywhere; }
.product-account-access td:last-child { width: 1%; white-space: nowrap; }
.input-group-text img, .translatableStringIcon { width: 1.25rem; height: auto; }
.translatableString .input-group + .input-group { margin-top: .5rem; }
.translatableString .languages { display: grid; gap: .5rem; }
.picture-description-input { width: 90%; }
.translatable-image-preview { max-width: 180px; }
.translatable-rte .nav-link img { width: 1.25rem; height: auto; }
.cke { width: 100% !important; box-sizing: border-box; }
.cke_reset_all { letter-spacing: normal; }
fieldset { min-width: 0; }
legend { float: none; width: auto; font-size: 1.1rem; font-weight: 600; }
.notificationList { position: fixed; right: 1rem; bottom: 1rem; z-index: 1090; width: min(26rem, calc(100vw - 2rem)); }
.notificationList .alert { box-shadow: var(--bs-box-shadow); }
.shorted-guide { display: inline-block; font-size: .7em; margin-inline-start: .4rem; padding: 0 .25rem; border: 1px solid currentColor; border-radius: .2rem; }
.ui-sortable-helper { box-shadow: var(--bs-box-shadow); }
.ui-sortable-placeholder, .variant-drop-placeholder { min-height: 2rem; border: 1px dashed var(--bs-primary); background: var(--bs-primary-bg-subtle); }
.picturesEditor .pictures > li.ui-sortable-placeholder { visibility: visible !important; }
ul.dynatree-container { border: 1px solid var(--helmet-border); border-radius: .375rem; padding: .75rem; background: var(--bs-body-bg); font-family: inherit; font-size: .9rem; }
.tree-target, .list-target { min-height: 2rem; }
.loginform { max-width: 42rem; margin: 3rem auto; }
.loginform h1 { text-align: center; }
.loginform .tab-content { box-shadow: var(--bs-box-shadow-sm); }
.modal-title { font-size: 1.25rem; }
.bi { vertical-align: -.1em; }
.badges .badge { margin-inline-end: .25rem; }
.table-responsive { max-width: 100%; margin-bottom: 1rem; }
.table-responsive:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 2px; }
.products tbody.inactive { opacity: .6; }
.products tbody.inactive:hover, .products tbody.inactive:focus-within { opacity: 1; }
.picturesEditor .pictures { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .75rem; list-style: none; }
.picturesEditor .pictures > li { float: none; width: auto; min-width: 0; height: auto; margin: 0; overflow: visible; }
.picturesEditor .pictures > li .toolbar { display: flex; align-items: center; gap: .25rem; padding: .35rem; border-radius: .375rem .375rem 0 0; }
.picturesEditor .pictures > li .toolbar .btn { display: inline-flex; justify-content: center; align-items: center; width: 2rem; min-height: 2rem; margin: 0; padding: .25rem; }
.picturesEditor .pictures > li .handle { cursor: grab; touch-action: none; }
.picturesEditor .pictures > li.picture-sort-placeholder { box-sizing: border-box; visibility: visible !important; border: 1px dashed var(--bs-primary); border-radius: .5rem; background: var(--bs-primary-bg-subtle); }
.picturesEditor .pictures > li.picture-sort-dragging { box-shadow: var(--bs-box-shadow-lg); opacity: .95; }
body.picture-sort-active { user-select: none; cursor: grabbing; }
.picturesEditor .pictures > li .toolbar .btn.delete { margin-inline-start: auto; margin-right: 0; }
.picturesEditor .pictures > li .image { width: 100%; height: auto; aspect-ratio: 4 / 3; margin: 0; padding: .5rem; }
.picturesEditor .pictures > li .image a { display: block; height: 100%; }
.picturesEditor .pictures > li .image img { width: 100%; height: 100%; object-fit: contain; }
.picturesEditor .pictures > li.ishidden div { opacity: 1; filter: none; }
.picturesEditor .pictures > li.ishidden .image { opacity: .45; }
.picturesEditor .pictures > li.ishidden:hover .image, .picturesEditor .pictures > li.ishidden:focus-within .image { opacity: 1; }
.modal .previewPicture { max-height: 75vh; object-fit: contain; }
.table-responsive:has(> #variant-pictures) { max-height: 80vh; overflow: auto; }
.variant-picture-choice { position: relative; display: inline-grid; place-items: center; width: calc(5em + .5rem); height: calc(5em + .5rem); margin: 0; border: 2px solid transparent; border-radius: .25rem; cursor: pointer; }
.variant-picture-choice img { width: 5em; height: 5em; object-fit: contain; }
.variant-picture-choice:has(input:checked) { border-color: var(--bs-primary); background-color: var(--bs-primary-bg-subtle); }
.variant-picture-choice:focus-within { outline: 2px solid var(--bs-primary); outline-offset: 2px; }
.options-sort-list { display: grid; gap: 1rem; }
.option-sort-item { min-width: 0; }
.option-sort-heading { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.option-sort-heading h4 { margin: 0; }
.option-sort-handle { flex: 0 0 auto; cursor: grab; }
.option-sort-handle:active { cursor: grabbing; }
.option-sort-placeholder { min-height: 4rem; border: 2px dashed var(--bs-primary); border-radius: .375rem; background: var(--bs-primary-bg-subtle); }
.option-sort-item.ui-sortable-helper { background: var(--bs-body-bg); box-shadow: 0 .5rem 1rem rgb(0 0 0 / 15%); }
.category-description-tab-sort-handle { display: inline-block; margin-inline-end: .25rem; cursor: grab; touch-action: none; color: var(--bs-secondary-color); }
.category-description-tab-sort-handle:active { cursor: grabbing; }
.category-description-tab-sort-placeholder { visibility: visible !important; min-width: 5rem; background: var(--bs-primary-bg-subtle); border: 1px dashed var(--bs-primary); }
.category-description-tab-sort-placeholder > * { visibility: hidden; }
/* Keep the SKU visible while scrolling across the variant image matrix. */
#variant-pictures > tbody > tr > :first-child {
    position: sticky;
    inset-inline-start: 0;
    z-index: 2;
    background-color: var(--bs-body-bg);
    white-space: nowrap;
    box-shadow: 1px 0 0 var(--helmet-border);
}
.variant-picture-sku { display: block; }
.variant-picture-title { display: block; width: 12rem; max-width: 40vw; white-space: normal; overflow-wrap: anywhere; }
/* Give generated translation suggestions a distinct, consistent background. */
.ai-suggestion,
.document-ai-suggestion,
.banner-ai-suggestion,
.ai-generated-translation {
    background-color: #F3E8FF !important;
}
.ai-action-button {
    background-color: #F3E8FF;
    border-color: #D8C2F1;
    color: #4B286D;
}
.ai-action-button:hover,
.ai-action-button:focus-visible {
    background-color: #E8D5FA;
    border-color: #C4A4E8;
    color: #35184F;
}
.auto-translated-language .cke_contents { background-color: #F3E8FF !important; }
.product-information-quality-score { color: #fff !important; min-inline-size: 3.5rem; }
.product-information-quality-score.quality-red { background-color: #b02a37 !important; }
.product-information-quality-score.quality-orange { background-color: #a64b00 !important; }
.product-information-quality-score.quality-amber { background-color: #796400 !important; }
.product-information-quality-score.quality-green { background-color: #146c43 !important; }
@media (max-width: 575.98px) {
    .helmet-form-table { width: 100% !important; }
    .helmet-form-table > tbody > tr { display: block; padding-block: .5rem; border-bottom: 1px solid var(--helmet-border); }
    .helmet-form-table > tbody > tr > td { display: block; width: 100% !important; border: 0; padding: .25rem .5rem; }
    .helmet-form-table > tbody > tr > td:empty { display: none; }
    .helmet-form-table .form-label { white-space: normal; }
    .loginform { margin-block: 1rem; }
}
@media (max-width: 767.98px) {
    main.helmet-content { padding-top: 1rem; }
    .tab-content { padding: .75rem; }
    .table > tbody > tr > td:first-child:has(> .form-label) { width: auto; }
    .btn-toolbar .btn { white-space: normal; }
    .row > [class*="col-md-"] + [class*="col-md-"] { margin-top: 1rem; }
}
.variant-drop-placeholder {
    display: block;
    box-sizing: border-box;
    height: 2em;
    background-color: #eee;
}
.product-source-loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.58);
}

.product-source-loading-overlay[hidden] {
    display: none;
}

.product-source-loading-panel {
    width: min(100%, 22rem);
    padding: 2rem;
    border-radius: 0.75rem;
    background: #fff;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.24);
    text-align: center;
}
.country-section-heading {
    height: 20px;
}

.helmet-status-icon {
    width: 16px;
    height: 16px;
    max-width: none;
}

.category-tree-panel {
    border-right: solid 1px #EEE;
    padding-right: 5px;
}

.helmet-store-picker-submit-cell {
    width: 1%;
}

.helmet-store-picker-submit {
    padding-left: 5px;
    padding-right: 5px;
}

.product-edit-muted-fieldset {
    opacity: 0.5;
}

.banner-overview-unavailable {
    opacity: 0.5;
}

.banner-overview-thumbnail {
    max-width: 150px;
}

.banner-editor-image-preview {
    max-width: 180px;
}

.manual-media-image-preview {
    max-width: 100%;
}

.helmet-clear-floats {
    clear: both;
}

.product-picture-import-preview {
    max-width: 100px;
}

.order-summary-stock-sale,
.order-summary-clearance {
    font-weight: bold;
}

.order-summary-stock-sale {
    color: #DD0000;
}

.order-summary-clearance {
    color: #efa01c;
}
.product-variant-inactive {
    opacity: 0.6;
}