/* 
WC Back In Stock PRO - Estilos ULTRA FUERTES
!important en TODO para vencer a Elementor
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
.wcbis-pro-form-container {
    /* POSICIÓN */
    position: relative !important;
    z-index: 99999 !important;
    
    /* TAMAÑO */
    width: 100% !important;
    max-width: 500px !important;
    margin: 40px 0 !important;
    padding: 35px !important;
    box-sizing: border-box !important;
    
    /* FONDO Y BORDES */
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12) !important;
    border: 3px solid #017b54 !important;
    border-top: 8px solid #017b54 !important;
    
    /* TEXTO */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    text-align: center !important;
    
    /* VISIBILIDAD */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: wcbisSlideIn 0.5s ease-out !important;
}

@keyframes wcbisSlideIn {
    from { 
        opacity: 0 !important; 
        transform: translateY(20px) !important; 
    }
    to { 
        opacity: 1 !important; 
        transform: translateY(0) !important; 
    }
}

/* ===== HEADER ===== */
.wcbis-pro-header {
    text-align: center !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
}

.wcbis-pro-icon {
    font-size: 42px !important;
    margin-bottom: 15px !important;
    color: #017b54 !important;
    display: block !important;
}

.wcbis-pro-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #017b54 !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.3 !important;
    padding: 0 !important;
}

.wcbis-pro-subtitle {
    font-size: 15px !important;
    color: #666666 !important;
    margin: 0 0 20px 0 !important;
    font-style: italic !important;
    padding: 0 !important;
}

.wcbis-pro-product {
    font-size: 15px !important;
    color: #005bbc !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    background: rgba(0, 91, 188, 0.08) !important;
    border-radius: 8px !important;
    display: inline-block !important;
    border-left: 4px solid #005bbc !important;
}

/* ===== FORMULARIO ===== */
.wcbis-pro-form {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

.wcbis-pro-input-group {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}

.wcbis-pro-email {
    /* TAMAÑO */
    flex: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    
    /* ESPACIADO */
    padding: 16px 20px !important;
    margin: 0 !important;
    
    /* BORDES */
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    outline: none !important;
    
    /* TEXTO */
    font-size: 15px !important;
    font-family: inherit !important;
    color: #333333 !important;
    
    /* FONDO */
    background: #f9f9f9 !important;
    
    /* TRANSICIONES */
    transition: all 0.3s ease !important;
}

.wcbis-pro-email:focus {
    border-color: #017b54 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(1, 123, 84, 0.1) !important;
}

.wcbis-pro-submit {
    /* TAMAÑO */
    padding: 16px 32px !important;
    min-width: 140px !important;
    margin: 0 !important;
    
    /* BORDES */
    border: none !important;
    border-radius: 8px !important;
    outline: none !important;
    
    /* FONDO */
    background: linear-gradient(135deg, #017b54 0%, #00a86b 100%) !important;
    background-color: #017b54 !important;
    
    /* TEXTO */
    color: white !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    text-transform: none !important;
    
    /* INTERACCIÓN */
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

.wcbis-pro-submit:hover:not(:disabled) {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(1, 123, 84, 0.25) !important;
    background: linear-gradient(135deg, #00a86b 0%, #017b54 100%) !important;
}

.wcbis-pro-submit:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

/* ===== MENSAJES ===== */
.wcbis-pro-messages {
    margin: 15px 0 !important;
    padding: 0 !important;
    min-height: 60px !important;
    width: 100% !important;
}

.wcbis-pro-message {
    padding: 16px !important;
    margin-bottom: 10px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    text-align: center !important;
    animation: slideIn 0.3s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.wcbis-pro-message-success {
    background: rgba(1, 123, 84, 0.1) !important;
    color: #017b54 !important;
    border: 1px solid rgba(1, 123, 84, 0.2) !important;
}

.wcbis-pro-message-error {
    background: rgba(230, 15, 40, 0.1) !important;
    color: #e60f28 !important;
    border: 1px solid rgba(230, 15, 40, 0.2) !important;
}

@keyframes slideIn {
    from { 
        opacity: 0 !important; 
        transform: translateY(-10px) !important; 
    }
    to { 
        opacity: 1 !important; 
        transform: translateY(0) !important; 
    }
}

/* ===== FOOTER ===== */
.wcbis-pro-footer {
    margin-top: 25px !important;
    padding-top: 20px !important;
    padding-bottom: 0 !important;
    border-top: 1px solid #eeeeee !important;
    text-align: center !important;
    width: 100% !important;
}

.wcbis-pro-privacy {
    font-size: 13px !important;
    color: #666666 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}

.wcbis-pro-debug-notice {
    font-size: 12px !important;
    color: #005bbc !important;
    margin: 10px 0 0 0 !important;
    padding: 8px 12px !important;
    font-style: italic !important;
    background: rgba(0, 91, 188, 0.08) !important;
    border-radius: 6px !important;
    border-left: 3px solid #005bbc !important;
    display: inline-block !important;
}

/* ===== BADGE DEBUG ===== */
.wcbis-pro-version-badge {
    position: absolute !important;
    top: -12px !important;
    right: 20px !important;
    background: #005bbc !important;
    color: white !important;
    padding: 4px 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 10px rgba(0, 91, 188, 0.3) !important;
    z-index: 100000 !important;
}

/* ===== RESET DE ELEMENTOR ===== */
.wcbis-pro-form-container .elementor-widget,
.wcbis-pro-form-container .elementor-element,
.wcbis-pro-form-container .e-con,
.wcbis-pro-form-container .elementor-widget-wrap {
    all: unset !important;
    display: block !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .wcbis-pro-form-container {
        padding: 25px 20px !important;
        margin: 30px 0 !important;
        max-width: 100% !important;
    }
    
    .wcbis-pro-input-group {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .wcbis-pro-submit {
        width: 100% !important;
        min-width: auto !important;
        padding: 16px !important;
    }
    
    .wcbis-pro-email {
        width: 100% !important;
    }
}

/* ===== FORZAR ESTILOS CONTRA ELEMENTOR ===== */
body .wcbis-pro-form-container * {
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    line-height: normal !important;
}

body .wcbis-pro-form-container h1,
body .wcbis-pro-form-container h2,
body .wcbis-pro-form-container h3,
body .wcbis-pro-form-container h4,
body .wcbis-pro-form-container h5,
body .wcbis-pro-form-container h6 {
    all: revert !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

body .wcbis-pro-form-container p {
    all: revert !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .wcbis-pro-form-container input,
body .wcbis-pro-form-container button {
    all: revert !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ===== GARANTIZAR VISIBILIDAD ===== */
html body .wcbis-pro-form-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}