h1 {
  color: #1a1a1a;
}

a,
a:hover {
  color: #aa0101;
}

.carousel-indicators li.active {
  background: #aa0101;
}

p.m14.product-title,
h2.r20.flex-child-auto {
  color: #1a1a1a;
}

.product-card-wrap.selected-state {
  border: 1px solid #1a1a1a !important;
}

.product-card-wrap:hover {
  border: 1px solid #aa0101 !important;
  cursor: pointer;
}

.mat-tab-list .mat-tab-label.mat-tab-label-active {
  color: #aa0101;
}

mat-form-field.mat-form-field-type-mat-input.mat-focused .mat-form-field-flex,
mat-form-field.mat-form-field-type-mat-input:focus .mat-form-field-flex {
  border-color: #aa0101;
  -webkit-box-shadow: 0 0 0 1px #aa0101;
  box-shadow: 0 0 0 1px #aa0101;
}
/* Hide Product Price Everywhere Except the Cart */
.product-price {
  visibility: hidden;
}


/* Sidebar Styling for Both Stores */
.category-list, 
.m-t-2.r14 {  
    background-color: white !important;
    padding: 15px !important;
    border-radius: 8px !important;
    border: 1px solid #ddd !important;
    width: 100% !important;  /* Match the "View All" button width */
    max-width: 220px !important; /* Ensures it doesn't get too wide */
    max-height: 500px !important;
    overflow-y: auto !important;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

/* Sidebar Headings */
.category-list h2, 
.m-t-2.r14 h2 {
    font-size: 16px;
    font-weight: bold;
    color: #333 !important;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}

/* Sidebar Hover Effects */
.category-list a.body1, 
.m-t-2.r14 a.body1 {
    display: flex;
    align-items: center;
    padding: 8px;
    color: #333 !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    border-radius: 4px;
    cursor: pointer;
}

/* Dark Red Hover Effect */
.category-list a.body1:hover, 
.m-t-2.r14 a.body1:hover {
    background-color: #aa0101 !important;
    color: white !important;
    box-shadow: 0px 0px 5px rgba(170, 1, 1, 0.3);
}

/* View All Button for Both Stores */
.category-view-all {
    display: block;
    background-color: #aa0101 !important;
    color: white !important;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 10px;
    width: 100%;
    max-width: 220px !important; /* Ensure same width as sidebar */
    transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.category-view-all:hover {
    background-color: #800000 !important;
    box-shadow: 0px 4px 8px rgba(170, 1, 1, 0.3);
}

/* Subcategory Styling */
.category-list .sub-category a,
.category-list li.m-b-2.ng-star-inserted a {
    display: flex;
    align-items: center;
    padding: 8px;
    color: #666 !important;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    border-radius: 4px;
    cursor: pointer;
}

/* Hover Effect for Subcategories */
.category-list .sub-category a:hover,
.category-list li.m-b-2.ng-star-inserted a:hover {
    background-color: #aa0101 !important;
    color: white !important;
    box-shadow: 0px 0px 5px rgba(170, 1, 1, 0.3);
}

/* Subcategory Arrow */
.category-list .sub-category a::before {
    content: "➤";
    font-size: 12px;
    color: #aa0101;
    margin-right: 8px;
}

.category-list .sub-category a:hover::before {
    color: white;
}