/*
Theme Name: oaris Child Theme auf Divi-Basis
Author: 
Description: oaris Child Theme auf Divi-Basis
Version: 1.0
Template: Divi

This is the child theme for Divi theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* Desktop styling: Top-aligned button-style menu items */
.woocommerce-MyAccount-navigation {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
}

.woocommerce-MyAccount-navigation li {
    list-style-type: none;
    margin-right: 10px;
}

.woocommerce-MyAccount-navigation a {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #333;
    background-color: #f5f5f5;
    text-align: center;
    transition: background-color 0.3s;
}

.woocommerce-MyAccount-navigation a:hover {
    background-color: #e5e5e5;
}

/* Mobile styling: Sideways-swipeable menu items */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        overflow-x: scroll;
    }
    
    .woocommerce-MyAccount-navigation::-webkit-scrollbar {
        display: none;  /* Hide scrollbar for Chrome, Safari, and Opera */
    }
    
    .woocommerce-MyAccount-navigation li {
        margin-right: 5px;
    }
}