:root {
     /* Dallas College brand colors */
    --dc-brand-blue: rgba(0, 51, 133, 1);
    /* --dc-brand-mediumblue: ; */
    --dc-brand-lightblue: rgba(235, 240, 253, 1);
    --dc-brand-red: rgba(229, 38, 38, 1);
    --dc-brand-mediumred: rgba(204, 41, 41, 1);
    --dc-brand-darkred: rgba(100, 15, 9, 1);

    /* dxp styling hook overrides */
    --dxp-g-brand: var(--dc-brand-blue);
    --dxp-g-brand-contrast: #fff;
    --dxp-g-root: #fff;
    --dxp-g-root-contrast: #000;
    --dxp-s-button-color: var(--dc-brand-mediumred);
    --dxp-s-button-color-contrast: #fff;
    --dxp-s-tertiary-button-text-color: var(--dc-brand-mediumred);
}

.custom-header {
    .input-search-button:hover,
    .input-search-button:focus-visible,
    .menu-button:hover,
    .menu-button:focus-visible,
    .login-link:hover,
    .login-link:focus-visible,
    .wishlist-shortcut-wrapper a:hover,
    .wishlist-shortcut-wrapper a:focus-visible,
    .cart-container button:hover,
    .cart-container button:focus-visible {
        outline: 1px solid var(--dc-brand-lightblue) !important;
        background-color: var(--dxp-g-root-1) !important; /* overriding some inline styles set by builder that don't allow for hover/focus state */
    }

    .header-account,
    .header-wishlist,
    .header-cart {
        height: 2rem;
        width: 2rem;

        .menu-button,
        .login-link,
        commerce-wishlist-shortcut a,
        .cart-container button {
            height: 2rem;
            width: 2rem;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0;
        }
    }

    .header-account,
    .header-wishlist {
        margin-right: 0.5rem;
    }

    .login-link .login-text {
        display: none;
    }

    .wishlist-shortcut-wrapper commerce-wishlist-shortcut,
    commerce_cart-badge {
        padding: 0;
    }
}

.custom-profile-menu {
    .dropdown-ctn {
        background-color: var(--dxp-g-root-contrast) !important;
    }

    a.profile-menu-item {
        background-color: var(--dxp-g-root-contrast) !important;
    }

    .slds-dropdown__list a.menu-item-bg-hover-color {
        background-color: var(--dxp-g-root-contrast) !important;
    }

    .slds-dropdown__list a.menu-item {
        color: var(--dxp-g-root-1) !important;
    }

    .slds-dropdown__list a.menu-item_hover {
        color: var(--dxp-g-root-1) !important;
    }
}

commerce-dropdown button.slds-button {
    color: var(--dc-brand-blue);
}

.custom-expandable-section {
    commerce-search-filters-panel-section {
        .section-style {
            padding: 0;
        }

        .section-header {
            background-color: var(--dc-brand-lightblue);
            padding: var(--dxp-g-spacing-medium);
        }

        #categories-section {
            padding: var(--dxp-g-spacing-medium);
        }
    }

    commerce_search-facet-item:first-of-type {
        margin-top: var(--dxp-g-spacing-medium);
    }

    commerce_search-facet-item:last-of-type {
        margin-bottom: var(--dxp-g-spacing-medium);
    }

    commerce_search-facet-item {
        margin: 0 var(--dxp-g-spacing-medium);
    }
}

.custom-tile {
    --dxp-s-text-heading-medium-font-family: 'Open Sans', sans-serif;

    commerce_search-product-grid .product-grid-container {
        padding-top: 0.25rem;
        margin-top: calc(-1 * var(--dxp-g-spacing-medium));
    }

    .cardContainerGrid {
        padding: 0 !important;
        margin: var(--dxp-g-spacing-medium);
        border-width: 1px !important;
        border-color: var(--slds-g-color-palette-neutral-80) !important;
        grid-template-rows: min-content min-content auto min-content min-content min-content min-content min-content !important;

        .imageArea img {
            aspect-ratio: 3 / 2;
            object-fit: cover;
        }

        .fieldsArea,
        .priceArea {
            --dxp-s-text-heading-medium-font-size: 1rem;
            --com-c-product-field-font-weight: 700;
            --dxp-s-text-heading-medium-line-height: 1.25;

            width: 100%;
            padding: var(--dxp-g-spacing-xsmall) var(--dxp-g-spacing-small) !important;
        }
    }

    .priceArea {
        background-color: var(--slds-g-color-palette-neutral-95);
    }

    commerce_search-product-field:not(:first-of-type) span {
        font-weight: 400;
    }

    /* remove truncation effects from product titles */
    .slds-truncate {
        overflow: initial;
        text-overflow: initial;
        white-space: initial;
        color: var(--dxp-g-root-contrast);
    }
}

.footer-bottom-links {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    margin-top: 1.5rem;
    color: white;
    
    li {
        flex: 1 0 100%;
    }
}

@media screen and (min-width: 768px) {
    .two-column-link-list {
        ul {
            column-count: 2;
            column-gap: 1rem;
        }
    
        li {
            break-inside: avoid;
        }
    }

    .footer-bottom-links li {
        flex: 1 0 auto;
    }
}