/* LG CSS Library v0.5.4 */

/* Button Outline */
.button.outline {
    border-width: 1px !important;
}

@scope (.outline) {
/* Thinner outline buttons */
.button.outline {
    border-width: 1px !important;
}
}

/* Menu UpperCase */
.nav-uppercase > li > a {
    text-transform: uppercase !important;
}

/* Product Category Sidebar 2 */
/* =========================================================
   PRODUCT CATEGORY SIDEBAR
   DARK WOOCOMMERCE / FLATSOME THEME
   Supports WooCommerce Blocks + standard Flatsome cat-item
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper) {
    background: #00075d;
    border: 1px solid rgba(30, 43, 70, 0.8);
    border-radius: 16px;
    padding: 22px;
    box-shadow: none;
}


/* =========================================================
   HEADING
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper) .wp-block-heading,
:is(#shop-sidebar, .sidebar-wrapper) .widget-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
}


/* =========================================================
   LIST RESET
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list,
:is(#shop-sidebar, .sidebar-wrapper)
ul.product-categories {
    margin: 0;
    padding: 0;
}


/* =========================================================
   MAIN CATEGORY ROWS
   Woo Blocks + Flatsome standard cat-item
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list--depth-0
> .wc-block-product-categories-list-item,

:is(#shop-sidebar, .sidebar-wrapper)
ul.product-categories
> li.cat-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    margin: 0 0 4px 0;
    padding: 0;

    border-radius: 8px;

    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}


/* =========================================================
   MAIN CATEGORY LINKS
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list--depth-0
> .wc-block-product-categories-list-item
> a,

:is(#shop-sidebar, .sidebar-wrapper)
ul.product-categories
> li.cat-item
> a {
    flex: 1;
    display: flex;
    align-items: center;

    padding: 9px 8px;

    color: #ffffff !important;
    opacity: 1 !important;

    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;

    border-radius: 8px;

    transition:
        color 0.2s ease,
        padding-left 0.2s ease;
}


/* =========================================================
   CYAN ARROW
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item
> a::before,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item
> a::before {
    content: "›";

    margin-right: 8px;

    font-size: 20px;
    font-weight: 700;
    line-height: 1;

    color: #00b4fb;

    transition: transform 0.2s ease;
}


/* =========================================================
   PRODUCT COUNT
   Woo Blocks
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item-count {
    flex: 0 0 auto;

    margin-right: 6px;
    padding: 3px 8px;

    border: 1px solid rgba(30, 43, 70, 0.8);
    border-radius: 20px;

    background: rgba(255, 255, 255, 0.04);

    color: #aeb8c8;

    font-size: 12px;
    font-weight: 600;

    text-align: center;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


/* =========================================================
   SUB CATEGORIES
   Woo Blocks
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list--depth-1 {
    flex: 0 0 100%;
    width: 100%;

    margin: 2px 0 6px 0;
    padding: 0 0 0 22px;
}


/* Flatsome sub category UL */

