/* Ensure contact icons have consistent spacing */
.contact-info1 ul li i {
    width: 20px;
    text-align: center;
    display: inline-block;
}

/* Ensure the text block takes up the remaining space */
.contact-info1 ul li span {
    flex: 1;
}


/* 1. Global Logo Sizing */
.navbar-brand img {
    max-height: 80px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}


/* Force Slick Slider to use equal heights for all slides */
.shop-slider .slick-track {
    display: flex !important;
}

.shop-slider .slick-slide {
    height: inherit !important;
    display: flex !important;
    justify-content: center;
}

.shop-slider .slick-slide > div {
    width: 100%; /* Ensures the wrapper div Slick creates spans full width */
}


/* Dropdown Container */
.my-account-dropdown {
    position: relative;
    display: inline-block;
    padding: 10px 0;
}

/* The Box that drops down */
.my-account-dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.15);
    z-index: 9999; /* Keeps it on top of sliders/images */
    right: 0; /* Aligns the box to the right edge of the button */
    border-radius: 4px;
    border: 1px solid #eee;
    margin-top: 5px;
}

/* The Links inside the box */
.my-account-dropdown-content a {
    color: #333333 !important;
    padding: 12px 16px !important;
    text-decoration: none;
    display: block !important; /* FORCES VERTICAL STACKING */
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #f9f9f9;
    transition: 0.3s;
}

/* Hover effect for links */
.my-account-dropdown-content a:hover {
    background-color: #f8f9fa;
    color: #0262b5 !important; /* Your theme blue */
}

/* Show the menu when hovering over the container */
.my-account-dropdown:hover .my-account-dropdown-content {
    display: block;
}

/* Perfect vertical center for Page Headers (Breadcrumbs) */
section.breadcrumb-main {
    padding-top: 8rem !important; /* Balanced Top Padding */
    padding-bottom: 8rem !important; /* Balanced Bottom Padding */
    display: flex;
    align-items: center;
    min-height: 250px; /* Ensures a consistent height */
}

.breadcrumb-outer {
    width: 100%;
}