/* Custom Code CSS - Generated from snippets */
/* Last updated: 2025-11-30 13:55:40 UTC */


/* Snippet: General */
/* Header */
#root > main > header {
    background-color: #ffffff;
}

/* Desktop main menu */
#root > main > header > div[class^="header-menuContainer-"] {
    background-color: #ffffff;
}

/* Text color */
#root > main > header nav[class^="megaMenu-"] a[class^="megaMenuItem-"] {
    color: #000000;
}

/* Arrow down icon */
#root > main > header nav[class^="megaMenu-"] a[class^="megaMenuItem-"] svg {
    stroke: #000000;
}

/* Desktop submenu */
#root > main > header {
    color: #000000;
}

/* Mobile menu color */
#root > aside[class^="navigation-root_open-"] {
    background-color: #ffffff;
    color: #000000;
}

/* Mobile menu item branch > */
#root > aside > div[class^="navigation-body-"] button {
    color: #000000;
}

/* Mobile menu item branch > */
#root > aside > div[class^="navigation-body-"] button svg {
    stroke: #000000
}

/* Mobile menu header */
#root > aside[class^="navigation-root_open-"] > header {
    background-color: #ffffff;
}

/* Mobile menu header X button */
#root > aside > header > button[class^="trigger-root-"] svg {
    stroke: #000000
}

/* Mobile menu account text */
#root > aside > div[class^="navigation-footer-"] > div[class^="authBar-root-"] > button > span > span[class^="authBar-signIn-"] {
    color: #000000;
}

/* Mobile menu account background color */
#root > aside > div[class^="navigation-footer-"] > div[class^="authBar-root-"] {
    background-color: #ffffff;
}

/* Mobile menu account icon */
#root > aside > div[class^="navigation-footer-"] > div[class^="authBar-root-"] > button > span > span[class^="accountChip-root-"] > span > svg {
    stroke: #000000;
}

/* Mobile menu account */
#root > aside > div[class^="navigation-footer-"] > div[class^="authBar-root-"] {
    
}

/* Mobile menu language background color */
#root > aside > div[class^="navigation-footer-"] > div[class^="navigation-switchers-"] {
    
    background-color: #ffffff;
}

/* Mobile menu language text color */
#root > aside > div[class^="navigation-footer-"] > div[class^="navigation-switchers-"] > button > div > span {
    color: #000000;
}

/* Mobile menu language icon */
#root > aside > div[class^="navigation-footer-"] > div[class^="navigation-switchers-"] > button svg {
    stroke: #000000;
}

/* Header menu icon */
#root > main > header button[class^="navTrigger-"] svg {
    stroke: #000000;
}    

#root > main > header [class^="wishlistTrigger-"] {
    display: none;
}    

#root > main > header [class^="wishlistTrigger-"] svg {
    stroke: ;
}    

#root > main > header [class^="header-primarySearch-"] {
    display: none;
}    

#root > main > header [class^="header-primarySearch-"] svg {
    stroke: #ff0000;
}    

#root > main > header [class^="header-secondarySearch-"] {
    display: none;
}    

#root > main > header [class^="header-secondarySearch-"] svg {
    stroke: #ff0000;
}    

/* Header cart icon */
#root > main > header div [class^='cartTrigger-'] {
    display: none;
}    

#root > main > header div [class^='cartTrigger-'] svg {
    stroke: #c58c8c;
}    

/* Header cart counter text & background color */
#root > main > header span[class^="cartTrigger-counter-"] {
    color: #450d0d;
    background-color: #c34141;
}    

/* Header account icon */
#root > main > header button[class^="accountTrigger-trigger-"] {
    display: none;
}    

#root > main > header button[class^="accountTrigger-trigger-"] svg {
    stroke: #3e0909;
}    

/* Header language icon */
#root > main > header button[class^="storeSwitcher-trigger-"] {
    
}    

#root > main > header button[class^="storeSwitcher-trigger-"] svg {
    stroke: #000000;
}    

/* Footer background */
#root > main > footer {
    background-color: #00338d;
}

