/*
    |   Movies Anywhere Brand Stylesheet
    |   created by jeffculbertson 3/24/26
    |   This stylesheet should be loaded after the base support site stylesheet(s)
*/

/*  
Fixes for body height -- 
Prevents shorter content pages from displaying white background below the footer section
*/
HTML, body,
c-dtcvx_support-theme[c-dtcvx_supportTheme_dtcvx_supportTheme-host] {
    height: auto;
}
c-dtcvx_support-theme > div[class] {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}
c-dtcvx_support-theme > div[class] section.plusBrands-content {
    flex: 1 1 auto;
}
.plusBrands-content.plusBrands-content-Article[c-dtcvx_supportTheme_dtcvx_supportTheme] {
    min-height: auto;
    background-color: var(--brand-color-background);
}

/*
Fixes for malformed SLDS CSS
*/
.plus-brands-search-results-container .slds-input-has-icon_left-right .slds-input {
    --slds-c-input-spacing-inline-start: var(--help-search-field-padding-start, 2.5rem);
    --slds-c-input-spacing-inline-end: var(--help-search-field-padding-end, 3rem);
}
.slds-input-has-icon svg.slds-input__icon[data-key="search"] {
    height: var(--help-search-field-icon-size, 1rem);
    width: var(--help-search-field-icon-size, 1rem);
    margin-top: -0.5rem;
}
.slds-form-element__control .slds-radio {
    padding-bottom: .75rem;
}
.slds-form-element__control .slds-radio .slds-radio__label {
    display: flex;
    align-items: center;
}
.slds-radio .slds-form-element__label {
    margin-bottom: 0;
    padding-inline-start: .25rem;
    hyphens: inherit;
}
.slds-breadcrumb .slds-breadcrumb__item:not(:first-child):before,
.slds-breadcrumb .slds-list__item:not(:first-child):before {
    content: '';
    background-image: var(--help-breadcrumbs-icon, var(--plus-icon-breadcrumb-divider));
    background-repeat: no-repeat;
    background-position: -6px -3px;
    background-origin: content-box;
    background-size: auto;
    display: inline-flex;
    width: var(--help-breadcrumbs-icon-width, 20px);
    height: var(--help-breadcrumbs-icon-height, 19px);
    top: var(--help-breadcrumbs-icon-top, 5px);
    left: var(--help-breadcrumbs-icon-left, 3px);
    opacity: var(--help-breadcrumbs-icon-opacity, 1);
}
.slds-button_icon.slds-button_icon-bare {
  line-height: 0; /* Firefox line height inheritance (normal) bug */
}

/* 
Lightning Component elements without tokens --
No need to change these, just redefine the invented 'slds-z' token 
in LWC components. Fallback value is the hard-coded SLDS definition.
*/
.slds-radio .slds-radio--faux, .slds-radio .slds-radio_faux {
    width: var(--slds-z-radio-width, 1rem);
    height: var(--slds-z-radio-height, 1rem);
}
.slds-radio [type=radio]:checked+.slds-radio--faux:after,
.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio--faux:after,
.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:after,
.slds-radio [type=radio]:checked+.slds-radio_faux:after,
.slds-radio [type=radio]:checked~.slds-radio--faux:after,
.slds-radio [type=radio]:checked~.slds-radio_faux:after {
    width: var(--slds-z-radio-foreground-width, .5rem);
    height: var(--slds-z-radio-foreground-height, .5rem);
}
.slds-button_brand[disabled],
.slds-button_brand:disabled, .slds-button--brand[disabled],
.slds-button--brand:disabled,
lightning-button[variant="brand"]::part(button):disabled {
    background-color: var(--slds-z-button-brand-color-background-disabled, var(--dxp-g-neutral-2));
    border-color: var(--slds-z-button-brand-color-border-disabled, var(--dxp-g-neutral-2));
    color: var(--slds-z-button-brand-text-color-disabled, white);
}

/*
NOTE:
Initial tokens defined for desktop, smaller breakpoint values follow.
Not using nested media queries for widest compatibility.
*/

