/**
 * Black Friday Theme - Corpo Bueno
 * Mudanças sutis e elegantes para promoção
 */

/* Variáveis do tema Natal */
:root {
    --natal-red: #af1515;
    --natal-red-dark: #8a1010;
    --natal-red-light: #c41a1a;
}

/* OVERRIDE FORÇADO - Botões Rosa para Vermelho Natal */
/* Essa regra pega TODOS os elementos com classes rosa do Tailwind */
[class*="from-pink-"],
[class*="to-pink-"],
[class*="bg-pink-"],
.from-pink-600,
.to-pink-700,
.from-pink-700,
.to-pink-800,
.bg-gradient-to-r.from-pink-600 {
    background: var(--natal-red) !important;
    background-image: none !important;
    color: white !important;
    border: none !important;
    font-weight: 700 !important;
}

/* Botões "Reservar" em vermelho Natal com texto branco */
.cb-product-card .btn-reserve,
.product-card-button,
.add-to-cart-button,
.btn-add-to-cart,
[class*="reservar"],
button[class*="add-to-cart"],
.woocommerce-loop-product__link .button,
.single_add_to_cart_button,
/* Selecionar especificamente os botões dos cards */
.cb-product-actions span,
.cb-product-actions a,
.cb-product-actions button,
span[class*="bg-gradient-to-r"],
span[class*="from-pink"],
a[class*="bg-gradient-to-r"] {
    background: var(--natal-red) !important;
    background-image: none !important;
    color: white !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(175, 21, 21, 0.3) !important;
}

.cb-product-card .btn-reserve:hover,
.product-card-button:hover,
.add-to-cart-button:hover,
.btn-add-to-cart:hover,
button[class*="add-to-cart"]:hover,
.single_add_to_cart_button:hover,
.cb-product-actions span:hover,
.cb-product-actions a:hover,
.cb-product-actions button:hover,
span[class*="bg-gradient-to-r"]:hover,
span[class*="from-pink"]:hover,
a[class*="bg-gradient-to-r"]:hover {
    background: var(--natal-red-dark) !important;
    background-image: none !important;
    color: white !important;
    border: none !important;
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 8px 20px rgba(175, 21, 21, 0.4) !important;
}

/* Badge "Natal" nos cards de produtos */
.cb-product-card::before,
.product-card::before {
    content: "🎄 NATAL";
    position: absolute;
    top: 12px;
    right: -35px;
    background: var(--natal-red);
    color: white;
    padding: 5px 40px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    transform: rotate(45deg);
    z-index: 10;
    box-shadow: 0 3px 10px rgba(175, 21, 21, 0.3);
    border: none;
}

/* Efeito sutil nos cards */
.cb-product-card:hover,
.product-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
}

/* Preços com destaque rosa */
.price ins,
.woocommerce-Price-amount,
.product-price .price,
.sale-price {
    color: var(--cb-pink) !important;
    font-weight: 700 !important;
    text-shadow: none;
}

/* Preço antigo mais discreto */
.price del,
.regular-price del {
    color: #999 !important;
    font-size: 0.85em !important;
}

/* Banner promocional sutil no hero - REMOVIDO */

/* Destaque sutil nos títulos de produtos */
.product-title,
.woocommerce-loop-product__title {
    position: relative;
}

/* Estrelinhas douradas decorativas (muito sutis) */
.featured-badge::after {
    content: "✨";
    position: absolute;
    top: -5px;
    right: -15px;
    font-size: 14px;
    animation: twinkle 2s infinite;
}

@keyframes twinkle {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 1; }
}

/* Hero banner - REMOVIDO */

/* Botão do carrinho - mantém original */

/* Loading state para botões */
.btn-reserve.loading::after,
.add-to-cart-button.loading::after {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid var(--cb-pink);
    border-top-color: transparent;
    border-radius: 50%;
    display: inline-block;
    animation: spin 0.6s linear infinite;
    margin-left: 8px;
    vertical-align: middle;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Badge de desconto - tema Natal */
.sale-badge,
.onsale {
    background: var(--natal-red) !important;
    color: white !important;
    border: none !important;
    font-weight: 800 !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(175, 21, 21, 0.3) !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .cb-product-card::before,
    .product-card::before {
        font-size: 9px;
        padding: 4px 35px;
        right: -38px;
    }
}

/* Garantir que elementos essenciais não sejam afetados */
.checkout-button,
.place-order-button {
    /* Manter estilo original do checkout */
    background: linear-gradient(135deg, var(--cb-pink) 0%, var(--cb-pink-dark) 100%) !important;
    color: white !important;
    border: none !important;
}

.checkout-button:hover,
.place-order-button:hover {
    background: linear-gradient(135deg, var(--cb-pink-dark) 0%, #6b1327 100%) !important;
}