/* Content background */
#root > main {
    background-color: #ffffff;
}

/* Page Builder */
/* Button */
#root > main div[class^="buttons-root-"] button {
    color: #ffffff;
    background-color: #00338d;
    border-color: #00338d;
}

/* Loading Indicator */
#root > main > header > div[class^="pageLoadingIndicator-"] > div {
    display: block !important;background-color: #00338d !important;
}

/* Loading Spinner */
div[class^="indicator-spinner-"] {
    display: block !important;border-top: 3px solid #00338d !important;
}

/* Loading Shimmer */
div[class^="shimmer-"],
div[class*="-shimmer-"] {
    display: none !important;
}

/* Product page buy button */
button[class*="button-root_highPriority-"],
button[class*="button-root_highPriority-"]:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
    border-radius: 6px;
}

button[class*="button-root_highPriority-"]:hover {
    filter: brightness(0.95);
}

button[class*="button-root_normalPriority-"] {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
    border-radius: 6px;
}

/* Custom CSS */
:root {                                                                                                                                                                            
    --header-background-color: #00205b !important; /* Lions Clubs Blue */                                                                                                          
    --header-link-color: #000000 !important; /* Lions Clubs Yellow */                                                                                                              
    --header-icon-color: #ffffff !important;                                                                                                                                       
    --footer-background-color: #00205b !important; /* Lions Clubs Blue */                                                                                                          
    --footer-text-color: #ffffff !important;                                                                                                                                       
    --footer-link-color: #000000 !important; /* Lions Clubs Yellow */                                                                                                              
                                                                                                                                                                                   
    --color-brand-100: #f2f2f2 !important; /* Light Gray */                                                                                                                        
    --color-brand-200: #e6e6e6 !important; /* Light Gray */                                                                                                                        
    --color-brand-300: #cccccc !important; /* Gray */                                                                                                                              
    --color-brand-400: #b3b3b3 !important; /* Gray */                                                                                                                              
    --color-brand-500: #999999 !important; /* Gray */                                                                                                                              
    --color-brand-600: #808080 !important; /* Dark Gray */                                                                                                                         
    --color-brand-700: #666666 !important; /* Dark Gray */                                                                                                                         
    --color-brand-800: #4d4d4d !important; /* Dark Gray */                                                                                                                         
    --color-brand-base: #00205b !important; /* Lions Clubs Blue */                                                                                                                 
    --color-brand-dark: #001f4d !important; /* Darker Blue */                                                                                                                      
    --color-brand-darkest: #001433 !important; /* Darkest Blue */                                                                                                                  
    --color-brand-light: #fdb913 !important; /* Lions Clubs Yellow */                                                                                                              
    --color-blue-100: #dbeafe !important;                                                                                                                                          
    --color-blue-400: #60a5fa !important;                                                                                                                                          
    --color-blue-700: #1d4ed8 !important;                                                                                                                                          
    --color-gray-50: #f9fafb !important;                                                                                                                                           
    --color-gray-100: #f3f4f6 !important;                                                                                                                                          
    --color-gray-300: #d1d5db !important;                                                                                                                                          
    --color-gray-400: #9ca3af !important;                                                                                                                                          
    --color-gray-500: #6b7280 !important;                                                                                                                                          
}

/* Header-Top link */
header [class^='richContent-root-'] a {
    text-decoration-line: none !important;
}

/* Header Logo */
div [class^='header-toolbar-'] {
    grid-template-columns: 1fr 10fr 1fr !important;
}

/* Mobile menu hide account bar */
#root > aside > div > div[class^="authBar-"] {
    display: none !important;
}

/* menu */
#root > main > header > div nav div[class^="megaMenuItem-megaMenuItem"]:last-of-type a {
color: #0a3dab !important;
}

/* hide category title */
#root > main > div h1[class^="category-title-"] {
display: none;
}

/* Footer button */
#root main footer button {
    color: #ffffff !important;
    background-color: #0a3dab !important;
    border-color: #ffffff !important;
}