:is(#shop-sidebar, .sidebar-wrapper)
ul.product-categories
li.cat-item
> ul.children {
    flex: 0 0 100%;
    width: 100%;

    margin: 2px 0 6px 0;
    padding: 0 0 0 22px;
}


/* =========================================================
   SUB CATEGORY ROW
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list--depth-1
> .wc-block-product-categories-list-item,

:is(#shop-sidebar, .sidebar-wrapper)
ul.product-categories
li.cat-item
> ul.children
> li.cat-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;

    width: 100%;

    margin: 0;
    padding: 0;

    border-radius: 6px;
}


/* =========================================================
   SUB CATEGORY LINKS
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list--depth-1
> .wc-block-product-categories-list-item
> a,

:is(#shop-sidebar, .sidebar-wrapper)
ul.product-categories
li.cat-item
> ul.children
> li.cat-item
> a {
    flex: 1;
    display: flex;
    align-items: center;

    min-width: 0;

    padding: 6px;

    color: #ffffff !important;
    opacity: 1 !important;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;

    transition: color 0.2s ease;
}


/* Smaller arrow for sub categories */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list--depth-1
> .wc-block-product-categories-list-item
> a::before,

:is(#shop-sidebar, .sidebar-wrapper)
ul.product-categories
li.cat-item
> ul.children
> li.cat-item
> a::before {
    margin-right: 6px;
    font-size: 16px;
}


/* =========================================================
   HOVER
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item:hover,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item:hover {
    background: rgba(0, 180, 251, 0.08);
}


/* Text hover pure cyan */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item:hover
> a,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item:hover
> a {
    color: #00b4fb !important;
}


/* Arrow movement */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item:hover
> a::before,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item:hover
> a::before {
    transform: translateX(2px);
}


/* Count hover */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item:hover
> .wc-block-product-categories-list-item-count {
    background: #00b4fb;
    border-color: #00b4fb;
    color: #06122e;
}


/* =========================================================
   CURRENT / ACTIVE CATEGORY
   SOLID CYAN + WHITE TEXT + WHITE POINTER
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-menu-item,

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-cat,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat-parent {
    background: #00b4fb !important;
}


/* Active category text */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-menu-item
> a,

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-cat
> a,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat
> a,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat-parent
> a {
    color: #ffffff !important;
}


/* Active category pointer */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-menu-item
> a::before,

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-cat
> a::before,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat
> a::before,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat-parent
> a::before {
    color: #ffffff !important;
}


/* Active product count */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-menu-item
> .wc-block-product-categories-list-item-count,

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-cat
> .wc-block-product-categories-list-item-count {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.45);
    color: #ffffff;
}


/* =========================================================
   KEEP ACTIVE CATEGORY CYAN ON HOVER
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-menu-item:hover,

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-cat:hover,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat:hover,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat-parent:hover {
    background: #00b4fb !important;
}


/* Keep active text white on hover */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-menu-item:hover
> a,

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-cat:hover
> a,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat:hover
> a,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat-parent:hover
> a {
    color: #ffffff !important;
}


/* Keep active pointer white on hover */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-menu-item:hover
> a::before,

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item.current-cat:hover
> a::before,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat:hover
> a::before,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item.current-cat-parent:hover
> a::before {
    color: #ffffff !important;
}


/* =========================================================
   REMOVE DEFAULT LIST MARKERS
   ========================================================= */

:is(#shop-sidebar, .sidebar-wrapper)
.wc-block-product-categories-list-item::before,

:is(#shop-sidebar, .sidebar-wrapper)
li.cat-item::before {
    display: none !important;
}


/* =========================================================
   PRODUCT BRANDS
   ========================================================= */

/* Brand links */

:is(#shop-sidebar, .sidebar-wrapper)
a[href*="filter_product_brand"] {
    color: #ffffff !important;
    opacity: 1 !important;

    transition:
        color 0.2s ease,
        padding-left 0.2s ease;
}


/* Cyan arrow */

:is(#shop-sidebar, .sidebar-wrapper)
a[href*="filter_product_brand"]::before {
    content: "›";

    margin-right: 8px;

    font-size: 20px;
    font-weight: 700;
    line-height: 1;

    color: #00b4fb;

    transition: transform 0.2s ease;
}


/* Hover */

:is(#shop-sidebar, .sidebar-wrapper)
a[href*="filter_product_brand"]:hover {
    color: #00b4fb !important;
}


/* Arrow movement on hover */

:is(#shop-sidebar, .sidebar-wrapper)
a[href*="filter_product_brand"]:hover::before {
    transform: translateX(2px);
}


:is(#shop-sidebar, .sidebar-wrapper) li.cat-item {
    border-color: rgba(255, 255, 255, 0.3) !important;
}


/* Active product brand/filter */

#shop-sidebar a.active,
#shop-sidebar .chosen a,
#shop-sidebar .current-cat a,
#shop-sidebar a[aria-current="page"],
.sidebar-wrapper a.active,
.sidebar-wrapper .chosen a,
.sidebar-wrapper a[aria-current="page"] {
    color: #00b4fb !important;
}


/* =========================================================
   ENSURE CURRENT CATEGORY LINK REMAINS WHITE
   Overrides generic active link rule above
   ========================================================= */

#shop-sidebar li.cat-item.current-cat > a,
#shop-sidebar li.cat-item.current-cat-parent > a,
.sidebar-wrapper li.cat-item.current-cat > a,
.sidebar-wrapper li.cat-item.current-cat-parent > a {
    color: #ffffff !important;
}


#shop-sidebar li.cat-item.current-cat > a::before,
#shop-sidebar li.cat-item.current-cat-parent > a::before,
.sidebar-wrapper li.cat-item.current-cat > a::before,
.sidebar-wrapper li.cat-item.current-cat-parent > a::before {
    color: #ffffff !important;
}

/* Hide Post date */
/* Hide blog post date, author and divider */
.entry-meta,
.entry-meta .posted-on,
.entry-meta .byline,
.entry-divider {
    display: none !important;
}

/* Menu Header shadow */
/* Header visibility shadow */

/* Main menu text */
#mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.80) !important;
}

/* Search icon */
.dgwt-wcas-search-icon .dgwt-wcas-ico-magnifier-handler {
    filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.40));
}

/* Account icon */
.account-link .icon-user {
    filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.40));
}

/* Cart icon image */
.header-cart-link .cart-img-icon {
    filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.40));
}

/* Variable product price bigger */
/* Variable product price */
.woocommerce-variation-price .price,
.woocommerce-variation-price .price .amount {
    font-size: 25px !important;
}

