:root {
    --orange: #ff6b35;
    --orange-hover: #ff8c42;
    --white: #ffffff;
}

/* Menu Container */
.menu-container {
    background: var(--white);
    width: 100%;
    padding: 1rem;
    display: flex;
    justify-content: space-between; /* Changed from center to space-between */
    align-items: center;
    flex-wrap: wrap; /* Allow wrapping on small screens */
    position: relative; /* For better cart positioning */
}

/* Menu List */
.nav-menu-082836 {
    list-style: none;
    display: flex;
    gap: 1rem;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* Allow menu items to wrap */
}

/* Menu Links */
.menu-link {
    display: block;
    padding: 1rem 2rem;
    background: var(--orange);
    color: var(--white);
    text-decoration: none;
    border-radius: 25px;
    font-weight: 500;
    font-size: 1rem;
    transition: all 0.3s ease;
    text-align: center;
    white-space: nowrap; /* Prevent text wrapping inside buttons */
}

.menu-link:hover {
    background: var(--orange-hover);
    transform: translateY(-2px);
}

/* Cart Container - Desktop */
.header-cart-082836 {
    position: absolute; /* Changed from relative to absolute */
    display: inline-block;
    right: 2rem; /* Use right positioning instead of margin-left */
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Center adjustment */
}

/* Cart Button */
.header-cart-082836 .menu-link {
    position: relative;
    padding: 1rem 2rem;
}

/* Hidden cart link */
.header-cart-082836 .header-cart-link-082836 {
    position: absolute;
    display: none;
    margin-left: 57%;
    margin-top: -70px;
}

/* Cart Count */
.header-cart-082836 .cart-count {
    position: absolute;
    top: -25px;
    right: -8px;
    background: #e74c3c;
    color: var(--white);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: bold;
    border: 2px solid var(--white);
}

/* Tablet Responsive (768px to 1024px) */
@media (max-width: 1024px) {
    .menu-container {
        padding: 1.5rem 1rem;
    }
    
    .nav-menu-082836 {
        gap: 0.75rem;
    }
    
    .menu-link {
        padding: 0.875rem 1.5rem;
        font-size: 0.95rem;
    }
    
    .header-cart-082836 {
        right: 1rem;
    }
}

/* Mobile Responsive (768px and below) */
@media (max-width: 768px) {
    .menu-container {
        width: 96%; /* 2% margin on each side */
        margin: 0 2%; /* 2% left and right margins */
        padding: 0.5rem 0; /* Reduced horizontal padding since we have margins */
        flex-direction: column; /* Stack elements vertically */
        justify-content: center;
        align-items: center;
        position: relative;
    }
    
    .nav-menu-082836 {
        flex-direction: column;
        gap: 0.5rem;
        align-items: center;
        width: 100%;
        margin-bottom: 0.75rem; /* Space before cart button */
    }
    
    .menu-link {
        width: 100%; /* Full width within container */
        max-width: 250px; /* Max width for larger mobile screens */
        padding: 0.75rem 1.25rem; /* Reduced padding */
        font-size: 10px; /* Reduced to 10px as requested */
    }
    
    /* Cart repositioning for mobile */
    .header-cart-082836 {
        position: relative; /* Changed back to relative for mobile */
        display: block;
        margin: 0.75rem auto 0; /* Center the cart button */
        right: auto; /* Reset right positioning */
        top: auto; /* Reset top positioning */
        transform: none; /* Reset transform */
        width: 100%; /* Full width container */
        text-align: center; /* Center the cart button */
    }
    
    .header-cart-082836 .menu-link {
        width: 100%; /* Full width within container */
        max-width: 250px; /* Match other menu links */
        margin: 0 auto; /* Center the button */
        font-size: 10px; /* Reduced to 10px */
    }
    
    .cart-count {
        top: -6px;
        right: calc(50% - 125px + 25px); /* Adjusted for centered button */
        width: 16px;
        height: 16px;
        font-size: 10px; /* Matching 10px font size */
    }
}

/* Small Mobile Responsive (480px and below) */
@media (max-width: 480px) {
    .menu-container {
        width: 96%; /* 2% margin on each side */
        margin: 0 2%; /* 2% left and right margins */
        padding: 0.5rem 0;
    }
    
    .nav-menu-082836 {
        gap: 0.4rem;
        width: 100%;
    }
    
    .menu-link {
        width: 100%; /* Full width within container */
        max-width: none; /* Remove max-width restriction */
        padding: 0.6rem 1rem; /* Reduced padding */
        font-size: 10px; /* 10px font size */
    }
    
    .header-cart-082836 .menu-link {
        width: 100%; /* Full width within container */
        max-width: none;
        font-size: 10px; /* 10px font size */
    }
    
    .cart-count {
        top: -5px;
        right: 10px;
        width: 14px;
        height: 14px;
        font-size: 10px; /* 10px font size */
        border-width: 1.5px;
    }
}

/* Extra Small Mobile (320px and below) */
@media (max-width: 320px) {
    .menu-container {
        width: 96%; /* 2% margin on each side */
        margin: 0 2%; /* 2% left and right margins */
        padding: 0.5rem 0;
    }
    
    .menu-link {
        width: 100%; /* Full width within container */
        padding: 0.5rem 0.75rem; /* Reduced padding */
        font-size: 10px; /* 10px font size */
    }
    
    .header-cart-082836 .menu-link {
        width: 100%; /* Full width within container */
        font-size: 10px; /* 10px font size */
    }
}