/*
Theme Name:     Kadence Child - The Brickade
Theme URI:      https://thebrickade.com
Template:       kadence
Author:         Holmes
Description:    Child theme for The Brickade LEGO Arcade site
Version:        1.0.1
Text Domain:    kadence-child
*/

.brickade-order-toggle {
    text-align: center;
    margin: 15px 0 30px;
}

.brickade-order-toggle .toggle-btn {
    display: inline-block;
    padding: 7px 22px;
    margin: 0 7px;
    font-size: 0.92rem;
    font-weight: 500;
    color: #555;
    background: #f8f8f8;
    border: 2px solid #ddd;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.25s ease;
    white-space: nowrap;
}

.brickade-order-toggle .toggle-btn:hover {
    background: #fff;
    border-color: #aaa;
    color: #222;
}

.brickade-order-toggle .toggle-btn.active {
    background: #1f1f1f;
    color: #fff;
    border-color: #1f1f1f;
}

@media (max-width: 768px) {
    .brickade-order-toggle .toggle-btn {
        margin: 4px 5px;
        padding: 6px 18px;
        font-size: 0.89rem;
    }
}

/* Main Navigation Menu Items - Make them look clickable */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
    padding: 8px 18px;
    margin: 0 4px;
    border-radius: 9999px;
    transition: all 0.25s ease;
    font-weight: 500;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
    background: #f0f0f0;
    color: #222;
}

/* Highlight special menu items */
.menu-item a[href*="legostory"],
.menu-item a[href="#contact-form"] {
    background: #1f1f1f;
    color: #ffffff !important;
    font-weight: 600;
}
.menu-item a[href*="legostory"]:hover,
.menu-item a[href="#contact-form"]:hover {
    background: #333;
    color: #fff !important;
}