/** MUAADH SHIPPING — Shipping selection + carrier UI. Single source. */


/* ============================================================================
 * APPENDED (Phase 13 Wave 17 — 2026-05-13): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-shipping-options-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.muaadh-shipping-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4);
    border-bottom: var(--chassis-border-thin) solid var(--border-default);
    transition: all var(--chassis-duration-quick) ease;
    background: var(--surface-primary);
    border: var(--chassis-border-thin) solid var(--border-default);
    border-radius: var(--radius-md);
    cursor: pointer;
}

.muaadh-shipping-option:hover {
    background: var(--surface-secondary);
    border-color: var(--action-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.muaadh-shipping-option:last-child {
    border-bottom: none;
}

.muaadh-shipping-option .muaadh-display-flex.muaadh-align-center {
    gap: var(--space-3);
}

.muaadh-shipping-option img {
    width: var(--size-control-xl);
    height: var(--size-control-md);
    object-fit: contain;
    border-radius: var(--radius-sm);
    background: var(--surface-card);
    padding: var(--space-1);
    border: var(--chassis-border-thin) solid var(--border-light);
}

.muaadh-shipping-option .muaadh-font-weight-bold {
    font-size: var(--text-base);
    font-weight: var(--theme-font-semibold);
    color: var(--text-primary);
}

.muaadh-shipping-option .muaadh-text-small {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin-top: var(--space-1);
}

.muaadh-shipping-option .muaadh-foreground-info {
    color: var(--action-info);
}

.muaadh-shipping-option .muaadh-foreground-warning {
    color: var(--action-warning);
}

.muaadh-shipping-option .muaadh-text-align-end {
    text-align: end;
}

.muaadh-shipping-option .muaadh-text-align-end .muaadh-font-weight-bold {
    font-size: var(--text-base);
    font-weight: var(--theme-font-bold);
    color: var(--action-success);
}

.muaadh-shipping-option .muaadh-tag,
.muaadh-shipping-option .muaadh-tag {
    font-size: var(--text-xs);
    padding: var(--space-1) var(--space-2);
}