/**
 * Coari Pronta Entrega
 * Minha Conta > Pedidos
 * Layout mobile em cards.
 */

@media (max-width: 768px) {

    /* Cada pedido vira um card */
    .woocommerce-account
    table.woocommerce-orders-table
    tbody
    tr.woocommerce-orders-table__row {
        display: grid !important;
        grid-template-columns: 1fr auto;
        gap: 5px 12px;

        width: 100% !important;
        margin: 0 0 12px 0 !important;
        padding: 12px !important;

        border: 1px solid #dfe3e8 !important;
        border-radius: 8px;
        background: #fff;

        box-sizing: border-box;
    }


    /* Todas as células */
    .woocommerce-account
    table.woocommerce-orders-table
    tbody
    tr.woocommerce-orders-table__row
    td {
        display: block !important;
        width: auto !important;

        padding: 2px 0 !important;
        margin: 0 !important;

        border: 0 !important;
        text-align: left !important;

        box-sizing: border-box;
    }


    /* Remove os rótulos automáticos:
       Data:, Status:, Total:, Ações: */
    .woocommerce-account
    table.woocommerce-orders-table
    td::before {
        display: none !important;
        content: none !important;
    }


    /* Número do pedido */
    .woocommerce-account
    .woocommerce-orders-table__cell-order-number {
        grid-column: 1 / 2;

        font-size: 16px;
        font-weight: 700;
    }


    /* Data */
    .woocommerce-account
    .woocommerce-orders-table__cell-order-date {
        grid-column: 1 / 2;

        font-size: 13px;
    }


    /* Status */
    .woocommerce-account
    .woocommerce-orders-table__cell-order-status {
        grid-column: 1 / 2;

        font-size: 13px;
        font-weight: 600;
    }


    /* Total */
    .woocommerce-account
    .woocommerce-orders-table__cell-order-total {
        grid-column: 1 / 2;

        font-size: 14px;
        font-weight: 600;
    }


    /* Botão fica à direita do card */
    .woocommerce-account
    .woocommerce-orders-table__cell-order-actions {
        grid-column: 2 / 3;
        grid-row: 1 / 5;

        display: flex !important;
        align-items: center;
        justify-content: center;
    }


    .woocommerce-account
    .woocommerce-orders-table__cell-order-actions
    .button {
        width: auto !important;
        min-width: 92px;

        margin: 0 !important;
        padding: 9px 12px !important;

        text-align: center;
        white-space: nowrap;
    }


    /* Evita largura excedente */
    .woocommerce-account
    table.woocommerce-orders-table,
    .woocommerce-account
    table.woocommerce-orders-table
    tbody {
        width: 100% !important;
    }

}

/**
 * Exibe o número do pedido nos cards mobile.
 */
@media (max-width: 768px) {

    .woocommerce-account
    .woocommerce-orders-table__cell-order-number {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        grid-column: 1 / 2 !important;
        grid-row: 1 !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.3;
    }

    .woocommerce-account
    .woocommerce-orders-table__cell-order-number a {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;

        font-weight: 700 !important;
    }

    .woocommerce-account
    .woocommerce-orders-table__cell-order-date {
        grid-row: 2 !important;
    }

    .woocommerce-account
    .woocommerce-orders-table__cell-order-status {
        grid-row: 3 !important;
    }

    .woocommerce-account
    .woocommerce-orders-table__cell-order-total {
        grid-row: 4 !important;
    }

    .woocommerce-account
    .woocommerce-orders-table__cell-order-actions {
        grid-row: 1 / 5 !important;
    }

}

/**
 * Coari Pronta Entrega
 * Página Produtos
 * Ajuste do grid mobile.
 */
@media (max-width: 768px) {

    /* Mantém 2 produtos por linha */
    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 14px !important;
    }

    /* Cada produto ocupa uma célula do grid */
    .woocommerce ul.products li.product {
        width: 100% !important;
        margin: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        box-sizing: border-box;
    }

    /* Área clicável do produto */
    .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
    }

    /* Mantém as imagens proporcionais */
    .woocommerce ul.products li.product img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }

    /* Reserva espaço para o título e reduz desalinhamento */
    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {
        min-height: 66px;
        margin-bottom: 6px !important;

        line-height: 1.3;
    }

    /* Área de preço com altura consistente */
    .woocommerce ul.products li.product .price {
        min-height: 42px;
        margin-bottom: 4px !important;
    }

    /* Botão alinhado na parte inferior do card */
    .woocommerce ul.products li.product
    .button {
        width: 100% !important;
        margin-top: auto !important;

        box-sizing: border-box;

        text-align: center;
    }

}

/**
 * Alinhamento final dos cards de produtos no mobile.
 */
