/* =========================================================
   Botones: colores unificados en todo el sistema
   Variables --brand-* definidas en partials/theme_variables.php
   Fallback :root (Nuvia) si falta theme_variables en la página
   ========================================================= */

:root {
    --brand-font-family: 'Poppins', sans-serif;
    --brand-primary: #3845fb;
    --brand-primary-hover: #262752;
    --brand-primary-light: #6b75fc;
    --brand-dark: #262752;
    --brand-dark-hover: #3a3b6e;
    --brand-btn-border-radius: 12px;
    --brand-gradient-btn: linear-gradient(135deg, #3845fb 0%, #262752 100%);
    --brand-gradient-btn-hover: linear-gradient(135deg, #6b75fc 0%, #3a3b6e 100%);
}

[data-brand-theme="aurapro"] {
    --brand-font-family: 'Inter', sans-serif;
    --brand-primary: #8B5CF6;
    --brand-primary-hover: #6D28D9;
    --brand-primary-light: #C084FC;
    --brand-dark: #464E5F;
    --brand-dark-hover: #5a6278;
    --brand-btn-border-radius: 8px;
    --brand-gradient-btn: none;
    --brand-gradient-btn-hover: none;
}

.btn.btn-dark,
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-primary,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn-dark,
.btn-dark:focus,
.btn-dark:active,
.btn-primary,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--brand-primary) !important;
    background-image: var(--brand-gradient-btn) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    border-color: transparent !important;
    border-radius: var(--brand-btn-border-radius) !important;
    color: #fff !important;
    box-shadow: none !important;
}

[data-brand-theme="aurapro"] .btn.btn-dark,
[data-brand-theme="aurapro"] .btn.btn-dark:focus,
[data-brand-theme="aurapro"] .btn.btn-dark:active,
[data-brand-theme="aurapro"] .btn.btn-primary,
[data-brand-theme="aurapro"] .btn.btn-primary:focus,
[data-brand-theme="aurapro"] .btn.btn-primary:active,
[data-brand-theme="aurapro"] .btn-dark,
[data-brand-theme="aurapro"] .btn-primary {
    background-color: var(--brand-dark) !important;
    background-image: none !important;
}

.btn.btn-dark:hover,
.btn.btn-primary:hover,
.btn-dark:hover,
.btn-primary:hover {
    background-color: var(--brand-primary-hover) !important;
    background-image: var(--brand-gradient-btn-hover) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}

[data-brand-theme="aurapro"] .btn.btn-dark:hover,
[data-brand-theme="aurapro"] .btn.btn-primary:hover,
[data-brand-theme="aurapro"] .btn-dark:hover,
[data-brand-theme="aurapro"] .btn-primary:hover {
    background-color: var(--brand-dark-hover) !important;
    background-image: none !important;
}

.btn.btn-primary,
.btn.btn-dark,
.btn-primary,
.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-primary);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-primary-hover);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-primary-hover);
    --bs-btn-active-border-color: transparent;
}

.btn.btn-primary .indicator-label,
.btn.btn-dark .indicator-label,
.btn-primary .indicator-label,
.btn-dark .indicator-label {
    display: inline-block !important;
    color: #fff !important;
}

.btn-check:active + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn-check:active + .btn.btn-dark,
.btn-check:checked + .btn.btn-dark,
.btn.btn-dark.active,
.btn.btn-dark.show,
.btn.btn-dark:active:not(.btn-active),
.btn.btn-dark:focus:not(.btn-active) {
    background-color: var(--brand-primary) !important;
    background-image: var(--brand-gradient-btn) !important;
    border-color: transparent !important;
    color: #fff !important;
}

