/* ============================================================
 * Goodyear Next Branding — Overrides Hub
 *
 * This file is the single import point for all override sub-files.
 * Add new override files here rather than in global.css.
 * ============================================================ */

@import url('./overrides-profile.css?v=20260639');
@import url('./overrides-nav.css?v=20260639');
@import url('./overrides-chatter.css?v=20260639');
@import url('./overrides-websites.css?v=20260639');

/* ========================================
 * B2B Overrides
 * ======================================== */

:root {
  --dxp-c-navigation-list-hover-background-color-contrast: transparent;
  --dxp-c-record-list-column-header-background-color: #e4e4e7;
}

/* Record List Views — State and Action column overrides */
td[data-label="State"] span {
  display: inline-flex;
}

td[data-label="State"] span > img {
  margin-right: 0.5rem;
}

td[data-label="Action"] a,
td[data-col-key-value*="Action"] a {
  display: inline-block;
  background-color: var(--color-primary-100) !important;
  color: var(--color-ui-white) !important;
  padding: 5px 10px;
  border-radius: 5px;
  font-family: var(--font-family-action);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  line-height: 1.5;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  min-width: 144px;
  text-align: center;
}

td[data-label="Action"] a:hover,
td[data-col-key-value*="Action"] a:hover {
  background-color: var(--color-primary-125) !important;
  color: var(--color-ui-white) !important;
  text-decoration: none !important;
}

td[data-label="Action"] a:active,
td[data-col-key-value*="Action"] a:active {
  background-color: var(--color-primary-150) !important;
  color: var(--color-ui-white) !important;
}

/* Store names can share a prefix — location is at the end */
.menu-trigger .menu-trigger-p:last-child {
  display: none;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}

/* OOTB List/Detail Views use Tertiary button with black border per GY Branding;
   these override the detail page tokens specifically */
.slds-button_icon-bare,
.slds-button_icon {
  border: 0;
  padding: 0;
}

.slds-section__title-action.slds-button {
  border: 0;
  font-style: normal;
  font-size: var(--heading-xs-size);
  font-weight: var(--heading-xl-weight);
  line-height: var(--heading-xs-lineheight);
  letter-spacing: var(--heading-xs-letterspacing);
  text-transform: capitalize !important;
}

.slds-section__title-action.slds-button:focus-visible {
  border: 0;
}

/* Footer Overrides */
.footer h4 {
  font-family: var(--font-family-display);
}

.footer-text {
    font-size: 14px !important;
}

.logo-anchor img {
    width: 100% !important;
}

.border-outline {
  border: 1px solid var(--border-color-secondary);
  padding: 10px;
  border-radius: 4px;
}

.slds-card {
  box-shadow: none;
}

/* Record List Overrides */
.record-list-table-wrapper .slds-table td, .record-list-table-wrapper .slds-table th {
    font-size: var(--paragraph-sm-size) !important;
}

lightning-button.cancelButton {
  --sds-c-button-neutral-color-background: white;
  --sds-c-button-neutral-color-background-hover: white;
  --sds-c-button-color-border: black;
  --sds-c-button-text-color: black;
  --sds-c-button-text-color-hover: black;
  --dxp-s-button-neutral-color: var(--action-color-secondary);
  --dxp-s-button-neutral-color-background: transparent;
  --dxp-s-button-neutral-color-background-hover: white;
  --dxp-s-button-neutral-color-border: black;
  --dxp-s-button-neutral-color-border-hover: black;
  --dxp-s-button-neutral-text-color: black;
  --dxp-s-button-neutral-text-color-hover: black;
}

/* Salesforce Lightning design overrides — disable kinetic button animations */
[kx-scope=button-brand],
[kx-scope=button-filled],
[kx-scope=button-neutral],
[kx-scope=button-outline] {
  position: relative;
  overflow: hidden;
  transition: none;
}

[kx-scope=button-brand]:active,
[kx-scope=button-brand]:hover,
[kx-scope=button-filled]:active,
[kx-scope=button-filled]:hover,
[kx-scope=button-neutral]:active,
[kx-scope=button-neutral]:hover,
[kx-scope=button-outline]:active,
[kx-scope=button-outline]:hover {
  transition: none;
}

/* Flow border top on card footer override */
.slds-card__footer.navigationBar {
    border-top: none !important;
}

@media (hover: none) {
  [kx-scope=button-brand]:active,
  [kx-scope=button-filled]:active,
  [kx-scope=button-neutral]:active,
  [kx-scope=button-outline]:active {
    transform: none;
  }
}

