/* Navigation Styles */

#navbar {
    background: var(--primary-bg);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.navbar-brand {
    font-weight: 700;
}

.nav-link {
    color: var(--text-primary) !important;
    font-weight: 500;
    margin: 0 10px;
    transition: all 0.3s ease;
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 50%;
    background-color: var(--accent-gold);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.nav-link:hover::after {
    width: 100%;
}

/* Shopify Cart */
.navigation-layout {
    padding: 1rem;
}

.navigation {
    display: flex;
    flex-direction: row;
    margin: 0 0.5rem;
}

.navigation__title {
    width: 100%;
}

.navigation__title-bold {
    font-weight: 800;
}

.navigation__title-light {
    color: #6b7280;
    font-weight: 400;
}

.navigation__view-cart {
    position: relative;
}

.navigation__view-cart__quantity {
    color: #fff;
    font-size: 25%;
    background-color: #000000;
    position: absolute;
    bottom: -20%;
    right: 5%;
    padding: 3% 7%;
    border-radius: 1000px;
    cursor: pointer;
    display: block;
}

.navigation__view-cart__quantity:empty {
    display: none;
}

.navigation__view-cart span {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 0.875rem;
    gap: 0.5rem;
    justify-content: center;
    white-space: nowrap;
    cursor: pointer;
}

.navigation__view-cart span::after {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 45'><path d='M 23 2 C 18.385291 2 14.559689 5.5140788 14.058594 10 L 12 10 C 9.688 10 7.7634375 11.733203 7.5234375 14.033203 L 5.0234375 38.033203 C 4.8914375 39.298203 5.30425 40.566672 6.15625 41.513672 C 7.00825 42.458672 8.228 43 9.5 43 L 38.5 43 C 39.772 43 40.99175 42.458672 41.84375 41.513672 C 42.69575 40.567672 43.106609 39.298203 42.974609 38.033203 L 40.476562 14.033203 C 40.236562 11.733203 38.312 10 36 10 L 33.953125 10 C 33.984125 10.33 34 10.664 34 11 L 34 13 L 36 13 C 36.771 13 37.412187 13.578703 37.492188 14.345703 L 39.992188 38.345703 C 40.036187 38.767703 39.898234 39.189906 39.615234 39.503906 C 39.331234 39.818906 38.924 40 38.5 40 L 9.5 40 C 9.076 40 8.6697188 39.819859 8.3867188 39.505859 C 8.1027187 39.190859 7.9638125 38.767703 8.0078125 38.345703 L 10.507812 14.345703 C 10.587813 13.578703 11.229 13 12 13 L 14 13 L 14 16.5 A 1.50015 1.50015 0 1 0 17 16.5 L 17 11 C 17 7.6687195 19.668719 5 23 5 C 25.989762 5 28.439942 7.1510842 28.912109 10 L 19.132812 10 C 19.048812 10.32 19 10.654 19 11 L 19 13 L 29 13 L 29 16.5 A 1.50015 1.50015 0 1 0 32 16.5 L 32 11 C 32 6.0472805 27.952719 2 23 2 z' /></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 15px;
}

.navigation__view-cart span:hover {
    text-decoration: underline;
}