/**
 * PICS Trade Accounts - Shipping & Carriage Frontend Styles
 * Checkout fulfilment selector, carriage notices, stock display, and payment buttons.
 */

/* Fulfilment method radio at checkout */
.pics-fulfilment-field {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 16px 20px;
    margin-bottom: 20px;
}

.pics-fulfilment-field label {
    font-weight: 700;
    color: #2C3440;
    font-size: 15px;
}

.pics-fulfilment-field .woocommerce-input-wrapper {
    display: flex;
    gap: 20px;
    margin-top: 8px;
}

.pics-fulfilment-field input[type="radio"] {
    accent-color: #FF293A;
}

.pics-fulfilment-field .woocommerce-input-wrapper label {
    font-weight: 400;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

/* Carriage notices on thank-you and My Account order view */
.pics-carriage-notice {
    border-radius: 6px;
    padding: 20px 24px;
    margin-bottom: 24px;
    line-height: 1.6;
}

.pics-carriage-notice h3 {
    margin: 0 0 8px 0;
    font-size: 17px;
    font-weight: 700;
}

.pics-carriage-notice p {
    margin: 0 0 8px 0;
    font-size: 14px;
}

.pics-carriage-notice p:last-child {
    margin-bottom: 0;
}

.pics-carriage-notice--info {
    background: #fff8e1;
    border: 1px solid #ffe082;
    color: #6d4c00;
}

.pics-carriage-notice--info h3 {
    color: #5d4037;
}

.pics-carriage-notice--pending {
    background: #f0f6fc;
    border: 1px solid #cce0f5;
    color: #1a5276;
}

.pics-carriage-notice--pending h3 {
    color: #0d47a1;
}

.pics-carriage-notice--action {
    background: #fff3e0;
    border: 1px solid #ffcc80;
    color: #4e342e;
}

.pics-carriage-notice--action h3 {
    color: #e65100;
}

/* Pay Now button on order view */
.pics-pay-carriage-btn {
    display: inline-block;
    margin-top: 12px;
    padding: 12px 28px;
    background: #FF293A;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.2s ease;
}

.pics-pay-carriage-btn:hover {
    background: #d41e2e;
    color: #fff;
}

/* Stock display badges */
.pics-stock {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.pics-stock--instock {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #a5d6a7;
}

.pics-stock--low {
    background: #fff3e0;
    color: #e65100;
    border: 1px solid #ffcc80;
}

.pics-stock--out {
    background: #ffebee;
    color: #c62828;
    border: 1px solid #ef9a9a;
}

/* WooCommerce order table - custom status labels */
.order-status.status-awaiting-carriage {
    background: #fff3e0;
    color: #e65100;
}

.order-status.status-carriage-added {
    background: #e3f2fd;
    color: #1565c0;
}