/* =============================================================================
 * awa-pdp-b2b-pro.css  — v2 (Fase 3 token migration 2026)
 * AWA Motos — PDP B2B Gate Premium Styling
 * Carregado via catalog_product_view.xml order=1215 (após awa-bundle-pdp)
 *
 * DOM do gate B2B (deslogado):
 *   .product-info-price
 *     > .b2b-login-to-see-price.price-box
 *       > .price-label
 *         > <a href="/b2b/account/login/">Faça login</a> para ver preços
 *
 * NOTA: o inline PHTML (awa-pdp-info-final-css-v2.phtml) cobre o gate com
 * !important. Este arquivo foca nos relacionados e no estado logado.
 * Tokens via: awa-core-variables.css
 * ============================================================================= */

/* --------------------------------------------------------------------------
 * 1. GATE B2B — Container (.b2b-login-to-see-price)
 *
 * Transforma o wrapper num card vermelho full-width dominante.
 * O PHTML inline sobrescreve com !important — este é o fallback.
 * -------------------------------------------------------------------------- */
body.catalog-product-view .product-info-main .b2b-login-to-see-price.price-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: var(--awa-ui-card-actions-min-height, 56px) !important;
    padding: var(--awa-space-3, 12px) var(--awa-space-5, 20px) !important;
    border-radius: var(--awa-ui-radius-button, 12px) !important;
    background: var(--awa-primary, var(--awa-red, #b73337)) !important;
    box-shadow: var(--awa-ui-cta-shadow, 0 4px 14px rgb(183 51 55 / 22%)) !important;
    transition: background-color 0.22s ease, box-shadow 0.22s ease, transform 0.15s ease !important;
    text-align: center !important;
}

body.catalog-product-view .product-info-main .b2b-login-to-see-price.price-box:hover {
    background: var(--awa-primary-dark, #8e2023) !important;
    box-shadow: var(--awa-ui-cta-shadow-hover, 0 7px 22px rgb(183 51 55 / 32%)) !important;
    transform: translateY(var(--awa-neg-0-25, -1px)) !important;
}

/* --------------------------------------------------------------------------
 * 2. GATE B2B — Texto (.price-label)
 * -------------------------------------------------------------------------- */
body.catalog-product-view .product-info-main .b2b-login-to-see-price .price-label {
    display: inline !important;
    color: var(--awa-white-92, rgb(255 255 255 / 92%)) !important;
    font-size: var(--awa-ui-body-size, 15px) !important;
    font-weight: var(--awa-weight-semibold, 600) !important;
    letter-spacing: var(--awa-tracking-tight, 0.01em) !important;
    line-height: var(--awa-leading-normal, 1.4) !important;
}

/* --------------------------------------------------------------------------
 * 3. GATE B2B — Link "Faça login"
 * -------------------------------------------------------------------------- */
body.catalog-product-view .product-info-main .b2b-login-to-see-price a[href*="/b2b/account/login/"],
body.catalog-product-view .product-info-main .b2b-login-to-see-price a[href*="/customer/account/login/"] {
    color: var(--awa-white, #fff) !important;
    font-weight: var(--awa-weight-bold, 700) !important;
    font-size: var(--awa-ui-body-size, 15px) !important;
    text-decoration: underline !important;
    text-decoration-color: rgb(255 255 255 / 60%) !important;
    text-underline-offset: var(--awa-underline-offset-sm, 2px) !important;
    transition: text-decoration-color 0.15s ease !important;
}

body.catalog-product-view .product-info-main .b2b-login-to-see-price a[href*="/b2b/account/login/"]:hover,
body.catalog-product-view .product-info-main .b2b-login-to-see-price a[href*="/customer/account/login/"]:hover {
    text-decoration-color: var(--awa-white, #fff) !important;
}

/* --------------------------------------------------------------------------
 * 4. GATE B2B — Botão "Adicionar ao Carrinho" desabilitado
 * -------------------------------------------------------------------------- */
body.catalog-product-view .product-info-main .action.tocart[disabled],
body.catalog-product-view .product-info-main #product-addtocart-button[disabled] {
    opacity: var(--awa-opacity-disabled, 0.45) !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    background: #ccc !important;
    color: #888 !important;
    transform: none !important;
}

/* --------------------------------------------------------------------------
 * 5. RELACIONADOS — Gate B2B nos cards (price notice)
 *
 * DOM: .price-box.price-box--hidden > .awa-related-price-notice > a
 * -------------------------------------------------------------------------- */
body.catalog-product-view .awa-pdp-related .awa-related-price-notice {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--awa-gap-xs, 4px) !important;
    padding: var(--awa-space-1-25, 5px) var(--awa-space-2-5, 10px) !important;
    border-radius: var(--awa-ui-radius-field, 12px) !important;
    background: var(--awa-primary, var(--awa-red, #b73337)) !important;
    color: var(--awa-white-92, rgb(255 255 255 / 92%)) !important;
    font-size: var(--awa-text-xs, 12px) !important;
    font-weight: var(--awa-weight-semibold, 600) !important;
    text-align: center !important;
    margin-top: var(--awa-space-2, 8px) !important;
}

body.catalog-product-view .awa-pdp-related .awa-related-price-notice a {
    color: var(--awa-white, #fff) !important;
    font-weight: var(--awa-weight-bold, 700) !important;
    text-decoration: underline !important;
    text-decoration-color: rgb(255 255 255 / 50%) !important;
    font-size: var(--awa-text-xs, 12px) !important;
}

body.catalog-product-view .awa-pdp-related .awa-related-price-notice a:hover {
    text-decoration-color: var(--awa-white, #fff) !important;
}

/* --------------------------------------------------------------------------
 * 6. PREÇO NOS RELACIONADOS — destaque mínimo (card pequeno)
 * -------------------------------------------------------------------------- */
body.catalog-product-view .awa-pdp-related .product-item .price {
    font-size: var(--awa-text-sm, 14px) !important;
    font-weight: var(--awa-weight-bold, 700) !important;
    color: var(--awa-primary, var(--awa-red, #b73337)) !important;
    min-height: var(--awa-ui-card-price-min-height, 48px) !important;
    display: flex !important;
    align-items: center !important;
}

@media (prefers-reduced-motion: reduce) {
    body.catalog-product-view .product-info-main .b2b-login-to-see-price.price-box,
    body.catalog-product-view .product-info-main .b2b-login-to-see-price a[href*="/b2b/account/login/"] {
        transition: none !important;
    }
}