/* =========================================
   PLUGIN: DESCUENTO COMBO DINÁMICO SEGURO
   FRONTEND STYLES
   ========================================= */

/* 1. Alerta en Página de Producto
   --------------------------------------- */
.dc-combo-alert {
    background-color: #fafafa;   /* Fondo muy sutil */
    border-left: 4px solid #111; /* Borde lateral sólido y oscuro para destacar */
    padding: 15px 20px;
    margin: 25px 0;              /* Espacio arriba y abajo para separarlo de la descripción */
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Sombra suave para darle profundidad */
}

.dc-combo-alert h4 {
    margin: 0 0 10px 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-weight: 700;
}

/* Enlaces dentro de la alerta */
.dc-combo-alert a {
    color: #c5a47e; /* Un tono dorado/camel elegante. Cámbialo por el color de acento de tu marca */
    text-decoration: underline;
    font-weight: 600;
    transition: color 0.3s ease;
}

.dc-combo-alert a:hover {
    color: #000;
}

/* 2. Badge en Carrito / Minicart
   --------------------------------------- */
.dc-combo-badge {
    display: inline-block;
    background-color: #111;      /* Fondo negro */
    color: #fff;                 /* Texto blanco */
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 3px 6px;
    border-radius: 2px;          /* Bordes ligeramente redondeados */
    margin-left: 8px;            /* Separación del nombre del producto */
    vertical-align: middle;
}

/* 3. Aviso en el Mini-Cart (Widget)
   --------------------------------------- */
.dc-minicart-notice {
    background-color: #f5f5f5;
    color: #555;
    font-size: 13px;
    padding: 10px 15px;
    margin: 10px 0;
    border-radius: 4px;
    border: 1px dashed #ccc; /* Borde punteado para indicar que es una "nota" */
    line-height: 1.4;
}

.dc-minicart-notice a {
    font-weight: 700;
    color: #111;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}