/* =============================================
   PERSONALIZAÇÃO AVANÇADA DE BOTÕES (Slider)
   ============================================= */

/* --- FORMATOS (SHAPE) --- */
.slider-btn.btn-square {
    border-radius: 0px !important;
}

.slider-btn.btn-rounded {
    border-radius: 50px !important;
}

/* --- ESTILOS (FILL + COLOR) --- */

/* 1. SOLID (Sólido) */
/* Primária */
.slider-btn.btn-solid-primary {
    background-color: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
    color: var(--menu-text-color) !important;
    /* Texto do menu geralmente contrasta com primaria */
}

.slider-btn.btn-solid-primary:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #fff !important;
    /* Assumindo branco no hover */
}

/* Secundária */
.slider-btn.btn-solid-secondary {
    background-color: var(--secondary-color) !important;
    border: 2px solid var(--secondary-color) !important;
    color: #fff !important;
}

.slider-btn.btn-solid-secondary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--menu-text-color) !important;
}

/* Branco */
.slider-btn.btn-solid-white {
    background-color: #fff !important;
    border: 2px solid #fff !important;
    color: #000 !important;
}

.slider-btn.btn-solid-white:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--menu-text-color) !important;
}


/* 2. OUTLINE (Contorno) */
/* Primária */
.slider-btn.btn-outline-primary {
    background-color: transparent !important;
    border: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    /* Texto da cor da borda */
}

.slider-btn.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    color: var(--menu-text-color) !important;
}

/* Secundária */
.slider-btn.btn-outline-secondary {
    background-color: transparent !important;
    border: 2px solid var(--secondary-color) !important;
    color: var(--secondary-color) !important;
}

.slider-btn.btn-outline-secondary:hover {
    background-color: var(--secondary-color) !important;
    color: #fff !important;
}

/* Branco */
.slider-btn.btn-outline-white {
    background-color: transparent !important;
    border: 2px solid #fff !important;
    color: #fff !important;
}

.slider-btn.btn-outline-white:hover {
    background-color: #fff !important;
    color: #000 !important;
}