/* Custom CSS - BTM Loja */

/* ========================================
   OCULTAR BOTÃO DE COMPARAR
   ======================================== */
.bb-btn-compare,
.js-add-to-compare-button,
button[data-bb-toggle="add-to-compare"],
a[href*="compare"] {
    display: none !important;
}

.header-action-icon-2 a[href*="compare"],
.header-action-icon-2 a[href*="compare"] + a {
    display: none !important;
}

.header-action-icon-2:has(a[href*="compare"]) {
    display: none !important;
}

/* ========================================
   PÁGINA DE PRODUTO - LAYOUT PERSONALIZADO
   ======================================== */

/* Título do Produto */
.detail-info .title-detail {
    font-size: 24px;
    font-weight: 700;
    color: #253D4E;
    line-height: 1.2;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Seção de Avaliação */
.product-detail-rating {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 8px !important;
}

.product-detail-rating > div {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 8px !important;
}

.product-detail-rating .rating-number {
    font-size: 16px;
    color: #999999;
    font-weight: 400;
}

.product-detail-rating .product-stars {
    display: flex;
    gap: 2px;
    align-items: center;
}

.product-detail-rating .star-icon {
    font-size: 20px;
    line-height: 1;
    font-family: Arial, sans-serif;
}

.product-detail-rating .star-icon.filled {
    color: #007BFF;
}

.product-detail-rating .star-icon.half {
    color: #007BFF;
}

.product-detail-rating .star-icon.empty {
    color: #ddd;
}

.product-detail-rating .review-count {
    font-size: 14px;
    color: #999999;
    font-weight: 400;
}

/* Preços */
.product-price-section {
    padding: 0 !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #ececec;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.product-price-section .original-price {
    font-size: 14px;
}

.product-price-section .current-price {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #253D4E !important;
}

.product-price-section .badge {
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #3BB77E !important;
}

.product-price-section .installment-info {
    font-size: 16px;
    color: #253D4E;
}

.product-price-section .payment-methods-link a {
    color: #4285f4;
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.product-price-section .payment-methods-link a:hover {
    text-decoration: underline;
    color: #3367d6;
}

/* Estoque */
.product-stock-info {
    padding: 0 !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.product-stock-info .stock-label {
    font-size: 14px;
    color: #253D4E;
    font-weight: 600;
}

/* Botões de Ação */
.product-action-buttons {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.product-action-buttons .btn {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 24px;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 8px !important;
}

.btn-buy-now {
    background-color: #4285f4 !important;
    color: white !important;
    border: none !important;
}

.btn-buy-now:hover {
    background-color: #3367d6 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(66, 133, 244, 0.4) !important;
}

.btn-add-to-cart {
    background-color: white !important;
    color: #4285f4 !important;
    border: 2px solid #4285f4 !important;
}

.btn-add-to-cart:hover {
    background-color: #f0f7ff !important;
    border-color: #3367d6 !important;
    color: #3367d6 !important;
}

/* Seção de Ações Extras (WhatsApp, etc) */
.product-extra-actions {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Botão WhatsApp */
.product-whatsapp-order-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

.product-whatsapp-order-btn {
    width: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 14px 24px !important;
    border-radius: 8px !important;
    background-color: #25D366 !important;
    border-color: #25D366 !important;
    color: white !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.product-whatsapp-order-btn:hover {
    background-color: #20BA5A !important;
    border-color: #20BA5A !important;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4) !important;
}

/* ========================================
   OCULTAR SKU E CATEGORIAS
   ======================================== */
.detail-info .font-xs,
.detail-info #product-sku,
.detail-info li:has(a[href*="categories"]) {
    display: none !important;
}

/* ========================================
   COMPACTAÇÃO GERAL DOS ELEMENTOS
   ======================================== */
.detail-info > * {
    margin-top: 0 !important;
}

.detail-info .mb-10,
.detail-info .mb-20,
.detail-info .mb-30,
.detail-info .mb-40,
.detail-info .mb-50 {
    margin-bottom: 10px !important;
}

.detail-info .mt-10,
.detail-info .mt-20,
.detail-info .mt-30 {
    margin-top: 0 !important;
}

.attr-detail.attr-size.mb-30 {
    margin-bottom: 10px !important;
    margin-top: 0 !important;
}

/* Responsivo */
@media (max-width: 768px) {
    .detail-info .title-detail {
        font-size: 20px;
    }
    
    .product-price-section .current-price {
        font-size: 28px !important;
    }
    
    .product-action-buttons .btn {
        padding: 12px 20px;
        font-size: 15px;
    }
}