:root {
    /* colors */
    --purple-50: #FABDFA;
    --purple-900: #2F0158;
    --purple-950: #260144;
    --blue-300: #186EFF;
    --blue-800: #181D83;
    --gray-300: #F4F4F4;
    --gray-500: #5D5D5D;

    --blue-100: #C5EAF9;
    --blue-900: #00297C;
    --blue-950: #0D2978;

    --black: #000000;
    --white: #ffffff;
}

/* helper classes */
.text-white {
    color: var(--white);
}

.text-navy {
    color: var(--blue-900);
}

/* [START] Brand specific styles */
html {
    background-color: var(--blue-100);
}


.helpcenter__header {
    background-color: var(--white);
}

.helpcenter__header .slds-text-heading_large {
    color: var(--blue-950);
}

.helpcenter__footer {
    background-color: var(--blue-950);
}

.submit-request__container {
    background-color: var(--blue-100);
    max-width: 100%;
    margin-top: -2rem;
    margin-bottom: 1rem;
}


/* The first class refers to the custom component name so it's easier to visualise where the style is being applied */
/* Knowledge Data Category Groups Custom Component */

.knowledge-data-category-groups .category-text__weight {
    font-weight: 500;
}

.topic-header {
    color: var(--blue-950) !important;
}

/* [END] Knowledge Data Category Groups Custom Component */

/* Knowledge Popular Articles Custom Component */

.article-header {
    color: var(--blue-950) !important;
}

.knowledge-popular-articles .popular-article__title {
    color: var(--blue-950);
    font-weight: 600;
}

/* [END] Knowledge Popular Articles Custom Component */


/* Knowledge Category View Custom Component*/
.category-view__chevron-down {
    --slds-c-icon-color-foreground-default: var(--black);
}

.knowledge-category-view .grid-item-border-color {
    color: var(--blue-950);
}

.knowledge-category-view .article-title__link {
    color: var(--gray-500) !important;
}

.knowledge-category-view .category-text__weight {
    font-weight: 500;
}
/* [END] Knowledge Category View Custom Component*/

/* [START] Knowledge Article Custom Component*/

.content-wrapper a,
.content-wrapper a:link:not(.slds-button, .slds-dropdown__item > a),
.content-wrapper a:visited:not(.slds-button, .slds-dropdown__item > a){
    color: var(--blue-950);
    font-weight: bold;
}

/* [END] Knowledge Article Custom Component*/

/* [START] Breadcrumbs Component */

.breadcrumbs-container a,
.breadcrumbs-container a:link:not(.slds-button, .slds-dropdown__item > a),
.breadcrumbs-container a:visited:not(.slds-button, .slds-dropdown__item > a) {
    color: black; 
}

/* [END] Breadcrumbs Component */


/* Help Center Dynamic Footer Component*/
.help-centre-dynamic-footer  {
    background-color: var(--blue-100 );
    color: var(--blue-950);
}

.help-centre-dynamic-footer .slds-text-heading_medium {
    color: var(--blue-950) !important;
}

.help-centre-dynamic-footer .submit-button {
    border-radius: 24px;
}

.help-centre-dynamic-footer a.submit-button__action {
    border-color: var(--blue-950);
}

.help-centre-dynamic-footer a.submit-button__action:focus {
    box-shadow: 0 0 0 2px var(--blue-950);
}

.help-centre-dynamic-footer a.submit-button__action:hover {
    color: var(--purple-50);
}

/* [END] Help Center Dynamic Footer Component*/


/* Help Center Support Form Component */
.help-center-support-form .slds-form-element__label {
    color: var(--black);
    font-weight: 500;
}

.help-center-support-form {
    --slds-c-input-color-background: var(--white) !important;
    --slds-c-textarea-color-background: var(--white) !important;
}

.help-center-support-form .slds-input:focus,
.help-center-support-form .slds-combobox__input:focus,
.help-center-support-form .slds-textarea:focus,
.help-center-support-form .slds-checkbox_faux,
.help-center-support-form .slds-has-error .slds-input,
.help-center-support-form .slds-has-error .slds-textarea {
    background-color: var(--white) !important;
}

.help-center-support-form .slds-file-selector__body {
    background-color: var(--white);
}

.help-centre-support-form .submit-button {
    border-radius: 24px !important;
}

.help-centre-support-form .submit-button:not(:disabled) {
    color: var(--purple-50, #FABDFA) !important;
}

.help-centre-support-form .submit-button:focus {
    box-shadow: 0 0 0 2px var(--blue-950);
}
/* [END] Help Center Support Form Component */


/* File Upload Component */
.file-upload__button .slds-button {
    --sds-c-button-text-color: var(--black);
}

.file-upload__button .slds-button:hover {
    --sds-c-button-text-color-hover: var(--blue-950);
    --slds-c-button-color-border-hover: var(--blue-950);
}

/* [END] File Upload Component */

/* [END] Brand specific styles */


/* [START] Common styles */
.footer-container, .footer-container-copyright {
    font-size: 0.8rem;
    max-width: 800px;
}

.footer-link {
    text-align: center;
}

.footer-link > a {
    color: var(--blue-950);
}

.footer-container a {
    text-decoration: underline !important;
}

.footer-disc {
    width: 100%;
}

.footer-disc-txt > a {
    color: var(--blue-950);
}

/*
    SLDS Breakpoints:
    - Phone: < 480px
    - Tablet: 480px - 768px
    - Desktop: 768px - 1024px
    - Large Desktop: ≥ 1024px
*/

/* Phone - anything below 480px */
@media (max-width: 479px) {
    .footer-container {
        width: 100%;
    }

    .footer-link {
        padding: .5em 0;
        text-align: left;
    }

    .footer-plresp {
        padding: 2rem 0;
    }

    .footer-disc-icons {
        justify-content: center;
    }

    .footer-disc {
        gap: 2rem;
    }

    .footer-links {
        max-width: 350px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

}

/* Tablet */
@media (min-width: 480px) and (max-width: 767px) {
    .footer-container {
        width: 100%;
    }

    .footer-link {
        padding: .5em 0;
        text-align: left;
    }

    .footer-plresp {
        padding: 2rem 0;
    }

    .footer-disc-icons {
        justify-content: center;
    }

    .footer-disc {
        gap: 2rem;
    }

    .footer-links {
        max-width: 350px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

/* Desktop */
@media (min-width: 768px) and (max-width: 1023px) {
    .footer-container {
        width: 90%;
    }

    .footer-links {
        display: flex;
        justify-content: space-between;
    }
}

/* Large Desktop */
@media (min-width: 1024px) {
    .footer-container {
        width: 80%;
    }

    .footer-links {
        display: flex;
        justify-content: space-between;
    }

}

.footer-disc-icons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

.footer-disc-icons img {
    width: auto;
    height: auto;
    object-fit: contain;
}

.footer-disc-icons img[src*="mga"] {
    width: 84px;
    height: 26px;
}

.footer-disc-icons img[src*="rgf"] {
    width: 34px;
    height: 34px;
}

.footer-disc-icons img[src*="18+"] {
    width: 32px;
    height: 32px;
}

.footer-disc-icons img[src*="facebook"],
.footer-disc-icons img[src*="x"] {
    width: 25px;
    height: 24px;
}

.footer-disc-icons img[src*="instagram"] {
    width: 24px;
    height: 24px;
}

/* [END] Common styles */