/**
 * Buddhoom - Colores de Marca
 * Paleta de colores oficial de Buddhoom
 */

:root {
    /* Colores principales de Buddhoom */
    --buddhoom-primary: #9c8794;
    --buddhoom-secondary: #584A63;
    --buddhoom-tertiary: #d9bbb3;
    --buddhoom-light: #e4ddda;
    --buddhoom-white: #ffffff;
    
    /* Gradientes */
    --buddhoom-gradient-primary: linear-gradient(180deg, #584A63 0%, #9c8794 100%);
    --buddhoom-gradient-secondary: linear-gradient(90deg, #584A63 0%, #9c8794 100%);
    
    /* Estados de hover */
    --buddhoom-primary-hover: #584A63;
    --buddhoom-secondary-hover: #d9bbb3;
    
    /* Textos */
    --buddhoom-text-primary: #584A63;
    --buddhoom-text-secondary: #9c8794;
    --buddhoom-text-light: #ffffff;
}

/* Aplicar colores a elementos principales */
.btn-primary,
.button-primary,
.woocommerce .button,
.woocommerce input[type="submit"] {
    background-color: var(--buddhoom-primary) !important;
    border-color: var(--buddhoom-primary) !important;
    color: var(--buddhoom-white) !important;
    text-transform: uppercase!important;
}

.btn-primary:hover,
.button-primary:hover,
.woocommerce .button:hover,
.woocommerce input[type="submit"]:hover {
    background-color: var(--buddhoom-primary-hover) !important;
    border-color: var(--buddhoom-primary-hover) !important;
}

.btn-secondary,
.button-secondary {
    background-color: var(--buddhoom-tertiary) !important;
    border: none;
    color: var(--buddhoom-secondary) !important;
    text-transform: uppercase!important;
}

.btn-secondary:hover,
.button-secondary:hover {
    background-color: var(--buddhoom-secondary) !important;
    color: var(--buddhoom-white) !important;
}

.btn-outline-primary,
.btn-outline-secondary {
    background-color: var(--buddhoom-white) !important;
    border-color: var(--buddhoom-primary) !important;
    color: var(--buddhoom-primary) !important;
    padding: 10px 25px;
    border-radius: 27px;
    text-transform: uppercase!important;
    font-weight: 600;
}
.btn-outline-primary:hover,
.btn-outline-secondary:hover {
    background-color: var(--buddhoom-secondary) !important;
    border-color: var(--buddhoom-secondary) !important;
    color: var(--buddhoom-white) !important;
}

.btn-tertiary {
    text-transform: uppercase!important;
    font-weight: 600;
}




/* Enlaces */
a {
    color: var(--buddhoom-primary);
}

a:hover {
    color: var(--buddhoom-secondary);
}

/* Títulos */
h1, h2, h3, h4, h5, h6 {
    color: #584A63;
}

/* Textos */
body {
    color: var(--buddhoom-text-primary);
}

/* Navbar */
.navbar-brand img {
    max-height: 60px;
    width: auto;
}

/* Topbar */
.topbar {
    background: var(--buddhoom-primary) !important;
}

/* Formularios */
.form-control:focus {
    border-color: var(--buddhoom-primary);
    box-shadow: 0 0 0 0.2rem rgba(156, 135, 148, 0.25);
}

/* Elementos de progreso */
.progress-bar {
    background-color: var(--buddhoom-primary);
}

/* Alertas y mensajes */
.alert-success {
    background-color: rgba(156, 135, 148, 0.1);
    border-color: var(--buddhoom-primary);
    color: var(--buddhoom-secondary);
}

.alert-info {
    background-color: rgba(228, 221, 218, 0.5);
    border-color: var(--buddhoom-tertiary);
    color: var(--buddhoom-secondary);
}

/* Badges */
.badge-primary {
    background-color: var(--buddhoom-primary);
}

.badge-secondary {
    background-color: var(--buddhoom-secondary);
}

/* Cards */
.card-header {
    background-color: var(--buddhoom-light);
    border-bottom-color: var(--buddhoom-tertiary);
}

/* Tablas */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(228, 221, 218, 0.3);
}

.table th {
    border-top-color: var(--buddhoom-tertiary);
    color: var(--buddhoom-secondary);
}

/* Paginación */
.page-link {
    color: var(--buddhoom-primary);
}

.page-link:hover {
    color: var(--buddhoom-secondary);
    background-color: var(--buddhoom-light);
    border-color: var(--buddhoom-tertiary);
}

.page-item.active .page-link {
    background-color: var(--buddhoom-primary);
    border-color: var(--buddhoom-primary);
}

/* Dropdown */
.dropdown-menu {
    border-color: var(--buddhoom-tertiary);
}

.dropdown-item:hover {
    background-color: var(--buddhoom-light);
    color: var(--buddhoom-secondary);
}

/* Modales */
.modal-header {
    background-color: var(--buddhoom-light);
    border-bottom-color: var(--buddhoom-tertiary);
}

.modal-footer {
    border-top-color: var(--buddhoom-tertiary);
}

/* Elementos específicos de Buddhoom */
.buddhoom-gradient {
    background: var(--buddhoom-gradient-primary);
}

.buddhoom-gradient-horizontal {
    background: var(--buddhoom-gradient-secondary);
}

.text-buddhoom-primary {
    color: var(--buddhoom-primary) !important;
}

.text-buddhoom-secondary {
    color: var(--buddhoom-secondary) !important;
}

.bg-buddhoom-primary {
    background-color: var(--buddhoom-primary) !important;
}

.bg-buddhoom-secondary {
    background-color: var(--buddhoom-secondary) !important;
}

.bg-buddhoom-light {
    background-color: var(--buddhoom-light) !important;
}

.bg-buddhoom-light-grey {
    background-color: #f7f7f7 !important;
}

.border-buddhoom {
    border-color: var(--buddhoom-primary) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navbar-brand img {
        max-height: 45px;
    }
}

/* Animaciones suaves */
.btn, .button, a, .form-control {
    transition: all 0.3s ease;
}

/* Sombras con colores de marca */
.shadow-buddhoom {
    box-shadow: 0 0.5rem 1rem rgba(156, 135, 148, 0.15) !important;
}

.shadow-buddhoom-lg {
    box-shadow: 0 1rem 3rem rgba(156, 135, 148, 0.175) !important;
}

/* Notificaciones de suscripción */
.subscription-notice {
    background-color: rgba(156, 135, 148, 0.1) !important;
    border-color: var(--buddhoom-primary) !important;
    color: var(--buddhoom-secondary) !important;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
}

.subscription-notice i {
    color: var(--buddhoom-primary);
    margin-right: 8px;
}

/* Estilos para mensajes de WooCommerce relacionados con suscripciones */
.woocommerce-info.subscription-notice,
.woocommerce-message.subscription-notice {
    background-color: rgba(156, 135, 148, 0.1) !important;
    border-left-color: var(--buddhoom-primary) !important;
    color: var(--buddhoom-secondary) !important;
}

.woocommerce-error.subscription-notice {
    background-color: rgba(220, 53, 69, 0.1) !important;
    border-left-color: #dc3545 !important;
    color: #721c24 !important;
}