/* =====================================================
   Woo WhatsApp Orders — Frontend Styles (structural)
   Colors/sizes injected by WWO_Style_Manager via wp_head
   ===================================================== */

.wwo-btn {
    display:         inline-flex;
    align-items:     center;
    gap:             8px;
    text-decoration: none;
    cursor:          pointer;
    transition:      background 0.22s ease, color 0.22s ease,
                     transform 0.12s ease, box-shadow 0.22s ease;
    line-height:     1.4;
    white-space:     nowrap;
    vertical-align:  middle;
    box-sizing:      border-box;
}
.wwo-btn:hover   { transform: translateY(-1px); text-decoration: none; }
.wwo-btn:active  { transform: translateY(0); }
.wwo-btn .wwo-icon { flex-shrink: 0; }

/* Icono a la derecha */
.wwo-btn--icon-right { flex-direction: row-reverse; }

/* Producto */
.wwo-btn--product { margin-top:12px; width:100%; justify-content:center; }

/* Carrito */
.wwo-btn--cart { display:flex !important; margin-top:10px; width:100%; justify-content:center; }

/* Checkout */
.wwo-checkout-wrapper { margin-top:16px; text-align:center; }
.wwo-btn--checkout    { width:100%; justify-content:center; }

/* Shortcode */
.wwo-btn--shortcode { margin-top:0; }
.wwo-btn--block     { display:flex; width:100%; justify-content:center; }

/* "o" divider */
.wwo-or { font-size:13px; color:#999; margin:10px 0; position:relative; text-align:center; }
.wwo-or::before, .wwo-or::after {
    content:''; display:inline-block; width:38%; height:1px;
    background:#ddd; vertical-align:middle; margin:0 8px;
}

/* Aviso fuera de horario */
.wwo-closed-notice {
    background:#fff8e1; border-left:4px solid #ffc107;
    padding:10px 14px; border-radius:4px;
    font-size:13px; color:#555; margin-bottom:8px;
}

/* ======================================================
   MÓDULO CHECKOUT ORDER
   ====================================================== */
.wwo-checkout-order-wrap {
    margin-top: 16px;
}

/* Divisor visual */
.wwo-divider {
    display:         flex;
    align-items:     center;
    gap:             12px;
    margin:          16px 0 14px;
    color:           #9ca3af;
    font-size:       13px;
}
.wwo-divider::before,
.wwo-divider::after {
    content:    '';
    flex:       1;
    height:     1px;
    background: #e5e7eb;
}

/* Botón de checkout (hereda .wwo-btn del style manager) */
.wwo-btn--checkout-order {
    width:           100%;
    justify-content: center;
    font-size:       16px;
    cursor:          pointer;
    border:          none;
    font-family:     inherit;
    /* el resto de estilos viene del style manager */
}

/* Nota informativa debajo del botón */
.wwo-checkout-note {
    font-size:   12px;
    color:       #9ca3af;
    text-align:  center;
    margin:      8px 0 0;
    line-height: 1.4;
}

/* Validación: campo con error */
.woocommerce-input-wrapper input.wwo-field-error,
input.wwo-field-error {
    border-color: #ef4444 !important;
    box-shadow:   0 0 0 2px rgba(239, 68, 68, 0.2) !important;
    animation:    wwoShake 0.3s ease;
}

@keyframes wwoShake {
    0%,100% { transform: translateX(0); }
    25%      { transform: translateX(-4px); }
    75%      { transform: translateX(4px); }
}