/*
 * Shared look for every StoreEngine document (invoice, packing slip, delivery note).
 * Loaded before each document's own style.css. All classes carry the
 * `storeengine-doc-` prefix. To restyle everything, copy this file to
 * {theme}/storeengine/invoice/base.css; to restyle one document, override its
 * style.css or template.php instead.
 */
@page {
	margin: 1.2cm 1.5cm 1.5cm 1.5cm;
}

body {
	font-family: dejavusans, sans-serif;
	font-size: 9.5pt;
	line-height: 1.45;
	color: #1f2937;
}

table {
	border-collapse: collapse;
}

/*
 * Bengali (and other Indic scripts) render with FreeSerif, whose Bold face has
 * no Indic glyphs or Bengali taka sign: bold text would turn into boxes. Names,
 * prices and even translated labels can contain them, so nothing in these
 * documents is bold; hierarchy comes from size, spacing, case and colour.
 */
strong,
b {
	font-weight: normal;
}

/* Header: brand on the left, document title and numbers on the right. */
.storeengine-doc-header {
	width: 100%;
	margin-bottom: 22px;
	border-bottom: 2px solid #1f2937;
}

.storeengine-doc-header td {
	vertical-align: top;
	padding: 0 0 14px 0;
}

.storeengine-doc-header .storeengine-doc-brand {
	width: 55%;
}

.storeengine-doc-header .storeengine-doc-brand img {
	background: none;
}

.storeengine-doc-header .storeengine-doc-brand-name {
	font-size: 17pt;
	font-weight: normal;
	color: #111827;
}

.storeengine-doc-header .storeengine-doc-meta {
	width: 45%;
	text-align: right;
}

.storeengine-doc-title {
	margin: 0 0 6px 0;
	font-size: 20pt;
	font-weight: normal;
	letter-spacing: 2px;
	color: #111827;
}

.storeengine-doc-meta table {
	margin-left: auto;
	font-size: 9pt;
}

.storeengine-doc-meta th {
	padding: 1px 8px 1px 0;
	text-align: right;
	font-weight: normal;
	color: #6b7280;
}

.storeengine-doc-meta td {
	padding: 1px 0;
	text-align: right;
	font-weight: normal;
	color: #111827;
}

/* Parties: From / Bill To / Ship To. */
.storeengine-doc-parties {
	width: 100%;
	margin-bottom: 18px;
}

.storeengine-doc-parties td {
	width: 33%;
	padding: 0 14px 0 0;
	vertical-align: top;
	font-size: 9pt;
	line-height: 1.55;
}

.storeengine-doc-label {
	margin: 0 0 4px 0;
	font-size: 7.5pt;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #6b7280;
}

.storeengine-doc-party-name {
	font-size: 10.5pt;
	font-weight: normal;
	color: #111827;
}

.storeengine-doc-muted {
	color: #6b7280;
}

/* Line items. */
table.storeengine-doc-items {
	width: 100%;
	margin-bottom: 14px;
}

table.storeengine-doc-items thead th {
	padding: 7px 8px;
	border-top: 1px solid #d1d5db;
	border-bottom: 1px solid #d1d5db;
	background: #f3f4f6;
	text-align: left;
	font-size: 7.5pt;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #4b5563;
}

table.storeengine-doc-items tbody td {
	padding: 9px 8px;
	border-bottom: 1px solid #e5e7eb;
	vertical-align: top;
	font-size: 9.5pt;
}

table.storeengine-doc-items .storeengine-doc-num {
	text-align: right;
	white-space: nowrap;
}

table.storeengine-doc-items thead th.storeengine-doc-num {
	text-align: right;
}

table.storeengine-doc-items .storeengine-doc-col-qty {
	width: 55px;
	text-align: center;
}

table.storeengine-doc-items .storeengine-doc-col-sku {
	width: 90px;
	color: #4b5563;
}

table.storeengine-doc-items .storeengine-doc-col-image {
	width: 60px;
}

.storeengine-doc-item-name {
	font-size: 10pt;
	font-weight: normal;
	color: #111827;
}

.storeengine-doc-item-sub {
	margin-top: 2px;
	font-size: 8pt;
	color: #6b7280;
}

.storeengine-doc-note {
	margin: 0 0 12px 0;
	padding: 8px 12px;
	border-left: 3px solid #d1d5db;
	background: #f9fafb;
	font-size: 9pt;
}

.storeengine-doc-note h4 {
	margin: 0 0 3px 0;
	font-size: 8pt;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #6b7280;
}

.storeengine-doc-note p {
	margin: 0;
}