:root { /* DESKTOP */

    /* Movies Anywhere base token definitions */
    --brand-color-background: #000000;
    --brand-color-foreground: #FFFFFF;
    --brand-color-primary: #00AFFF;
    --brand-color-secondary: #181A1D;
    --brand-color-accent: #4C5FEF;
    --brand-color-background-highlight: #171736;
    --brand-color-text-link: #FFFFFF;
    --brand-color-text-hover: #171736;
    --brand-ui-color-panel: #111315;
    --brand-ui-color-text: #909090;
    --brand-ui-color-border: #4D4D4D;
    --brand-ui-form-background-color: #292C30; 
    --brand-font-family-heading: 'Open Sans', sans-serif;
    --brand-font-family-body: 'Open Sans', sans-serif;

    /* Base (D+) token overrides */
    --plus-regular-font-family: var(--brand-font-family-body);
    --plus-medium-font-family: var(--brand-font-family-heading);
    --plus-heavy-font-family: var(--brand-font-family-heading);

    /* Help Dynamic Header component variables */
    --help-header-padding: 0 0 5rem 0;
    --help-header-nav-height: 68px;
    --help-header-nav-inner-height: 70px;
    --help-header-nav-background-color: var(--brand-color-secondary);
    --help-header-nav-border-decoration: 2px solid var(--brand-color-accent);
    --help-header-nav-search-width: min(100%, 430px);
    --help-header-hero-headline-font-family: var(--plus-regular-font-family);
    --help-header-hero-headline-font-size: 2.5rem;
    --help-header-hero-headline-font-style: normal;
    --help-header-hero-headline-font-weight: 300;
    --help-header-hero-headline-line-height: 1.2;
    --help-header-hero-headline-font-color: var(--brand-color-foreground);
    --help-header-hero-content-width: 900px;
    --help-header-hero-headline-align: center;
    --help-header-hero-headline-padding: 3rem 12rem 2rem 12rem;
    --help-header-hero-spacer-height: var(--help-header-nav-inner-height);
    --help-header-hero-background-image: url(/sfsites/c/resource/help_supportAssets/MoviesAnywhere/images/movies-anywhere-hero-background.jpg);
    --help-header-hero-background-position: top;
    --help-header-hero-background-size: cover;
    --help-header-logo-width: 241px;
    --help-header-logo-height: 30px;
    --help-header-site-title-background: var(--brand-color-accent);
    --help-header-site-title-foreground: var(--brand-color-foreground);
    --help-header-site-title-border-radius: 4px;
    --help-header-site-title-font-family: var(--brand-font-family-body);
    --help-header-site-title-font-size: 1rem;
    --help-header-site-title-font-weight: 400;
    --help-header-site-title-font-transform: none;
    --help-header-site-title-line-height: 1;
    --help-header-site-title-padding: 5px 10px;
    --help-header-site-title-margin-top: 0;

    /* Help Dynamic Popular Articles component variables */
    --help-popular-articles-width: 900px;
    --help-popular-articles-section-font-family: var(--brand-font-family-heading);
    --help-popular-articles-section-font-size: 2rem;
    --help-popular-articles-section-font-style: normal;
    --help-popular-articles-section-font-weight: 400;
    --help-popular-articles-section-font-transform: none;
    --help-popular-articles-section-font-color: var(--brand-color-foreground);
    --help-popular-articles-section-font-line-height: 1.2;
    --help-popular-articles-section-margin: 2rem 0 1.2rem 0;
    --help-popular-articles-item-background-color: var(--brand-color-background);
    --help-popular-articles-item-background-color-hover: var(--brand-color-background-highlight);
    --help-popular-articles-item-background-color-shadow-hover: none;
    --help-popular-articles-item-border: 2px solid var(--brand-ui-color-border);
    --help-popular-articles-item-border-radius: 8px;
    --help-popular-articles-item-font-family: var(--brand-font-family-body);
    --help-popular-articles-item-font-size: 1rem;
    --help-popular-articles-item-font-style: normal;
    --help-popular-articles-item-font-weight: 400;
    --help-popular-articles-item-font-color: var(--brand-color-foreground);
    --help-popular-articles-item-font-line-height: 1.2;
    --help-popular-articles-item-font-color-hover: var(--brand-color-primary);
    --help-popular-articles-item-font-hover-underline: none;
    --help-popular-articles-item-icon: url(/sfsites/c/resource/help_supportAssets/MoviesAnywhere/icons/icon_chevron_right_light.svg);
    --help-popular-articles-item-icon-hover: url(/sfsites/c/resource/help_supportAssets/MoviesAnywhere/icons/icon_chevron_right_light.svg);

    /* Help Dynamic Topic Home component variables */
    --help-topic-width: 900px;
    --help-topic-section-font-family: var(--brand-font-family-heading);
    --help-topic-section-font-size: 1.5rem;
    --help-topic-section-font-style: normal;
    --help-topic-section-font-weight: 400;
    --help-topic-section-font-transform: none;
    --help-topic-section-font-color: var(--brand-color-foreground);
    --help-topic-section-font-line-height: 1.2;
    --help-topic-section-margin: 2rem 0 1.2rem 0;
    --help-topic-card-background-color: var(--brand-color-background);
    --help-topic-card-background-color-hover: var(--brand-color-background-highlight);
    --help-topic-card-border: 2px solid var(--brand-ui-color-border);
    --help-topic-card-border-radius: 8px;
    --help-topic-card-padding: 1rem;
    --help-topic-card-shadow: none;
    --help-topic-card-font-family: var(--brand-font-family-body);
    --help-topic-card-font-size: 1.125rem;
    --help-topic-card-font-style: normal;
    --help-topic-card-font-weight: 400;
    --help-topic-card-font-color: var(--brand-color-foreground);
    --help-topic-card-font-color-hover: var(--brand-color-primary);
    --help-topic-card-font-line-height: 1.5;
    --help-topic-card-font-position: ;
    --help-topic-card-font-bottom: ;
    --help-topic-card-icon-width: 56px;
    --help-topic-card-icon-height: 56px;
    --help-topic-item-icon: url(/sfsites/c/resource/help_supportAssets/MoviesAnywhere/icons/icon_chevron_right_light.svg);
    --help-topic-item-icon-hover: url(/sfsites/c/resource/help_supportAssets/MoviesAnywhere/icons/icon_chevron_right_light.svg);
    --help-topic-selector-button-background-color-active: var(--brand-color-accent);
    --help-topic-selector-button-border-color-active: var(--brand-color-accent);
    --help-topic-selector-button-font-color-active: var(--brand-color-foreground);

    /* Help Dynamic Contact Tray variables */
    --help-contact-width: 1200px;
    --help-contact-padding: 3rem 0;
    --help-contact-section-font-family: var(--brand-font-family-heading);
    --help-contact-section-font-size: 2rem;
    --help-contact-section-font-style: normal;
    --help-contact-section-font-weight: 300;
    --help-contact-section-font-transform: none;
    --help-contact-section-font-color: var(--brand-color-foreground);
    --help-contact-section-font-line-height: 1.5;
    --help-contact-section-padding: 0 1rem;
    --help-contact-section-align: center;
    --help-contact-section-margin: 0 0;
    --help-contact-card-background-color: #292C30;
    --help-contact-card-shadow: 0 .6rem 1rem -.6rem rgba(4, 4, 5, .3);
    --help-contact-card-padding: 2.5rem 2rem 2.2rem 2rem;
    --help-contact-card-border-radius: 8px;
    --help-contact-card-body-font-family: var(--brand-font-family-body);
    --help-contact-card-body-font-size: 1rem;
    --help-contact-card-body-font-style: normal;
    --help-contact-card-body-font-weight: 400;
    --help-contact-card-body-font-color: var(--brand-color-foreground);
    --help-contact-card-body-font-line-height: 1.5;
    --help-contact-card-title-font-family: var(--brand-font-family-heading);
    --help-contact-card-title-font-size: 1rem;
    --help-contact-card-title-font-style: normal;
    --help-contact-card-title-font-weight: 700;
    --help-contact-card-title-font-transform: none;
    --help-contact-card-title-font-color: var(--brand-color-primary);
    --help-contact-card-title-font-line-height: 1.75;
    --help-contact-card-title-font-color-hover: var(--brand-color-foreground);
    --help-contact-card-title-font-hover-underline: none;
    --help-contact-card-icon-size: 72px;

    /* Help Dynamic Footer variables */
    --help-footer-padding: 3rem 0;
    --help-footer-links-margin: 2rem auto;
    --help-footer-logo-width: 150px;
    --help-footer-font-family: var(--brand-font-family-body);
    --help-footer-font-size: .75rem;
    --help-footer-font-style: normal;
    --help-footer-font-weight: 400;
    --help-footer-font-transform: none;
    --help-footer-font-color: var(--brand-ui-color-text);
    --help-footer-font-line-height: 1.5;
    --help-footer-font-color-hover: var(--brand-color-foreground);
    --help-footer-font-hover-underline: none;

    /* Help Dynamic Article Category component variables */
    --help-category-width: 1300px;
    --help-category-divider: 2px solid var(--brand-ui-color-border);
    --help-category-topics-padding: 2rem;
    --help-category-topics-title-font-family: var(--brand-font-family-body);
    --help-category-topics-title-font-size: 1.5rem;
    --help-category-topics-title-font-style: normal;
    --help-category-topics-title-font-weight: 400;
    --help-category-topics-title-font-transform: none;
    --help-category-topics-title-font-color: var(--brand-color-foreground);
    --help-category-topics-title-font-line-height: 1.2;
    --help-category-topics-item-height: 3.5rem;
    --help-category-topics-item-padding: 0 1rem;
    --help-category-topics-item-background-color: var(--brand-color-background);
    --help-category-topics-item-background-color-hover: var(--brand-color-text-hover);
    --help-category-topics-item-border: 2px solid var(--brand-ui-color-border);
    --help-category-topics-item-border-radius: 8px;
    --help-category-topics-item-font-family: var(--brand-font-family-body);
    --help-category-topics-item-font-size: 1rem;
    --help-category-topics-item-font-style: normal;
    --help-category-topics-item-font-weight: 400;
    --help-category-topics-item-font-transform: none;
    --help-category-topics-item-font-color: var(--brand-color-foreground);
    --help-category-topics-item-font-line-height: 1.2;
    --help-category-topics-item-font-color-hover: var(--brand-color-primary);
    --help-category-topics-item-font-color-active: var(--brand-color-foreground);
    --help-category-topics-item-font-hover-underline: none;
    --help-category-topics-item-font-alignment: start;
    --help-category-topics-item-shadow: none;
    --help-category-topics-item-icon-height: 40px;
    --help-category-topics-item-icon-width: 40px;
    --help-category-topics-item-icon-position: center;
    --help-category-topics-item-icon-fit: fill;
    --help-category-articles-padding: 2rem;
    --help-category-articles-border: 2px solid var(--brand-ui-color-border);
    --help-category-articles-item-height: 3.5rem;
    --help-category-articles-item-padding: 0 1rem;
    --help-category-articles-item-background-color: var(--brand-color-background);
    --help-category-articles-item-background-color-hover: var(--brand-color-text-hover);
    --help-category-articles-item-border: 2px solid var(--brand-ui-color-border);
    --help-category-articles-item-border-radius: 8px;
    --help-category-articles-item-font-family: var(--brand-font-family-body);
    --help-category-articles-item-font-size: 1rem;
    --help-category-articles-item-font-style: normal;
    --help-category-articles-item-font-weight: 400;
    --help-category-articles-item-font-transform: none;
    --help-category-articles-item-font-color: var(--brand-color-foreground);
    --help-category-articles-item-font-line-height: 1.2;
    --help-category-articles-item-font-color-hover: var(--brand-color-primary);
    --help-category-articles-item-font-hover-underline: none;
    --help-category-articles-item-icon: url(/sfsites/c/resource/help_supportAssets/MoviesAnywhere/icons/icon_chevron_right_light.svg);
    --help-category-articles-item-icon-hover: url(/sfsites/c/resource/help_supportAssets/MoviesAnywhere/icons/icon_chevron_right_light.svg);
    --help-category-articles-item-shadow: none;

    /* Breadcrumbs component variables */
    --help-breadcrumbs-font-family: var(--brand-font-family-body);
    --help-breadcrumbs-font-size: .875rem;
    --help-breadcrumbs-font-style: normal;
    --help-breadcrumbs-font-weight: 400;
    --help-breadcrumbs-font-transform: none;
    --help-breadcrumbs-font-color: var(--brand-color-foreground);
    --help-breadcrumbs-font-line-height: 1.5;
    --help-breadcrumbs-font-color-link: var(--brand-color-primary);
    --help-breadcrumbs-font-color-hover: var(--brand-color-foreground);
    --help-breadcrumbs-font-hover-underline: none;
    --help-breadcrumbs-icon: url(/sfsites/c/resource/help_supportAssets/MoviesAnywhere/icons/icon_chevron_right_light.svg);
    --help-breadcrumbs-icon-position: -4px 1px;
    --help-breadcrumbs-icon-width: 20px;
    --help-breadcrumbs-icon-height: 20px;
    --help-breadcrumbs-icon-top: 2px;
    --help-breadcrumbs-icon-left: 6px;
    --help-breadcrumbs-icon-opacity: .5;

    /* Help Dynamic Article component variables */
    --help-article-padding: 0;
    --help-article-border-radius: 0;
    --help-article-shadow: none;
    --help-article-background-color: var(--brand-color-background);
    --help-article-summary-font-family: var(--brand-font-family-heading);
    --help-article-summary-font-size: 2.5rem;
    --help-article-summary-font-style: normal;
    --help-article-summary-font-weight: 300;
    --help-article-summary-font-color: var(--brand-color-foreground);
    --help-article-summary-font-transform: none;
    --help-article-summary-font-line-height: 1.2;
    --help-article-date-margin: .5rem 0 0 0;
    --help-article-date-font-family: var(--brand-font-family-body);
    --help-article-date-font-size: .75rem;
    --help-article-date-font-style: normal;
    --help-article-date-font-weight: 400;
    --help-article-date-font-color: var(--brand-ui-color-text);
    --help-article-date-font-transform: none;
    --help-article-date-font-line-height: 1.2;
    --help-article-section-margin: 2.5rem 0 1rem 0;
    --help-article-section-font-family: var(--brand-font-family-heading);
    --help-article-section-font-size-2: 1.75rem;
    --help-article-section-font-size-3: 1.5rem;
    --help-article-section-font-style: normal;
    --help-article-section-font-weight: 400;
    --help-article-section-font-color: var(--brand-color-foreground);
    --help-article-section-font-transform: none;
    --help-article-section-font-line-height: 1.2;
    --help-article-content-margin: 2rem 1rem 2rem 0;
    --help-article-content-gap: .75rem;
    --help-article-content-font-family: var(--brand-font-family-body);
    --help-article-content-font-size: 1rem;
    --help-article-content-font-style: normal;
    --help-article-content-font-weight: 400;
    --help-article-content-font-color: var(--brand-color-foreground);
    --help-article-content-font-color-link: var(--brand-color-primary);
    --help-article-content-font-color-hover: var(--brand-color-text-link);
    --help-article-content-font-transform: none;
    --help-article-content-font-line-height: 1.5;
    --help-article-content-font-weight-strong: 700;
    --help-article-content-font-style-emphasis: italic;
    --help-article-content-list-margin: 1rem 0 1rem 2rem;
    --help-article-content-list-gap: .25rem;

    /* Help Dynamic Suggested Articles component variables */
    --help-suggested-articles-border-radius: 0;
    --help-suggested-articles-shadow: none;
    --help-suggested-articles-background-color: var(--brand-color-background);
    --help-suggested-articles-title-padding: 0 0 2rem 0;
    --help-suggested-articles-title-border: none;
    --help-suggested-articles-title-border-width: none;
    --help-suggested-articles-title-border-radius: 0;
    --help-suggested-articles-title-font-family: var(--brand-font-family-heading);
    --help-suggested-articles-title-font-size: 1.5rem;
    --help-suggested-articles-title-font-style: normal;
    --help-suggested-articles-title-font-weight: 400;
    --help-suggested-articles-title-font-color: var(--brand-color-foreground);
    --help-suggested-articles-title-font-transform: none;
    --help-suggested-articles-title-font-line-height: 1.2;
    --help-suggested-articles-item-container-padding: 0;
    --help-suggested-articles-item-padding: 1rem .75rem 1rem 1.25rem;
    --help-suggested-articles-item-text-padding: 0;
    --help-suggested-articles-item-border: 2px solid var(--brand-ui-color-border);
    --help-suggested-articles-item-border-radius: 8px;
    --help-suggested-articles-item-font-family: var(--brand-font-family-body);
    --help-suggested-articles-item-font-size: 1rem;
    --help-suggested-articles-item-font-style: normal;
    --help-suggested-articles-item-font-weight: 400;
    --help-suggested-articles-item-font-color: var(--brand-color-foreground);
    --help-suggested-articles-item-font-color-hover: var(--brand-color-primary);
    --help-suggested-articles-item-font-transform: none;
    --help-suggested-articles-item-font-line-height: 1.5;
    --help-suggested-articles-item-font-underline: none;
    --help-suggested-articles-item-font-underline-hover: none;

    /* Help Search component variables */
    --help-search-hero-padding: 2.5rem 2rem 1.5rem;
    --help-search-hero-title-margin: 1rem 0 0 0;
    --help-search-hero-title-font-family: var(--brand-font-family-heading);
    --help-search-hero-title-font-size: 2.5rem;
    --help-search-hero-title-font-style: normal;
    --help-search-hero-title-font-weight: 300;
    --help-search-hero-title-font-color: var(--brand-color-foreground);
    --help-search-hero-title-font-transform: none;
    --help-search-hero-title-font-line-height: 1.2;
    --help-search-page-search-container-background-color: var(--brand-color-secondary);
    --help-search-page-search-container-margin: 1rem 0;
    --help-search-page-search-container-padding: 0;
    --help-search-page-search-container-shadow: none;
    --help-search-page-search-container-border: none;
    --help-search-page-search-container-border-radius: 8px;
    --help-search-results-container-padding-inline: 2rem;
    --help-search-page-search-bar-padding: 1.5rem 2rem;
    --help-search-page-search-bar-margin: 0;
    --help-search-page-search-bar-border: solid var(--brand-ui-color-border);
    --help-search-page-search-bar-border-width: 0 0 2px 0;
    --help-search-page-filters-padding: 1rem 2rem;
    --help-search-field-margin-bottom: 0;
    --help-search-field-padding-start: 3rem;
    --help-search-field-padding-end: 2.5rem;
    --help-search-field-background-color: var(--brand-ui-form-background-color);
    --help-search-field-background-color-focus: var(--brand-ui-form-background-color);
    --help-search-field-font-color: var(--brand-color-foreground);
    --help-search-field-font-size: 1rem;
    --help-search-field-font-line-height: 34px;
    --help-search-field-border-color: var(--brand-ui-form-background-color);
    --help-search-field-border-color-focus: var(--brand-color-primary);
    --help-search-field-border-width: 1px;
    --help-search-field-border-radius: 4px;
    --help-search-field-shadow: none;
    --help-search-field-shadow-focus: none;
    --help-search-field-icon-color: var(--brand-color-primary);
    --help-search-field-icon-size: 1.25rem;
    --help-search-no-results-heading-font-family: var(--brand-font-family-heading);
    --help-search-no-results-heading-font-color: var(--brand-color-foreground);
    --help-search-no-results-heading-font-size: 1.5rem;
    --help-search-no-results-heading-font-weight: 400;
    --help-search-no-results-font-family: var(--brand-font-family-body);
    --help-search-no-results-font-color: var(--brand-color-foreground);
    --help-search-no-results-font-size: 1rem;
    --help-search-no-results-font-weight: 400;

    /* Button variables */
    --help-button-font-family: var(--brand-font-family-body);
    --help-button-font-size: 1rem;
    --help-button-font-style: normal;
    --help-button-font-weight: 400;
    --help-button-font-transform: none;
    --help-button-font-line-height: 50px;
    --help-button-padding: 0 1rem;
    --help-button-font-color: var(--brand-color-foreground);
    --help-button-font-color-hover: var(--brand-color-background);
    --help-button-font-color-disabled: var(--brand-color-foreground);
    --help-button-background-color: var(--brand-color-primary);
    --help-button-background-color-hover: var(--brand-color-foreground);
    --help-button-background-color-disabled: var(--brand-ui-color-border);
    --help-button-border-color: var(--brand-color-primary);
    --help-button-border-color-hover: var(--brand-color-foreground);
    --help-button-border-color-disabled: var(--brand-ui-color-border);
    --help-button-border-width: 2px;
    --help-button-border-radius: 30px;
    --help-button-spacing-block-start: 0;
    --help-button-spacing-inline-end: 1.75rem;
    --help-button-spacing-block-end: 0;
    --help-button-spacing-inline-start: 1.75rem;

    /* Banner component variables */
    --help-banner-margin: 2rem auto 0;
    --help-banner-padding: 1rem 1.5rem;
    --help-banner-background-color: color-mix(in srgb, var(--brand-color-accent), transparent 70%);
    --help-banner-icon-color: var(--brand-color-foreground);
    --help-banner-type-icon-color: var(--brand-color-foreground);
    --help-banner-font-color: var(--brand-color-foreground);
    --help-banner-font-family: var(--brand-font-family-body);
    --help-banner-font-size: 1rem;
    --help-banner-font-style: normal;
    --help-banner-font-weight: 400;
    --help-banner-font-transform: none;
    --help-banner-font-line-height: 1.5;
    --help-banner-font-color-link: #14ADFF;
    --help-banner-font-color-link-hover: #14ADFF;
    --help-banner-font-decoration: none;
    --help-banner-font-decoration-hover: underline;
    --help-banner-border: 2px solid var(--brand-color-accent);
    --help-banner-border-radius: 8px;
    --help-banner-shadow: 0 8px 5px -5px rgb(0 0 0 / .5);

    /* Help Error component variables */
    --help-error-title-font-family: var(--brand-font-family-heading);
    --help-error-title-font-color: var(--brand-color-foreground);
    --help-error-title-font-size: 3rem;
    --help-error-title-font-style: normal;
    --help-error-title-font-weight: 700;
    --help-error-title-font-transform: none;
    --help-error-title-font-line-height: 1.25;
    --help-error-font-family: var(--brand-font-family-body);
    --help-error-font-color: var(--brand-color-foreground);
    --help-error-font-size: 1.5rem;
    --help-error-font-style: normal;
    --help-error-font-weight: 400;
    --help-error-font-transform: none;
    --help-error-font-line-height: 1.2;
    --help-error-button-padding: 0 2rem;
    --help-error-button-border: none;
    
    /* Article Feedback component variables */
    --help-article-feedback-container-background-color: var(--brand-color-background-highlight);
    --help-article-feedback-container-border: none;
    --help-article-feedback-container-border-radius: 8px;
    --help-article-feedback-container-margin: 0;
    --help-article-feedback-container-padding: 1.5rem 2rem;
    --help-article-feedback-question-font-family: var(--brand-font-family-heading);
    --help-article-feedback-question-font-color: var(--brand-color-foreground);
    --help-article-feedback-question-font-size: 1.25rem;
    --help-article-feedback-question-font-style: normal;
    --help-article-feedback-question-font-weight: 400;
    --help-article-feedback-question-font-transform: none;
    --help-article-feedback-question-font-line-height: 1.2;
    --help-article-feedback-answer-font-family: var(--brand-font-family-heading);
    --help-article-feedback-answer-font-color: var(--brand-color-foreground);
    --help-article-feedback-answer-font-size: 1.5rem;
    --help-article-feedback-answer-font-style: normal;
    --help-article-feedback-answer-font-weight: 400;
    --help-article-feedback-answer-font-transform: none;
    --help-article-feedback-answer-font-line-height: 1.2;
    --help-article-feedback-fieldset-legend-font-family: var(--brand-font-family-body);
    --help-article-feedback-fieldset-legend-font-color: var(--brand-color-foreground);
    --help-article-feedback-fieldset-legend-font-size: 1rem;
    --help-article-feedback-fieldset-legend-font-style: normal;
    --help-article-feedback-fieldset-legend-font-weight: 700;
    --help-article-feedback-fieldset-legend-font-transform: none;
    --help-article-feedback-fieldset-legend-font-line-height: 1.2;
    --help-article-feedback-fieldset-radio-diameter: 20px;
    --help-article-feedback-fieldset-radio-background-color: var(--brand-color-background);
    --help-article-feedback-fieldset-radio-background-color-selected: var(--brand-color-background);
    --help-article-feedback-fieldset-radio-border-color: var(--brand-color-foreground);
    --help-article-feedback-fieldset-radio-border-color-selected: var(--brand-color-foreground);
    --help-article-feedback-fieldset-radio-border-width: 2px;
    --help-article-feedback-fieldset-radio-foreground-diameter: 10px;
    --help-article-feedback-fieldset-radio-foreground-color-selected: var(--brand-color-primary);
    --help-article-feedback-fieldset-label-font-family: var(--brand-font-family-body);
    --help-article-feedback-fieldset-label-font-color: var(--brand-color-foreground);
    --help-article-feedback-fieldset-label-font-size: 1rem;
    --help-article-feedback-fieldset-label-font-style: normal;
    --help-article-feedback-fieldset-label-font-weight: 400;
    --help-article-feedback-fieldset-label-font-transform: none;
    --help-article-feedback-fieldset-label-font-line-height: 1.2;
    --help-article-feedback-textarea-label-font-family: var(--brand-font-family-body);
    --help-article-feedback-textarea-label-font-color: var(--brand-ui-color-text);
    --help-article-feedback-textarea-label-font-size: .875rem;
    --help-article-feedback-textarea-label-font-style: normal;
    --help-article-feedback-textarea-label-font-weight: 400;
    --help-article-feedback-textarea-label-font-transform: none;
    --help-article-feedback-textarea-label-font-line-height: 1.2;
    --help-article-feedback-textarea-font-family: var(--brand-font-family-body);
    --help-article-feedback-textarea-font-color: var(--brand-color-foreground);
    --help-article-feedback-textarea-font-size: 1rem;
    --help-article-feedback-textarea-font-style: normal;
    --help-article-feedback-textarea-font-weight: 400;
    --help-article-feedback-textarea-font-transform: none;
    --help-article-feedback-textarea-font-line-height: 1.2;
    --help-article-feedback-textarea-background-color: var(--brand-color-background-highlight);
    --help-article-feedback-textarea-background-color-focus: var(--brand-color-background-highlight);
    --help-article-feedback-textarea-border-radius: 8px;
    --help-article-feedback-textarea-border-color: rgb(255 255 255 / .35);
    --help-article-feedback-textarea-border-color-focus: var(--brand-color-primary);
    --help-article-feedback-textarea-border-width: 1px;

    /* Modal component variables */
    --help-modal-background-color: var(--brand-color-background-highlight);
    --help-modal-overlay-color: color-mix(in srgb, var(--brand-color-background), transparent 20%);
    --help-modal-header-background-color: var(--brand-color-background);
    --help-modal-header-border: 2px solid var(--brand-ui-color-border);
    --help-modal-header-font-family: var(--brand-font-family-heading);
    --help-modal-header-font-color: var(--brand-color-foreground);
    --help-modal-header-font-size: 1.25rem;
    --help-modal-header-font-style: normal;
    --help-modal-header-font-weight: 400;
    --help-modal-header-font-transform: none;
    --help-modal-header-font-line-height: 1.2;
    --help-modal-font-family: var(--brand-font-family-body);
    --help-modal-font-color: var(--brand-color-foreground);
    --help-modal-font-size: 1rem;
    --help-modal-font-style: normal;
    --help-modal-font-weight: 400;
    --help-modal-font-transform: none;
    --help-modal-font-line-height: 1.2;

}

