/* /assets/css/topbar.css */
.mobile-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: rgba(15, 17, 26, 0.9);
    border-bottom: 1px solid var(--bg-panel-light);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-menu {
    background: var(--bg-panel-light);
    border: none;
    color: var(--text-main);
    font-size: 24px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    transition: background 0.2s;
}

.btn-menu:active {
    background: var(--primary-orange);
}

.logo-container {
    /* Centraliza������o absoluta para o bot���o maior n���o empurrar a logo */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-img {
    max-height: 45px; /* Altura exata do bot���o do menu para alinhamento perfeito */
    width: auto;
    object-fit: contain;
}

.btn-quickmatch {
    background: linear-gradient(135deg, var(--primary-orange), #d84315);
    border: none;
    color: #fff;
    font-size: 16px; 
    height: 38px; /* Formato de p���lula em vez de c���rculo */
    width: auto; 
    padding: 0 16px; /* Espa���amento nas laterais do bot���o */
    border-radius: 20px; 
    cursor: pointer;
    box-shadow: 0 0 10px rgba(255, 123, 0, 0.6); 
    transition: transform 0.2s, filter 0.2s, box-shadow 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px; /* Espa���amento entre o raio e o texto */
    margin-left: auto; /* Empurra o bot���o para a direita */
}

.btn-quickmatch:active {
    transform: scale(0.95);
    filter: brightness(1.2);
    box-shadow: 0 0 15px rgba(255, 123, 0, 0.9);
}

/* Estilo apenas para o texto do bot���o */
.quickmatch-text {
    font-size: 0.75rem;
    font-weight: 900;
    font-style: italic;
    white-space: nowrap; /* Impede o texto de quebrar para a linha de baixo */
}