/*
 * Ajustes próprios da loja, carregados depois do tema.
 * O style.css do bookland tem 1 MB e é atualizado por substituição — o que for
 * nosso fica aqui para não ser perdido na próxima troca.
 */

/* O tema estiliza `.price` só dentro do `.book-footer`, que fica oculto até o
   hover. O preço precisa estar sempre visível, então vive fora dele. */
.dz-shop-card.style-1 .dz-content > .price,
.books-card.style-1 .dz-content > .price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 12px;
}

.dz-shop-card.style-1 .dz-content > .price .price-num,
.books-card.style-1 .dz-content > .price .price-num {
    font-size: 22px;
    font-weight: 700;
    color: var(--primary);
}

.dz-content > .price .price-prefix {
    font-size: 13px;
    font-weight: 400;
    color: #666;
}

/* `.book-footer` só aparece no `:hover`, que não existe em tela de toque: no
   celular — a maior parte do tráfego — o botão do card era invisível. */
@media only screen and (max-width: 991px) {
    .dz-shop-card.style-1 .dz-content .book-footer {
        opacity: 1;
        visibility: visible;
        position: static;
        bottom: auto;
        padding-bottom: 0;
    }
}

/* Barra de compra fixa da página de produto, só em tela pequena.
   z-index abaixo do aviso de cookies (1080): consentimento vem primeiro, e ele
   sai com um clique. */
.pdp-sticky-cta {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 1030;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    background: #fff;
    border-top: 1px solid #e6e6e6;
    box-shadow: 0 -6px 18px rgba(0, 0, 0, .08);
}

.pdp-sticky-cta .btn {
    white-space: nowrap;
    margin: 0;
}

.pdp-sticky-cta-price small {
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #666;
}

.pdp-sticky-cta-price strong {
    font-size: 20px;
    color: var(--primary);
}

@media only screen and (max-width: 991px) {
    body:has(.pdp-sticky-cta) .page-content {
        padding-bottom: 84px;
    }
}

.catalog-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.catalog-toolbar label {
    font-size: 14px;
    color: #666;
    margin: 0;
}