@media only screen and (max-width: 64em) { /* TABLET */
:root { 

    /* Help Dynamic Header component variables */
    --help-header-hero-content-width: 700px;
    --help-header-hero-headline-padding: 3rem 8rem 2rem 8rem;

    /* Help Dynamic Popular Articles component variables */
    --help-popular-articles-width: 700px;

    /* Help Dynamic Topic Home component variables */
    --help-topic-width: 700px;

}
}

@media only screen and (max-width: 47.9375em) { /* MOBILE LANDSCAPE/LARGE FORMAT */
:root { 

    /* Help Dynamic Header component variables */
    --help-header-hero-content-width: 100%;
    --help-header-hero-headline-font-size: 2.25rem;
    --help-header-hero-headline-padding: 3rem 2rem 2rem 2rem;
    --help-header-padding: 0 0 4rem 0;

    /* Help Dynamic Contact Tray variables */
    --help-contact-card-padding: 1.5rem;

    /* Help Search component variables */ 
    --help-search-page-search-bar-padding: 1rem;

}
}

@media only screen and (max-width: 29.9375em) { /* MOBILE PORTRAIT/SMALL FORMAT */
:root { 

    /* Help Dynamic Header component variables */
    --help-header-logo-width: 38px;
    --help-header-logo-height: 26px;
    --help-header-site-title-font-size: .875rem;
    --help-header-site-title-padding: 4px 6px;
    --help-header-hero-headline-padding: 3rem 0rem 2rem 0rem;
    --help-header-hero-headline-font-size: 2rem;

    /* Help Search component variables */   
    --help-search-hero-padding: 2.5rem 1rem 1.5rem;
    --help-search-results-container-padding-inline: 1rem;

}
.help-hero-logo[c-help_dynamicHeader_help_dynamicHeader] {
    height: var(--help-header-logo-height, auto);
    object-fit: cover;
    object-position: left;
}
}


