/*
 Theme Name:  RetroTube Child Theme
 Theme URI:   https://www.wp-script.com/adult-wordpress-themes/retrotube/
 Description: Child Theme for WP-Script RetroTube theme
 Author:      WP-Script
 Template:    retrotube
 Text Domain: wpst
 Version:     1.0.0
*/

/*
IMPORTANT:
- Do not change "Author: WP-Script" in the header of this file. 

Need help? Check the following links to get more information about child themes:
- WP-Script help: https://www.wp-script.com/blog/how-to-create-a-wordpress-child-theme/
- WordPress developer resource: https://developer.wordpress.org/themes/advanced-topics/child-themes/

Write your own CSS code after this comment block.
*/

.mobile-navigation {
    background: linear-gradient(135deg, #000, #111);
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
}

.menu-movil-personalizado {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
}

.menu-movil-personalizado li {
    flex: 1 1 0;
    text-align: center;
}

.menu-movil-personalizado li a {
    display: block;
    background: #1a1a1a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 15px 10px;
    border-radius: 8px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.menu-movil-personalizado li a:hover {
    background: #333;
    border-color: #ff0;
    color: #ff0;
    box-shadow: 0 0 10px #ff0;
}

/* Opcional: separadores entre columnas */
.menu-movil-personalizado li:not(:last-child) {
    border-right: 1px solid #333;
}

@media screen and (min-width: 769px) {
    #mobile-navigation {
        display: none;
    }
}