/* ==========================================================
   SD Product Page — Personalizaciones página de producto
   Sertec Digital · v1.2.0
   ========================================================== */

/* ──────────────────────────────────────────
   1. Ocultar módulo de precio Divi (et_pb_wc_price)
   ────────────────────────────────────────── */
.single-product .et_pb_wc_price {
    display: none !important;
}

/* ──────────────────────────────────────────
   2. Ocultar SKU y categoría del producto
   ────────────────────────────────────────── */
.single-product .product_meta {
    display: none !important;
}

/* ──────────────────────────────────────────
   3. Ocultar precio de variación seleccionada
      (el que aparece en azul encima del carrito)
   ────────────────────────────────────────── */
.single-product .woocommerce-variation-price {
    display: none !important;
}

/* ──────────────────────────────────────────
   4. Área cantidad + botón — fila única
   ────────────────────────────────────────── */
.single-product .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 20px !important;
    width: 100% !important;
}

/* ──────────────────────────────────────────
   5. Input de cantidad
   ────────────────────────────────────────── */
.single-product .quantity {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 14px !important;
    padding: 0 12px !important;
    gap: 4px !important;
    min-width: 80px !important;
    height: 56px !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}

/* Sufijo "uds" dentro del input */
.single-product .quantity::after {
    content: 'uds';
    font-size: 0.75rem;
    font-weight: 600;
    color: #bbbbbb;
    pointer-events: none;
    white-space: nowrap;
}

.single-product .quantity:focus-within {
    border-color: #a5aa57 !important;
}

.single-product input.qty {
    width: 36px !important;
    height: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #4b4b4b !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    -moz-appearance: textfield !important;
}

/* Ocultar flechas nativas del input number */
.single-product input.qty::-webkit-outer-spin-button,
.single-product input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* ──────────────────────────────────────────
   6. Botón Añadir al carrito
   ────────────────────────────────────────── */
.single-product .single_add_to_cart_button {
    flex: 1 !important;
    height: 56px !important;
    background: linear-gradient(135deg, #b8be5e 0%, #8f9448 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 16px rgba(143, 148, 72, 0.40) !important;
    text-transform: none !important;
    padding: 0 24px !important;
}

.single-product .single_add_to_cart_button::before {
    content: '🛒  ';
    font-size: 1rem;
}

/* Hover — activo */
.single-product .single_add_to_cart_button:hover:not(.disabled):not(.wc-variation-selection-needed) {
    background: linear-gradient(135deg, #c5cc68 0%, #9aa050 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(143, 148, 72, 0.50) !important;
}

.single-product .single_add_to_cart_button:active:not(.disabled) {
    transform: translateY(0px) !important;
}

/* Estado desactivado (sin variación seleccionada) */
.single-product .single_add_to_cart_button.disabled,
.single-product .single_add_to_cart_button.wc-variation-selection-needed {
    background: linear-gradient(135deg, #d8d8d8 0%, #c0c0c0 100%) !important;
    color: #999999 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    transform: none !important;
}

.single-product .single_add_to_cart_button.disabled::before,
.single-product .single_add_to_cart_button.wc-variation-selection-needed::before {
    content: '' !important;
}

/* ──────────────────────────────────────────
   7. Responsive móvil
   ────────────────────────────────────────── */
@media (max-width: 480px) {
    .single-product .woocommerce-variation-add-to-cart {
        gap: 8px !important;
    }

    .single-product .single_add_to_cart_button {
        font-size: 0.95rem !important;
        padding: 0 16px !important;
    }
}