/*  Banner class overrides 
    Unfortunately, to beat specificity of the stylesheet that is loaded in the component, 
    the brand name in the class must be changed to match this stylesheet.
*/
.plus-brands-notification-single .plus-brands-notification-brand-MoviesAnywhere .plus-brands-notification-outer {
    padding: var(--help-banner-padding);
    margin: var(--help-banner-margin);
    background: var(--help-banner-background-color);
    border: var(--help-banner-border);
    border-radius: var(--help-banner-border-radius) !important;
    box-shadow: var(--help-banner-shadow);
}
.plus-brands-notification-single .plus-brands-notification-brand-MoviesAnywhere .plus-brands-notification-text,
.plus-brands-notification-carousel .plus-brands-notification-brand-MoviesAnywhere .plus-brands-notification-inner {
    font-family: var(--help-banner-font-family);
    color: var(--help-banner-font-color);
    font-size: var(--help-banner-font-size);
    --dxp-c-link-text-color: var(--help-banner-font-color-link);
    --dxp-c-link-text-color-hover: var(--help-banner-font-color-link-hover);
    --dxp-c-link-text-decoration: var(--help-banner-font-decoration);
    --dxp-s-link-text-decoration-hover: var(--help-banner-font-decoration-hover);
}
.plus-brands-notification-carousel .plus-brands-notification-brand-MoviesAnywhere .plus-brands-notification-outer {
    padding: var(--help-banner-padding);
    margin: 0;
    background: var(--help-banner-background-color);
    border-bottom: var(--help-banner-border);
    border-radius: 0;
    box-shadow: none;
}
.plus-brands-notification-carousel .plus-brands-notification-brand-MoviesAnywhere .support-banner-carousel-wrap .support-banner-play-pause button.slds-button_icon {
    border: 2px solid var(--brand-color-foreground);
    border-radius: 50%;
    width: 24px;
    height: 24px;
}
.plus-brands-notification-carousel .plus-brands-notification-brand-MoviesAnywhere .support-banner-carousel-wrap button.slds-button_icon svg.slds-button__icon {
    fill: var(--brand-color-foreground);
}
.plus-brands-notification-carousel .plus-brands-notification-brand-MoviesAnywhere .support-banner-carousel-wrap .rightControls .plus-brands-notification-close {
    width: 16px;
    height: 16px;
    padding: 0;
}
.plus-brands-notification-carousel .plus-brands-notification-brand-MoviesAnywhere .dots {
    margin-inline-start: 80px;
}
@media only screen and (max-width: 29.9375em) {
.plus-brands-notification-carousel .plus-brands-notification-brand-MoviesAnywhere .dots {
    margin-inline-start: 0;
}
}
.plus-brands-notification-carousel .plus-brands-notification-brand-MoviesAnywhere .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--brand-color-foreground);
    background: transparent;
}
.plus-brands-notification-carousel .plus-brands-notification-brand-MoviesAnywhere .dot--active {
    background: var(--brand-color-foreground);
}