@media (hover: none) and (prefers-reduced-motion: reduce) {
  [kx-scope=button-brand]:active,
  [kx-scope=button-filled]:active,
  [kx-scope=button-neutral]:active,
  [kx-scope=button-outline]:active {
    -webkit-transform: none;
    transform: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  [kx-scope=button-brand]:hover,
  [kx-scope=button-filled]:hover,
  [kx-scope=button-neutral]:hover,
  [kx-scope=button-outline]:hover {
    transform: none;
  }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
  [kx-scope=button-brand]:hover,
  [kx-scope=button-filled]:hover,
  [kx-scope=button-neutral]:hover,
  [kx-scope=button-outline]:hover {
    -webkit-transform: none;
    transform: none;
  }
}

/* GRID UPDATES for Banner and Utility Navigation */
.main-content-container,
.section-container {
    margin: 0px auto;
    max-width: var(--dxp-c-section-columns-max-width, var(--dxp-c-l-max-content-width, var(--dxp-c-max-content-width, var(--dxp-s-section-columns-max-width))));
}

@media (max-width: 1024px) and (min-width: 768px) {
  .header-navigation {
    width: unset;
  }

  .slds-section__title-action.slds-button {
    border: 0;
    font-style: normal;
    font-size: var(--heading-xs-size-tablet);
    font-weight: var(--heading-xl-weight);
    line-height: var(--heading-xs-lineheight-tablet);
    letter-spacing: var(--heading-xs-letterspacing-tablet);
  }
}

@media (max-width: 767px) {
  .header-navigation {
    width: unset;
  }

  .slds-section__title-action.slds-button {
    border: 0;
    font-style: normal;
    font-size: var(--heading-xs-size-mobile);
    font-weight: var(--heading-xl-weight);
    line-height: var(--heading-xs-lineheight-mobile);
    letter-spacing: var(--heading-xs-letterspacing-mobile);
  }
}

/* Added due to Polymer needs updated to modify this */
.slds-has-error .slds-combobox__input {
  border-color: var(--dxp-s-form-error-color-border);
  background-color: var(--dxp-s-form-error-color-background);
}

/*Vertical Tabs Overrides for dealerProfileParentCmp*/
.vertical-tabs-container {
  /* Active Tab Icon Color */
  --slds-c-icon-color-foreground-default: var(--color-ui-black);
}
.vertical-tabs-container .slds-vertical-tabs {
    border: none;
}
.vertical-tabs-container .slds-vertical-tabs__nav {
  width: 100%;
  background: var(--color-ui-white);
  border-radius: var(--border-radius-md);
  margin-right: .5rem;
  border: 1px solid var(--color-ui-25);
}
.user-mgmt-parent-tabset .vertical-tabs-container .slds-vertical-tabs__nav {
  height: 100%;
}
.vertical-tabs-container .slds-vertical-tabs__nav-item {
    margin: 1rem;
    border: 0;
}
.vertical-tabs-container .slds-vertical-tabs__nav-item.slds-is-active{
    background: var(--goodyear-blue-150);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--shadow-depth-light-d2);
}
.slds-vertical-tabs__nav-item.slds-is-active .slds-vertical-tabs__link:hover {
    background: var(--goodyear-blue-150);
}
.vertical-tabs-container .slds-vertical-tabs__nav-item a {
    text-decoration: none;
    color: var(--color-ui-black)!important;
}
.vertical-tabs-container .slds-vertical-tabs__nav-item.slds-is-active a {
    color: var(--color-ui-white)!important;
    position: relative;
    padding-right: 30px;
    text-decoration: none;
}
.vertical-tabs-container .slds-vertical-tabs__nav-item.slds-is-active .slds-icon {
    fill: var(--color-ui-white);
}
.vertical-tabs-container .slds-vertical-tabs__nav-item.slds-is-active a:after {
    content: " \203A";
    position: absolute;
    right: 10px;
    font-size: 1.5rem;
}
.slds-vertical-tabs__content {
    margin-left: 1rem;
}

/* LightningModal fix — PolymerBranding _components.css applies
   align-items: flex-end !important to html body .slds-modal__container,
   which right-aligns the modal card. Match the same selector so GoodyearNextBranding
   (loaded after Polymer) wins the cascade and resets it. */
html body .slds-modal__container {
    align-items: stretch !important;
}

/* Polymer's flex-end was accidentally right-aligning the close button (correct position);
   stretch breaks it. Restore right-alignment on the button only. */
html body .slds-modal__container .slds-modal__close {
    align-self: flex-end !important;
}

.modal-content .slds-rich-text-editor__output {
    font-size: var(--type-paragraph-lg-size-desktop);
}

/* Installer Application Overrides */
.radio-group-horizontal .slds-form-element__control {
    display: flex !important;
    flex-direction: row !important;
    gap: 1.5rem !important;
}

.tabset-disable .slds-tabs_scoped__nav {
    pointer-events: none;
}


/* Record List SVG - hide SVG if there are no lists/data */
.slds-illustration.slds-illustration_large .slds-illustration__svg {
  display: none;
}

/* This override is to account for the weird white space from component-wrapper-spacer set in the site theme builder */
.footer-wrapper {
  width: 100%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: -1.5rem !important;
}