/* =====================================================
   PAGINA COMANDĂ ONLINE — BunDeTot Theme
===================================================== */

.comanda-page {
    padding: 40px 0 72px;
    min-height: 60vh;
}

.comanda-page__title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 32px;
    padding-bottom: 16px;
    border-bottom: 2px solid #eee;
}

/* =====================================================
   INFO BAR LIVRARE
===================================================== */
.comanda-info-bar {
    background: #fff8ec;
    border-left: 4px solid var(--bdt-brand, #9a0019);
    border-radius: 0 8px 8px 0;
    padding: 18px 24px;
    margin-bottom: 36px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.comanda-info-bar__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.93rem;
    color: #444;
    line-height: 1.6;
}

.comanda-info-bar__icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 1px;
}

.comanda-info-bar__item strong {
    color: #222;
}

/* =====================================================
   ACCORDION
===================================================== */
.bdt-accordion {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bdt-accordion-item {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

.bdt-accordion-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 700;
    color: #222;
    text-align: left;
    letter-spacing: 0.03em;
    transition: background 0.2s, color 0.2s;
}

.bdt-accordion-header:hover {
    background: #fdf5f6;
    color: var(--bdt-brand, #9a0019);
}

.bdt-accordion-header.active {
    background: var(--bdt-brand, #9a0019);
    color: #fff;
}

.bdt-accordion-header .arrow {
    font-size: 0.75rem;
    transition: transform 0.25s;
    flex-shrink: 0;
    opacity: 0.7;
}

.bdt-accordion-header.active .arrow {
    transform: rotate(180deg);
    opacity: 1;
}

.bdt-accordion-body {
    display: none;
    padding: 0 20px 20px;
    border-top: 1px solid #f0f0f0;
}

.bdt-accordion-body.open {
    display: block;
}

/* =====================================================
   TABELA PRODUSE (product_table)
===================================================== */
.comanda-page .wc-product-table-wrapper {
    overflow-x: auto;
}

.comanda-page table.wc-product-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.comanda-page table.wc-product-table th {
    background: #f7f7f7;
    color: #555;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 10px 14px;
    border-bottom: 2px solid #eee;
    text-align: left;
}

.comanda-page table.wc-product-table td {
    padding: 12px 14px;
    border-bottom: 1px solid #f5f5f5;
    vertical-align: middle;
    color: #333;
}

.comanda-page table.wc-product-table tr:hover td {
    background: #fafafa;
}

.comanda-page table.wc-product-table .product-name a {
    color: #222;
    font-weight: 600;
    text-decoration: none;
}

.comanda-page table.wc-product-table .product-name a:hover {
    color: var(--bdt-brand, #9a0019);
}

.comanda-page table.wc-product-table .price .amount {
    font-weight: 700;
    color: var(--bdt-brand, #9a0019);
}

/* Buton add to cart */
.comanda-page table.wc-product-table .add-to-cart-btn,
.comanda-page table.wc-product-table .button,
.comanda-page .wcpt-button,
.comanda-page a.wcpt-button {
    background: #F59E0B !important;
    color: #1a1a1a !important;
    border: none !important;
    padding: 7px 16px !important;
    border-radius: 5px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.2s, box-shadow 0.2s !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.35) !important;
}

.comanda-page table.wc-product-table .add-to-cart-btn:hover,
.comanda-page table.wc-product-table .button:hover,
.comanda-page .wcpt-button:hover,
.comanda-page a.wcpt-button:hover {
    background: #D97706 !important;
    box-shadow: 0 4px 10px rgba(217, 119, 6, 0.45) !important;
}

/* Buton Adaugă în coș din modalul de variații */
.comanda-page .wcpt-add-to-cart-wrapper button.single_add_to_cart_button,
.wcpt-product-form button.single_add_to_cart_button {
    background: #F59E0B !important;
    color: #1a1a1a !important;
    border: none !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.2s, box-shadow 0.2s !important;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.35) !important;
}

.comanda-page .wcpt-add-to-cart-wrapper button.single_add_to_cart_button:hover,
.wcpt-product-form button.single_add_to_cart_button:hover {
    background: #D97706 !important;
    box-shadow: 0 4px 10px rgba(217, 119, 6, 0.45) !important;
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width: 768px) {
    .comanda-page {
        padding: 28px 0 48px;
    }

    .comanda-info-bar {
        padding: 14px 16px;
    }

    .bdt-accordion-header {
        padding: 14px 16px;
        font-size: 0.88rem;
    }

    .bdt-accordion-body {
        padding: 0 12px 16px;
    }
}

/* =====================================================
   WC PRODUCT TABLE #wcpt-3879 — RESPONSIVE (generat de plugin)
===================================================== */
@media (max-width: 1199px) and (min-width: 749px) {
    #wcpt-3879 .wcpt-device-tablet { display: block; }
    #wcpt-3879 .wcpt-device-laptop,
    #wcpt-3879 .wcpt-device-phone  { display: none; }
}

@media (max-width: 749px) {
    #wcpt-3879 .wcpt-device-phone  { display: block; }
    #wcpt-3879 .wcpt-device-tablet,
    #wcpt-3879 .wcpt-device-laptop { display: none; }
}

@media (max-width: 1199px) and (min-width: 750px) {
    #wcpt-3879 tr.wcpt-even > .wcpt-cell { background-color: rgba(255,255,255,0); }
    #wcpt-3879 tr.wcpt-odd  > .wcpt-cell { background-color: rgba(255,255,255,0); }
}