/* ==========================================================================
   MÓDULO: WOOCOMMERCE
   Contiene todos los estilos para la página de edición de productos.
   (Fusiona woo-inline-buttons.css, smg-woo-inline.css y estilos de woo-metabox-ui.php)
   ========================================================================== */

/* --- Estilo Base del Botón Redondo (de woo-inline-buttons.css) --- */
.smg-ai-btn {
    width: 34px;
    height: 34px;
    border-radius: 9999px;
    background: #ff2f66;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(255, 47, 102, .35);
    transition: transform .1s ease-out;
}
.smg-ai-btn.is-loading {
    background: #d0d0d0 !important;
    box-shadow: none !important;
    cursor: wait !important;
}
.smg-ai-btn svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    stroke-width: 1.7;
    fill: none;
}

/* --- Posicionamiento Específico (de woo-inline-buttons.css) --- */

/* Título del Producto */
#titlewrap {
    position: relative;
}
#smg-ai-title {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

/* Descripción Larga */
#smg-ai-desc {
    margin-left: 8px;
}

/* Descripción Corta */
#smg-ai-short {
    margin-left: 8px;
}

/* Etiquetas */
#smg-ai-tags {
    margin-left: 6px;
    vertical-align: middle;
}

/* --- Estilos del Metabox (de woo-metabox-ui.php) --- */
#smg-woo-assistant-wrapper .smg-processing-overlay {
    display: none; /* JS lo maneja */
}

.smg-woo-button {
    width: 100%;
}
#smg-woo-generate-description.smg-woo-button {
    margin-bottom: 10px;
}
#smg-woo-generate-shortdesc.smg-woo-button {
    margin-bottom: 10px;
}

/* --- Estilos del botón gradiente (de smg-woo-inline.css) --- */
/* (Se movieron a _components.css ya que son globales) */