/* Related Products Carda */
/* Rounded WooCommerce product cards */
.products .product-small.col > .col-inner {
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #fff;
}

/* Keep image corners following the card */
.products .product-small .box-image,
.products .product-small .box-image img {
    border-radius: 18px 18px 0 0 !important;
}

/* image round class */
/* Images with round class */
.round .img-inner,
.round .img-inner img {
    border-radius: 20px;
}

.round .img-inner {
    overflow: hidden;
}

/* Notice */
/* =========================================================
   SALLY T - CATEGORY CONSULTATION PANEL
   Matches existing dark navy / cyan styling
   ========================================================= */

.sally-category-consultation {
    position: relative;
    width: 100%;
    margin: 45px 0 25px;
    padding: 35px 40px;

    background: #00075d;
    border: 1px solid rgba(0, 180, 251, 0.35);
    border-radius: 16px;

    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 7, 93, 0.12);
}

/* Cyan accent */

.sally-category-consultation::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #00b4fb;
}

/* Content */

.sally-consultation-content {
    position: relative;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

/* Small heading */

.sally-consultation-label {
    display: inline-block;
    margin-bottom: 14px;

    color: #00b4fb;
    font-weight: 700;
    letter-spacing: 1.5px;
}

/* Main heading */

.sally-category-consultation h3 {
    color: #ffffff !important;
    margin-bottom: 18px;
}

/* Paragraphs */

.sally-category-consultation p {
    color: #ffffff !important;
    opacity: 0.9;
    line-height: 1.75;
    margin-bottom: 14px;
}

/* Flatsome button */

.sally-category-consultation
.sally-consultation-button {
    display: inline-block;
    margin: 18px 0 0;

    background: #00b4fb !important;
    border: 2px solid #00b4fb !important;
    border-radius: 10px;

    color: #ffffff !important;
    font-weight: 700;

    padding: 5px 25px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

/* Button hover */

.sally-category-consultation
.sally-consultation-button:hover {
    background: #009bd9 !important;
    border-color: #009bd9 !important;
    color: #ffffff !important;

    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 180, 251, 0.25);
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 849px) {

    .sally-category-consultation {
        margin: 30px 0 20px;
        padding: 28px 22px;
        border-radius: 14px;
    }

    .sally-consultation-content {
        max-width: 100%;
    }

    .sally-category-consultation
    .sally-consultation-button {
        width: 100%;
        max-width: 320px;
        margin-top: 15px;
    }
}

/* =========================================================
   SALLY T - SEPARATE SHOP SIDEBAR CARDS
   Product Categories + Consultation
   ========================================================= */

/* Remove shared sidebar background and container styling */

#shop-sidebar {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* =========================================================
   CARD 1 - PRODUCT CATEGORIES
   ========================================================= */

#shop-sidebar #woocommerce_product_categories-2 {
    display: block;
    width: 100%;

    background: #00075d !important;
    border: 1px solid rgba(30, 43, 70, 0.8);
    border-radius: 16px;

    padding: 22px;
    margin: 0 0 25px !important;

    box-shadow: none;
}

/* =========================================================
   CARD 2 - CONSULTATION
   ========================================================= */

#shop-sidebar #custom_html-2 {
    display: block;
    width: 100%;

    background: #00075d !important;
    border: 1px solid rgba(0, 180, 251, 0.35);
    border-radius: 16px;

    padding: 22px;
    margin: 0 !important;

    box-shadow: none;
}

/* Remove unnecessary nested background */

#shop-sidebar #custom_html-2 .sally-category-consultation {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible;
}

/* Remove nested cyan top border */

#shop-sidebar #custom_html-2 .sally-category-consultation::before {
    display: none !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 849px) {

    #shop-sidebar #woocommerce_product_categories-2,
    #shop-sidebar #custom_html-2 {
        padding: 18px;
        border-radius: 14px;
    }

    #shop-sidebar #woocommerce_product_categories-2 {
        margin-bottom: 20px !important;
    }

}

/* Sally T - Consultation Button */

#shop-sidebar #custom_html-2 .sally-consultation-button {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 6px 12px !important;
    margin: 15px 0 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-transform: none !important;
    border-radius: 8px !important;
    line-height: 1.5 !important;
}

/* Fix product Cards */
/* =========================================================
   SALLY T - STABLE PRODUCT CARD HEIGHTS
   WooCommerce / Flatsome
   ========================================================= */

/* Keep Flatsome's product grid structure */

body.tax-product_cat .products.row {
    align-items: stretch;
}

/* Stretch each product column */

body.tax-product_cat .products.row > .product-small.col {
    display: flex;
    flex-direction: column;
}

/* Existing custom product card */

