/*
 * Anarchy_Tariff.
 *
 * Settled decision 4: tariff row text is dark grey; everything else matches a
 * product row. This file sets colour only. It overrides no visibility rule and
 * references none of the store's price-hiding selectors, so there is nothing
 * here for a future maintainer to "just widen" into a product-price leak.
 * Enforced by dev/tests/grep-hidden-selectors.sh.
 */
.tariff-row,
.tariff-row td,
.tariff-row .product-item-name,
.tariff-row .tariff-label,
.tariff-row .tariff-amount,
.tariff-row .tariff-qty {
    color: #4a4a4a;
}

.tariff-amount {
    white-space: nowrap;
}

/* Slice 6 - quote cart: row totals, subtotal and the merge-tariffs checkbox.
 * Layout and colour only; no visibility rule, by the same gate as above. */
.anarchy-tariff-row-total {
    color: #4a4a4a;
    font-size: 13px;
    margin-top: 4px;
    white-space: nowrap;
}

.anarchy-tariff-cart-extras {
    margin: 0 0 24px;
    padding: 16px 20px;
    border: 1px solid #d1d1d1;
    background: #fff;
    box-sizing: border-box;
}

/* Desktop: sit in the right column with the upload panel and the request
 * form. Luma sizes .cart-summary with lib-layout-column(2, 2, 36%) and the
 * vendor's upload panel floats right at the same width; without this the
 * block is a full-width static box that flows around the floated table
 * (measured 2026-09-18: it overhung the table's right edge). */
@media (min-width: 768px) {
    .anarchy-tariff-cart-extras {
        float: right;
        clear: right;
        width: 36%;
    }
}

.anarchy-tariff-cart-totals {
    text-align: right;
    font-size: 18px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
}

.anarchy-tariff-cart-totals-label {
    margin-right: 12px;
}

.anarchy-tariff-cart-totals-value {
    font-weight: 700;
}

.anarchy-tariff-merge-request label {
    margin-left: 6px;
    cursor: pointer;
}

.anarchy-tariff-merge-request-note {
    color: #6d6d6d;
    margin-left: 6px;
}

.anarchy-tariff-merge-request-status {
    color: #6d6d6d;
    font-size: 12px;
    margin-left: 10px;
}

/* Quote cart tariff row (Hope 2026-10-27): Item, Price and Qty cells inside the
 * parent product's tbody. Spacing, colour and alignment only, by the same gate
 * as above; the guest rules live in the theme's _extend.less. Scoped to the
 * quote cart because the checkout cart renders its own tariff-row. */
.quotation-quote-index #shopping-cart-table tr.tariff-row > td {
    border-top: 0;
    padding: 0 16px 10px;
    font-size: 13px;
    color: #555555;
    vertical-align: middle;
}

.quotation-quote-index #shopping-cart-table tr.tariff-row > td.item {
    /* The cart's Item cell has a 75px minimum sized for the product photo,
     * which left the label sitting above the amount and qty. */
    min-height: 0;
}

.quotation-quote-index #shopping-cart-table tr.tariff-row .tariff-tag {
    font-weight: 600;
    color: #2c2e30;
}

.quotation-quote-index #shopping-cart-table tr.tariff-row .tariff-for {
    color: #777777;
}

.quotation-quote-index #shopping-cart-table tr.tariff-row > td.tariff-price {
    text-align: right;
    white-space: nowrap;
}

.quotation-quote-index #shopping-cart-table tr.tariff-row > td.qty {
    text-align: center;
}

/* Phone: line the label up with the product name, past Luma's photo column. */
@media (max-width: 767px) {
    .quotation-quote-index #shopping-cart-table tr.tariff-row > td.item {
        padding-left: 90px;
    }
}

/* Desktop: line the label up with the product name, past the 96px photo. */
@media (min-width: 768px) {
    .quotation-quote-index #shopping-cart-table tr.tariff-row > td.item {
        padding-left: 128px;
    }
}