/**
 * Archivo: assets/css/avisos-stock.css
 * Módulo: shop-core — "Próximamente" y botón "Avísame" (28/9/2026).
 * Ver includes/producto/producto-avisos-stock.php.
 */

/* Botón. El tema (Astra) pone estilos propios a button:focus: se fija aquí
   el estado con foco para que no cambie de aspecto (ver regalo.css). */
.sc-avisame,
.sc-avisame:focus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 12px 20px;
    border: 1px solid var(--sc-gold);
    border-radius: var(--sc-btn-radius, 4px);
    background: transparent;
    color: var(--sc-gold);
    font-family: var(--sc-font-body);
    font-size: var(--sc-fs-caption);
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.sc-avisame:hover,
.sc-avisame:focus-visible {
    background: var(--sc-gold);
    color: #111;
    outline: none;
}
.sc-avisame.sc-avisame-apuntado,
.sc-avisame.sc-avisame-apuntado:focus {
    background: rgba(var(--sc-gold-rgb), 0.12);
    color: var(--sc-gold);
}
.sc-avisame.sc-avisame-apuntado:hover,
.sc-avisame.sc-avisame-apuntado:focus-visible {
    background: rgba(var(--sc-gold-rgb), 0.22);
    color: var(--sc-gold);
}
.sc-avisame:disabled { opacity: 0.6; cursor: wait; }

/* Pestaña "Próximamente": cada tarjeta con su botón debajo, a todo el ancho. */
.sc-proximamente-intro {
    color: var(--sc-muted);
    margin: 0 0 1.2rem;
}
.sc-proximamente-item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}
.sc-proximamente-item .sc-avisame { width: 100%; }
.sc-proximamente-card { position: relative; }
.sc-proximamente-card .sc-producto-img { filter: grayscale(35%); opacity: 0.85; }
.sc-proximamente-agotado {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    padding: 1px 8px;
    border-radius: 2px;
    /* "Vuelve pronto" (29/9/2026): dorado, en vez del rojo de "Agotado". */
    background: rgba(var(--sc-gold-rgb), 0.92);
    color: #111;
    font-weight: 600;
    font-size: var(--sc-fs-caption);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    pointer-events: none;
}

/* Ficha del producto: el botón va en la fila de "Ver carrito". */
.sc-producto-single-carrito .sc-avisame { margin-right: 0.6rem; }

/* Mi cuenta → Mis avisos. */
.sc-avisos-nota-login {
    padding: 0.8rem 1rem;
    border: 1px solid rgba(var(--sc-gold-rgb), 0.35);
    border-radius: 4px;
    background: rgba(var(--sc-gold-rgb), 0.08);
    color: var(--sc-text);
}
.sc-avisos-lista {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.sc-avisos-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.6rem;
    border: 1px solid rgba(var(--sc-gold-rgb), 0.2);
    border-radius: 6px;
}
.sc-avisos-producto,
.sc-avisos-producto:visited {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    color: var(--sc-text) !important;
    text-decoration: none !important;
    min-width: 0;
}
.sc-avisos-producto img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    background: #fff;
    border-radius: 4px;
}

/* Bloque de gestión al final del panel "Próximamente" (2/10/2026): estado de
   publicación + Publicar / Retirar (solo Administrador). */
.sc-proximamente-gestion {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem 1.2rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(var(--sc-gold-rgb), 0.2);
}
.sc-proximamente-estado {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    color: #e07a5f;
    font-size: var(--sc-fs-small);
}
.sc-proximamente-estado-publicada { color: var(--sc-gold); }
.sc-proximamente-publicar:disabled { opacity: 0.6; cursor: wait; }