body.tax-product_cat .products.row
> .product-small.col > .col-inner.lg-product-card {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

/* Preserve native image structure */

body.tax-product_cat .products.row
.product-small.box {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

/* Image container */

body.tax-product_cat .products.row
.product-small.box > .box-image {
    display: block;
    position: relative;
    flex: 0 0 auto;
    width: 100%;
}

/* Product information */

body.tax-product_cat .products.row
.box-text-products {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;

    height: auto !important;
    min-height: 0 !important;
    width: 100%;
}

/* Category and product title */

body.tax-product_cat .products.row
.box-text-products .title-wrapper {
    display: block;
    flex: 0 0 auto;
    height: auto !important;
}

/* Product title */

body.tax-product_cat .products.row
.box-text-products .product-title {
    display: block;
    height: auto !important;
    min-height: 0 !important;

    margin-bottom: 10px;
    overflow: visible !important;
    white-space: normal !important;
}

/* Long product titles */

body.tax-product_cat .products.row
.box-text-products .product-title a {
    display: block;
    white-space: normal !important;
    overflow-wrap: break-word;
}

/* Push prices towards the bottom */

body.tax-product_cat .products.row
.box-text-products .price-wrapper {
    display: block;
    position: relative !important;

    height: auto !important;
    min-height: 0 !important;

    margin-top: auto !important;
    padding-top: 12px;
}

/* Price */

body.tax-product_cat .products.row
.box-text-products .price {
    display: block;
}

/* Add to cart button */

body.tax-product_cat .products.row
.box-text-products .add-to-cart-button {
    display: block;
    position: relative !important;

    height: auto !important;
    min-height: 0 !important;

    margin-top: 12px;
    flex-shrink: 0;
}

/* Button */

body.tax-product_cat .products.row
.box-text-products .add-to-cart-button .button {
    margin-bottom: 0 !important;
}

/* Prevent hidden screen-reader text affecting flex layout */

body.tax-product_cat .products.row
.box-text-products .screen-reader-text {
    position: absolute !important;
}

/* Category Sub Menu */
/* =========================================================
   SALLY T - SHOP BY HEALTH GOAL
   Two-column category submenu with card styling
   ========================================================= */

/* Main dropdown container */
#mega-menu-wrap-primary #mega-menu-primary
li.categorysubmenu > ul.mega-sub-menu,
.categorysubmenu > ul#mega-sub-menu-1741 {

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 8px !important;
    width: 520px !important;
    max-width: calc(100vw - 30px) !important;

    padding: 16px !important;

    background: #ffffff !important;
    border: 1px solid rgba(0, 7, 93, 0.1) !important;
    border-radius: 16px !important;

    box-shadow: 0 12px 35px rgba(0, 7, 93, 0.15) !important;
}

/* Individual category items */
.categorysubmenu > ul.mega-sub-menu
> li.mega-menu-item {

    display: block !important;
    float: none !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
}

/* Category cards */
.categorysubmenu > ul.mega-sub-menu
> li.mega-menu-item > a.mega-menu-link {

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 44px !important;

    padding: 10px 13px !important;
    margin: 0 !important;

    background: #f5f8fc !important;
    color: #00075d !important;

    border: 1px solid #e5eaf2 !important;
    border-radius: 10px !important;

    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;

    white-space: normal !important;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* Hover effect */
.categorysubmenu > ul.mega-sub-menu
> li.mega-menu-item > a.mega-menu-link:hover,
.categorysubmenu > ul.mega-sub-menu
> li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {

    background: #00075d !important;
    color: #ffffff !important;

    border-color: #00075d !important;

    transform: translateY(-2px);

    box-shadow: 0 5px 12px rgba(0, 7, 93, 0.16);
}

/* Cyan accent on hover */
.categorysubmenu > ul.mega-sub-menu
> li.mega-menu-item > a.mega-menu-link:hover {

    border-left: 3px solid #00b4fb !important;
}

/* =========================================================
   MOBILE
   Preserve mobile menu functionality
   ========================================================= */

@media (max-width: 849px) {

    .categorysubmenu > ul.mega-sub-menu {

        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        padding: 10px !important;
        gap: 6px !important;

        border-radius: 10px !important;
        box-shadow: none !important;
    }

    .categorysubmenu > ul.mega-sub-menu
    > li.mega-menu-item > a.mega-menu-link {

        min-height: 40px !important;
        padding: 9px 12px !important;
    }
}

/* Sally T - Transparent Category Dropdown */

.categorysubmenu > ul.mega-sub-menu,
.categorysubmenu > ul#mega-sub-menu-1741 {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Remove dropdown container background */
#mega-menu-wrap-primary #mega-menu-primary
li.categorysubmenu > ul.mega-sub-menu {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}