/*
CSS Draive Points - Blocos (não-landing)
*/

html {
    overflow-x: hidden;
}

/* draive-dashboard */
.draive-dashboard .historico-title {
    max-width: 20ch;
}

@media (min-width: 992px) {
    .draive-dashboard .historico-title {
        max-width: none;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
}

/* draive-history */
.draive-history .history-thumb {
    width: 58px;
    height: 58px;
}

.draive-history .history-title {
    max-width: 20ch;
}

@media (min-width: 992px) {
    .draive-history .history-row {
        justify-content: space-between;
        gap: 2rem;
    }

    .draive-history .history-produto {
        flex: 0 0 320px;
        min-width: 0;
    }

    .draive-history .history-col-data,
    .draive-history .history-col-codigo {
        width: 110px;
        flex: 0 0 auto;
    }

    .draive-history .history-col-pontos {
        width: 190px;
        flex: 0 0 auto;
        white-space: nowrap;
        text-align: right;
        justify-content: flex-end;
    }
}

/* draive-qr-success */
@media (min-width: 992px) {
    .success-number {
        font-size: 3rem;
    }
}

/* draive-referred */
.draive-referred .referred-thumb {
    width: 48px;
    height: 48px;
}

.draive-referred .referred-title {
    max-width: 20ch;
}

@media (min-width: 992px) {
    .draive-referred .referred-row {
        justify-content: space-between;
        gap: 2rem;
    }

    .draive-referred .referred-colega {
        flex: 0 0 320px;
        min-width: 0;
    }

    .draive-referred .referred-col-data {
        width: 140px;
        flex: 0 0 auto;
    }

    .draive-referred .referred-col-status {
        width: 220px;
        flex: 0 0 auto;
        white-space: nowrap;
        text-align: right;
        justify-content: flex-end;
    }
}

.woocommerce-MyAccount-content > p:nth-of-type(1),
.woocommerce-MyAccount-content > p:nth-of-type(2) {
    display: none;
}

/* woocommerce-blocktheme.css do próprio WooCommerce limita a .woocommerce a
   1000px dentro do <main> das telas de conta/carrinho/checkout — conflita
   com a largura do grid Bootstrap usado nessas telas. */
.woocommerce-account main .woocommerce,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout main .woocommerce {
    max-width: initial !important;
}