/* - - - - - TEMP OVERRIDES for dtcvx_support_search styles - - - - - */
.plus-brands-search-results-wrap {
    padding-inline: var(--help-search-results-container-padding-inline);
}
.plus-brands-search-results-wrap .plus-brands-search-results-top-section {
    display: block;
    background: var(--help-search-page-search-container-background-color, #FFF);
    box-shadow: var(--help-search-page-search-container-shadow, 0rem 0.2rem 0.6rem rgba(0, 0, 0, .15));
    margin: var(--help-search-page-search-container-margin, 1rem 0);
    padding: var(--help-search-page-search-container-padding, 0);
    border: var(--help-search-page-search-container-border, 0 none);
    border-radius: var(--help-search-page-search-container-border-radius, 4px);
}
.plus-brands-search-results-wrap .search-container.plus-brands-search-results-bar-wrap {
    margin: var(--help-search-page-search-bar-margin, 0 0 1rem 0);
    padding: var(--help-search-page-search-bar-padding, 1.5rem 2rem .6rem 2rem);
    border: var(--help-search-page-search-bar-border, solid #C5CAD3);
    border-width: var(--help-search-page-search-bar-border-width, 0 0 1px 0);
}
.plus-brands-search-results-bar-wrap .plus-brands-search-results-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: .75em;
}
.plus-brands-search-results-bar-wrap .search-field-container.plus-brands-search-field-container,
.plus-brands-search-results-wrap .plus-brands-search-results-footer .search-topic-filter .slds-form-element {
    --dxp-g-spacing-medium: var(--help-search-field-margin-bottom, 1rem);
}
.search-field-container.plus-brands-search-field-container {
    --slds-c-input-spacing-inline-start: var(--help-search-field-padding-start, 2.5rem);
    --slds-c-input-spacing-inline-end: var(--help-search-field-padding-end, 3rem);
    --slds-c-input-color-background: var(--help-search-field-background-color, #FFF);
    --slds-c-input-color-background-focus: var(--help-search-field-background-color-focus, #FFF);
    --dxp-c-input-text-font-size: var(--help-search-field-font-size, 1rem);
    --slds-c-input-text-color: var(--help-search-field-font-color, var(--dxp-s-form-element-text-color));
    --dxp-s-form-element-text-line-height: var(--help-search-field-font-line-height, 3.2em);
    --slds-c-input-color-border: var(--help-search-field-border-color, #C5CAD3);
    --slds-c-input-color-border-focus: var(--help-search-field-border-color-focus, #C5CAD3);
    --dxp-c-input-width-border: var(--help-search-field-border-width, 1px);
    --slds-c-input-radius-border: var(--help-search-field-border-radius, 0.3rem);
    --slds-c-input-shadow: var(--help-search-field-shadow, none);
    --slds-c-input-shadow-focus: var(--help-search-field-shadow-focus, 0 0 3px 0 var(--dxp-g-brand-1));
    --slds-g-color-neutral-base-50: var(--help-search-field-icon-color, #000);
    --dxp-s-button-font-size: var(--help-search-field-icon-size, 1rem);
}
.plus-brands-search-results-wrap .plus-brands-search-results-container .slds-input[type="search"] {
    background-color: var(--help-search-field-background-color, #FFF);
    height: auto;
    line-height: var(--help-search-field-font-line-height, 3.2em);
    border-radius: var(--help-search-field-border-radius, 0.3rem);
    font-size: var(--help-search-field-font-size, 1rem);
    --slds-c-input-spacing-horizontal-start: 2.5rem;
    border: var(--help-search-field-border-width, 1px) solid var(--help-search-field-border-color, #C5CAD3);
    --slds-c-input-spacing-inline-start: var(--help-search-field-padding-start, 2.5rem);
    --slds-c-input-spacing-inline-end: var(--help-search-field-padding-end, 3rem);
}
.plus-brands-search-results-bar-wrap .plus-brands-search-button button.slds-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    padding: var(--help-button-spacing-block-start) var(--help-button-spacing-inline-end) var(--help-button-spacing-block-end) var(--help-button-spacing-inline-start);
    --slds-c-button-brand-color-background: var(--help-button-background-color);
    --slds-c-button-brand-text-color: var(--help-button-font-color);
    --dxp-s-button-font-family: var(--help-button-font-family);
    --dxp-s-button-font-size: var(--help-button-font-size);
    --dxp-s-button-font-style: var(--help-button-font-style);
    --dxp-s-button-font-weight: var(--help-button-font-weight);
    --dxp-s-button-text-transform: var(--help-button-font-transform);
    --dxp-s-button-line-height: var(--help-button-font-line-height);
    --slds-c-button-brand-color-border: var(--help-button-border-color);
    --slds-c-button-sizing-border: var(--help-button-border-width);
    --slds-c-button-radius-border: var(--help-button-border-radius);
    --slds-c-button-brand-color-background-hover: var(--help-button-background-color-hover);
    --slds-c-button-brand-text-color-hover: var(--help-button-font-color-hover);
    --slds-c-button-brand-color-border-hover: var(--help-button-border-color-hover);
}
.plus-brands-search-results-wrap .plus-brands-search-results-container svg.slds-input__icon[data-key="search"],
.help-hero-searchBar .plus-brands-search-results-container svg.slds-input__icon[data-key="search"] {
    fill: var(--help-search-field-icon-color) !important;
    height: var(--help-search-field-icon-size, 1rem);
    width: var(--help-search-field-icon-size, 1rem);
    margin-top: -9px;
    margin-inline-start: .25rem;
}
.search-field-container .slds-button_icon svg.slds-button__icon[data-key="clear"] {
    height: var(--help-search-field-icon-size, 18px);
    width: var(--help-search-field-icon-size, 18px);
    background-size: contain;
}
.plus-brands-search-results-bar-wrap .plus-brands-search-results-container .slds-input__icon-group button.slds-input__icon.slds-input__icon_right.slds-button.slds-button_icon svg {
    fill: var(--help-search-field-icon-color, #636E85);
}
.plus-brands-search-results-wrap .plus-brands-search-results-footer {
    padding: var(--help-search-page-filters-padding, 0 2rem);
}
.plus-brands-search-results-wrap .plus-brands-search-results-footer .search-topic-filter a.plus-brands-search-footer-clear {
    color: var(--brand-color-primary, (--plus-dark-grey-1-color));
    font-family: var(--brand-font-family-body, (--plus-medium-font-family));
    top: 0;
}
.plus-brands-search-results-showing {
    padding: 0 0 1rem 0;
}
.plus-brands-search-results-wrap .results-meta-display.plus-brands-search-results-text {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    font-family: var(--brand-font-family-body);
    color: var(--brand-color-foreground);
}
.plus-brands-search-results-sort-by .slds-combobox_container .slds-combobox button {
    padding: .5rem 1rem;
    display: block;
    background-color: var(--brand-color-background, #FFF);
    border: 2px solid var(--brand-ui-color-border);
    line-height: 1.5;
    border-radius: var(--help-search-field-border-radius);
}
.help-hero-searchBar .search-field-container.plus-brands-search-field-container .slds-input[type="search"] {
    --input-color-background: var(--brand-color-foreground);
    --input-color-background-focus: var(--brand-color-foreground);
    --slds-c-input-text-color: var(--brand-color-background);
    --slds-c-input-text-color-focus: var(--brand-color-background);
    --slds-c-input-radius-border: 8px;
    --border-width: 2px;
    --border-color: var(--brand-color-primary);
}
.help-hero-searchBar .search-field-container.plus-brands-search-field-container .slds-input[type="search"]::placeholder {
    color: var(--brand-ui-color-text);
}
.result-container {
    border-radius: 8px;
    margin-top: 8px;
    position: absolute;
    width: 100%;
    box-shadow: var(--hds-shadow-large);
    z-index: 1000;
    background-color: var(--brand-color-secondary);
    border: 2px solid var(--brand-ui-color-border);
}
.result-container::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent var(--brand-ui-color-border) transparent;
    position: absolute;
    top: -12px;
    left: 40px;
}
.search-results-header {
    padding: 12px 24px 0 24px;
    border-radius: 0;
}
.plusBrands-header .result-container .search-results-header.text-subtitle {
    font-family: var(--plus-medium-font-family);
    font-weight: 700;
    color: var(--brand-color-foreground);
}
.plusBrands-header .result-container .search-result-item {
    color: var(--brand-ui-color-text);
    font-family: var(--brand-font-family-body);
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item {
    border-radius: 8px;
    background-color: var(--brand-ui-form-background-color);
    box-shadow: 0rem 0.2rem 0.3rem rgba(0, 0, 0, .15);
    display: block;
    margin-bottom: 1.5rem;
    border: none;
    width: 100%;
    text-align: left;
    color: var(--brand-color-foreground);
}
.plus-brands-search-results-wrap .plus-brands-search-item-body {
    padding: 1.5rem;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item-subtitle {
    font-size: 1.2rem;
    font-family: var(--plus-medium-font-family);
    font-weight: 700;
    line-height: 24px;
    color: var(--brand-color-foreground);
    margin-bottom: 8px;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item:hover .plus-brands-search-item-subtitle {
    color: var(--brand-color-primary);
    text-decoration: none;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item-summary {
    margin-bottom: 0;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item:hover {
    text-decoration: none !important;
    outline: 1px solid #1457AE;
    background-color: #F2F8FD;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item:hover {
    text-decoration: none !important;
    outline: 2px solid var(--brand-color-primary) !important;
    background-color: var(--brand-color-text-hover) !important;
}
.plus-brands-search-results-wrap .plus-brands-search-wrap .plus-brands-search-item:hover .plus-brands-search-item-summary {
    color: var(--brand-color-foreground);
    text-decoration: none !important;
}
.plus-brands-search-results-wrap .plus-brands-search-results-footer .search-topic-filter input.slds-combobox__input {
    height: 2.8rem;
    line-height: 2.8rem;
    border-radius: var(--help-search-field-border-radius) !important;
    font-size: 1rem;
    --slds-c-input-spacing-horizontal-start: 2.5rem;
    border: 2px solid var(--brand-ui-color-border);
    font-family: var(--plus-regular-font-family);
    background-color: var(--brand-color-background);
}
.help-hero-searchBar-secondary .slds-input[type="search"] {
    height: 2.75rem;
    font-size: 1rem;
    line-height: 1;
}
.help-hero-searchBar-secondary .result-container {
    margin-top: 1.25rem;
    max-width: var(--help-header-nav-search-width);
    width: 100%;
    z-index: 10000;
}
.slds-modal__container .slds-modal__content.search-modal-container .hds-modal-content {
    padding: 1rem;
}
.plus-brands-search-results-wrap .pagination-container lightning-button-group.pagination-button-group.slds-button-group {
    color: var(--brand-color-foreground);
}
.slds-modal__container .slds-modal__content.search-modal-container .hds-modal-header svg.slds-button__icon {
    fill: var(--brand-color-foreground, #000);
}
.plus-brands-search-results-wrap .pagination-container button.slds-button[disabled] {
    color: var(--brand-ui-color-border);
}
.plus-brands-search-results-wrap .pagination-container button.slds-button svg.slds-button__icon {
    fill: currentColor !important;
}
.plus-brands-search-results-wrap .pagination-container button.slds-button {
    color: var(--brand-color-foreground);
}
.plus-brands-search-results-wrap .pagination-container lightning-button.selected-button {
    background-color: var(--brand-color-primary);
}
.plus-brands-search-results-wrap .pagination-container .selected-button button.slds-button {
    color: var(--brand-color-foreground);
}
.plus-brands-search-results-wrap .page-size-menu-container .slds-combobox_container button {
    border: 2px solid var(--brand-ui-color-border);
    font-family: var(--brand-font-family-body);
    background-color: var(--brand-color-background);
}
@media only screen and (max-width: 47.9375em) {
    .plus-brands-search-results-top-section .mobile-filter-container {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        padding: var(--help-search-page-search-bar-padding);
    }
    .mobile-filter-button .mobile-filter {
        --slds-c-button-radius-border: var(--help-button-border-radius);
        --slds-c-button-sizing-border: var(--help-button-border-width);
        --slds-c-button-neutral-color-border: var(--brand-ui-color-border);
        --slds-c-button-text-color: var(--brand-color-foreground);
    }
    .slds-modal__container .slds-modal__content.search-modal-container .hds-modal-header {
        padding: 1.2rem 1.5rem .8rem 1.5rem;
        border-bottom: var(--help-modal-header-border, var(--border-color));
        font-family: var(--help-modal-header-font-family, var(--plus-medium-font-family));
        color: var(--help-modal-header-font-color, var(--plus-text-color));
        font-size: var(--help-modal-header-font-size, 1.1rem);
        font-style: var(--help-modal-header-font-style, 1.1rem);
        font-weight: var(--help-modal-header-font-weight, 1.1rem);
        text-transform: var(--help-modal-header-font-transform, 1.1rem);
        line-height: var(--help-modal-header-line-height, 1.1rem);
    }
}
@media only screen and (max-width: 29.9375em) {
    .plus-brands-search-results-top-section .mobile-filter-container {
        flex-direction: column;
        gap: 1rem;
    }
    .plus-brands-search-results-top-section .mobile-filter-button {
        padding-bottom: 0;
    }
}
/* - - - - - END TEMP SEARCH OVERRIDES - - - - - */


/* Accessibility Overrides */
/*- Popular Articles Home --*/
.help-popular-article-inner .help-popular-article-item:focus,
.help-popular-article-inner .help-popular-article-item:focus-visible {
    outline-offset: -3px !important;
    outline-width: 2px;
}

.help-article-feedback-button .slds-button_neutral {
    --slds-c-button-neutral-color-background: transparent;
    --slds-c-button-neutral-color-background-hover: transparent;
    --slds-c-button-text-color: var(--brand-color-foreground);
    --slds-c-button-text-color-hover: var(--brand-color-primary);
    --slds-c-button-neutral-color-border: var(--brand-color-foreground);
    --slds-c-button-neutral-color-border-hover: var(--brand-color-primary);
    --slds-c-button-sizing-border: var(--help-button-border-width);
}

.plus-brands-colang-inner .slds-listbox {
    background-color: var(--brand-color-background) !important;
    --dxp-s-dropdown-color-background-hover: var(--brand-color-background-highlight);
}
.plus-brands-colang-inner .slds-combobox_container .slds-listbox__option-icon svg.slds-icon {
    fill: var(--brand-color-accent);
}

/* Mobile header search conditionals */
@media only screen and (max-width: 47.9375em) {
    .help-hero-logo-secondary:has(+ .help-hero-search-login-wrap .search-field-container) {
        display: none;
    }
    .help-hero-searchBar, 
    .help-hero-searchBar-secondary:has(.search-field-container) {
        --help-header-nav-search-width: 100%;
    }
    .help-hero-searchBar .result-container, 
    .help-hero-searchBar-secondary .result-container {
        max-width: calc(var(--help-header-nav-search-width) - 2rem);
    }
    .plus-brands-search-results-container .search-field-container .search-field.slds-form-element {
        z-index: 0;
    }
    /* Mobile search bar and button styling */
    .search-container.plus-brands-search-results-bar-wrap .plus-brands-search-results-container .slds-form-element__control .slds-input__icon-group_right {
        top: 50% !important;
        right: 0px;
    }
    .plus-brands-search-results-showSearchBar .slds-button,
    .plus-brands-search-results-showSearchIcon .slds-button {
        border: 1px solid transparent;
        border-radius: 8px;
        background-color: #292C30;
        height: 2.5rem;
        width: 2.5rem;
        --dxp-s-button-font-size: 1.5rem;
    }
}