[data-brand-theme="aurapro"] .btn-check:active + .btn.btn-primary,
[data-brand-theme="aurapro"] .btn-check:checked + .btn.btn-primary,
[data-brand-theme="aurapro"] .btn.btn-primary.active,
[data-brand-theme="aurapro"] .btn.btn-primary.show,
[data-brand-theme="aurapro"] .btn.btn-primary:active:not(.btn-active),
[data-brand-theme="aurapro"] .btn.btn-primary:focus:not(.btn-active),
[data-brand-theme="aurapro"] .btn-check:active + .btn.btn-dark,
[data-brand-theme="aurapro"] .btn-check:checked + .btn.btn-dark,
[data-brand-theme="aurapro"] .btn.btn-dark.active,
[data-brand-theme="aurapro"] .btn.btn-dark.show,
[data-brand-theme="aurapro"] .btn.btn-dark:active:not(.btn-active),
[data-brand-theme="aurapro"] .btn.btn-dark:focus:not(.btn-active) {
    background-color: var(--brand-dark) !important;
    background-image: none !important;
}

/* Botones primarios custom (marketplace, modales) — mismas reglas que .btn-primary */
.mp-search-btn,
.mp-search-btn:focus,
.mp-search-btn:active,
.mp-perfil-btn-reservar:not(:disabled),
.mp-perfil-btn-reservar:not(:disabled):focus,
.mp-perfil-btn-reservar:not(:disabled):active,
.mp-perfil-galeria-ver-todas,
.mp-perfil-galeria-ver-todas:focus,
.mp-perfil-galeria-ver-todas:active,
.nuvia-pr-btn-primary,
.nuvia-pr-btn-primary:focus,
.nuvia-pr-btn-primary:active,
#mp_btn_editar_perfil,
#mp_btn_editar_perfil:focus,
#mp_btn_editar_perfil:active {
    background-color: var(--brand-primary) !important;
    background-image: var(--brand-gradient-btn) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}

[data-brand-theme="aurapro"] .mp-search-btn,
[data-brand-theme="aurapro"] .mp-search-btn:focus,
[data-brand-theme="aurapro"] .mp-search-btn:active,
[data-brand-theme="aurapro"] .mp-perfil-btn-reservar:not(:disabled),
[data-brand-theme="aurapro"] .mp-perfil-btn-reservar:not(:disabled):focus,
[data-brand-theme="aurapro"] .mp-perfil-btn-reservar:not(:disabled):active,
[data-brand-theme="aurapro"] .mp-perfil-galeria-ver-todas,
[data-brand-theme="aurapro"] .mp-perfil-galeria-ver-todas:focus,
[data-brand-theme="aurapro"] .mp-perfil-galeria-ver-todas:active,
[data-brand-theme="aurapro"] .nuvia-pr-btn-primary,
[data-brand-theme="aurapro"] .nuvia-pr-btn-primary:focus,
[data-brand-theme="aurapro"] .nuvia-pr-btn-primary:active,
[data-brand-theme="aurapro"] #mp_btn_editar_perfil,
[data-brand-theme="aurapro"] #mp_btn_editar_perfil:focus,
[data-brand-theme="aurapro"] #mp_btn_editar_perfil:active {
    background-color: var(--brand-dark) !important;
    background-image: none !important;
}

.mp-search-btn:hover,
.mp-perfil-btn-reservar:not(:disabled):hover,
.mp-perfil-galeria-ver-todas:hover,
.nuvia-pr-btn-primary:hover,
#mp_btn_editar_perfil:hover {
    background-color: var(--brand-primary-hover) !important;
    background-image: var(--brand-gradient-btn-hover) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}

[data-brand-theme="aurapro"] .mp-search-btn:hover,
[data-brand-theme="aurapro"] .mp-perfil-btn-reservar:not(:disabled):hover,
[data-brand-theme="aurapro"] .mp-perfil-galeria-ver-todas:hover,
[data-brand-theme="aurapro"] .nuvia-pr-btn-primary:hover,
[data-brand-theme="aurapro"] #mp_btn_editar_perfil:hover {
    background-color: var(--brand-dark-hover) !important;
    background-image: none !important;
}