/* 
 * Colores oficiales del vino - Vinery Pro
 * Color principal: #3f111c (Vino oficial)
 * Color hover/dark: #2a0c14 (Vino más oscuro)
 */

:root {
    --wine-color: #3f111c;
    --wine-color-dark: #2a0c14;
    --wine-color-light: #faf8f8;
    --wine-color-rgb: 63, 17, 28;
}

/* Clases de utilidad para colores de vino */
.text-wine {
    color: var(--wine-color) !important;
}

.text-wine-dark {
    color: var(--wine-color-dark) !important;
}

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

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

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

/* Botones con estilo de vino */
.btn-wine {
    background-color: var(--wine-color);
    border-color: var(--wine-color);
    color: white;
}

.btn-wine:hover,
.btn-wine:focus,
.btn-wine:active {
    background-color: var(--wine-color-dark);
    border-color: var(--wine-color-dark);
    color: white;
}

.btn-outline-wine {
    color: var(--wine-color);
    border-color: var(--wine-color);
    background-color: transparent;
}

.btn-outline-wine:hover,
.btn-outline-wine:focus,
.btn-outline-wine:active {
    background-color: var(--wine-color);
    border-color: var(--wine-color);
    color: white;
}

/* Elementos con overlay de vino */
.wine-overlay {
    background: rgba(var(--wine-color-rgb), 0.8);
}

/* Progress bars con color de vino */
.progress-bar.bg-wine {
    background-color: var(--wine-color) !important;
}

/* Enlaces con color de vino */
.link-wine {
    color: var(--wine-color);
    text-decoration: none;
}

.link-wine:hover {
    color: var(--wine-color-dark);
    text-decoration: underline;
}

/* Badges con color de vino */
.badge.bg-wine {
    background-color: var(--wine-color) !important;
}

/* Cards con acento de vino */
.card-wine {
    border-left: 4px solid var(--wine-color);
}

.card-wine .card-header {
    background-color: var(--wine-color-light);
    border-bottom: 1px solid var(--wine-color);
}

/* Elementos de navegación */
.nav-pills .nav-link.active {
    background-color: var(--wine-color);
    border-color: var(--wine-color);
}

.nav-pills .nav-link:hover {
    border-color: var(--wine-color);
    color: var(--wine-color);
}

/* Timeline elementos */
.timeline::before {
    background: var(--wine-color);
}

.timeline-icon {
    background: var(--wine-color);
}

.timeline-content h6 {
    color: var(--wine-color);
}

/* Thumbnails activos */
.thumbnail-image.active {
    border-color: var(--wine-color);
}

/* Precios */
.precio-actual,
.product-price {
    color: var(--wine-color) !important;
}