@media (max-width: 768px) {

    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {
        min-height: 78px !important;
    }

    .woocommerce ul.products li.product .price {
        min-height: 44px !important;
    }

    .woocommerce ul.products li.product .button {
        margin-top: auto !important;
    }

}

/**
 * Coari Pronta Entrega
 * Página Lojas
 * Ajuste final da barra de filtros no mobile.
 */
@media (max-width: 768px) {

    /* Oculta apenas o texto "Ordenar por:" */
    #dokan-store-listing-filter-wrap
    form.sort-by.item label {
        display: none !important;
    }

    /* Mantém o seletor bem dimensionado */
    #dokan-store-listing-filter-wrap
    #stores_orderby {
        width: auto !important;
        min-width: 170px !important;
    }

}

/**
 * Coari Pronta Entrega
 * Minha Conta > Pedidos
 * Ajuste para pedidos pendentes com várias ações.
 */
@media (max-width: 768px) {

    /*
     * Somente cards que possuem o botão Pagar.
     * Mantém os pedidos normais com o layout já aprovado.
     */
    .woocommerce-account
    tr.woocommerce-orders-table__row:has(
        .woocommerce-orders-table__cell-order-actions .pay
    ) {
        grid-template-columns: 1fr !important;
    }


    /*
     * Número, data, status e total
     * passam a utilizar toda a largura disponível.
     */
    .woocommerce-account
    tr.woocommerce-orders-table__row:has(
        .woocommerce-orders-table__cell-order-actions .pay
    )
    .woocommerce-orders-table__cell-order-number,

    .woocommerce-account
    tr.woocommerce-orders-table__row:has(
        .woocommerce-orders-table__cell-order-actions .pay
    )
    .woocommerce-orders-table__cell-order-date,

    .woocommerce-account
    tr.woocommerce-orders-table__row:has(
        .woocommerce-orders-table__cell-order-actions .pay
    )
    .woocommerce-orders-table__cell-order-status,

    .woocommerce-account
    tr.woocommerce-orders-table__row:has(
        .woocommerce-orders-table__cell-order-actions .pay
    )
    .woocommerce-orders-table__cell-order-total {
        grid-column: 1 / -1 !important;
    }


    /*
     * Área dos botões fica abaixo dos dados.
     */
    .woocommerce-account
    tr.woocommerce-orders-table__row:has(
        .woocommerce-orders-table__cell-order-actions .pay
    )
    .woocommerce-orders-table__cell-order-actions {

        grid-column: 1 / -1 !important;
        grid-row: 5 !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;

        width: 100% !important;
        margin-top: 8px !important;
    }


    /*
     * Pagar e Visualizar lado a lado.
     */
    .woocommerce-account
    tr.woocommerce-orders-table__row:has(
        .woocommerce-orders-table__cell-order-actions .pay
    )
    .woocommerce-orders-table__cell-order-actions .button {

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 10px 8px !important;

        box-sizing: border-box;
    }


    /*
     * Cancelar ocupa a linha inteira abaixo.
     */
    .woocommerce-account
    tr.woocommerce-orders-table__row:has(
        .woocommerce-orders-table__cell-order-actions .pay
    )
    .woocommerce-orders-table__cell-order-actions .cancel {

        grid-column: 1 / -1 !important;
    }

}

/**
 * Coari Pronta Entrega
 * Busca pública de produtos
 * Grade dos resultados WooCommerce.
 */

/* Desktop */
body.search.search-results ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px 24px !important;
    width: 100% !important;
    margin: 0 !important;
}

body.search.search-results ul.products li.product {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    box-sizing: border-box;
}

body.search.search-results ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
}

/* Tablet */
@media (max-width: 1024px) {

    body.search.search-results ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

}

/* Celular */
@media (max-width: 768px) {

    body.search.search-results ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 14px !important;
    }

}

/* Celulares muito estreitos */
@media (max-width: 360px) {

    body.search.search-results ul.products {
        grid-template-columns: 1fr !important;
    }

}

/**
 * Coari Pronta Entrega
 * Busca de produtos
 * Alinhamento vertical dos cards.
 */

body.search.search-results ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
}

/* Mantém títulos com espaço uniforme */
body.search.search-results ul.products li.product
.woocommerce-loop-product__title {
    min-height: 52px;
}

/* Mobile */
@media (max-width: 768px) {

    body.search.search-results ul.products li.product
    .woocommerce-loop-product__title {
        min-height: 96px !important;
        line-height: 1.3;
    }

    body.search.search-results ul.products li.product .price {
        min-height: 44px !important;
        margin-bottom: 4px !important;
    }

    body.search.search-results ul.products li.product .button {
        width: 100% !important;
        margin-top: auto !important;
        box-sizing: border-box;
        text-align: center;
    }
}