/* Custom School Labels page skin. Loaded only on product 11000. */
body.nla-school-labels .product_title,
body.nla-school-labels .entry-title {
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #1f2a37;
}
body.nla-school-labels .price,
body.nla-school-labels .price .amount {
	color: #e25b4a;
	font-weight: 800;
}
body.nla-school-labels .stock.in-stock {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #e8f8ef;
	color: #1f8a4c;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	padding: 4px 10px;
	text-transform: uppercase;
}
body.nla-school-labels form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-top: 8px;
}
body.nla-school-labels form.cart .quantity {
	border: 1px solid #e5e7eb;
	border-radius: 999px;
	overflow: hidden;
	margin: 0;
}
body.nla-school-labels form.cart .quantity .qty {
	border: 0;
	height: 46px;
	width: 64px;
	text-align: center;
	font-weight: 700;
}
body.nla-school-labels .nla-feature-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin: 18px 0 8px;
}
body.nla-school-labels .nla-feature-row div {
	background: #f3fbfa;
	border-radius: 16px;
	text-align: center;
	padding: 14px 8px;
	font-size: 13px;
	font-weight: 700;
	color: #355;
}
body.nla-school-labels .nla-page-extra {
	margin: 28px 0 10px;
	color: #1f2a37;
}
body.nla-school-labels .nla-page-extra h2 {
	font-size: 28px;
	margin: 8px 0 10px;
}
body.nla-school-labels .nla-uses {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 12px;
	margin: 16px 0 28px;
	text-align: center;
	font-weight: 600;
	font-size: 13px;
}
body.nla-school-labels .nla-uses span {
	display: flex;
	width: 64px;
	height: 64px;
	margin: 0 auto 8px;
	border-radius: 50%;
	background: #eef8f7;
	align-items: center;
	justify-content: center;
	font-size: 24px;
}
body.nla-school-labels .nla-band {
	background: #f7fbfb;
	border-radius: 20px;
	padding: 28px 22px;
}
body.nla-school-labels .nla-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}
body.nla-school-labels .nla-steps div { text-align: center; font-size: 13px; color: #4b5563; }
body.nla-school-labels .nla-steps strong { display: block; color: #1f2a37; margin: 8px 0 4px; }
body.nla-school-labels .nla-steps em {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #2ec4b6;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-weight: 800;
}
@media (max-width: 860px) {
	body.nla-school-labels .nla-feature-row,
	body.nla-school-labels .nla-steps { grid-template-columns: 1fr 1fr; }
	body.nla-school-labels .nla-uses { grid-template-columns: repeat(3, 1fr); }
}

/* Sit under the gallery image, not under the whole product row */
body.nla-school-labels .woocommerce-product-gallery .nla-page-extra,
body.nla-school-labels .product-images .nla-page-extra,
body.nla-school-labels .images .nla-page-extra {
	margin-top: 22px;
	clear: both;
}
body.nla-school-labels .nla-page-extra h2 {
	font-size: 22px;
}
@media (max-width: 768px) {
	body.nla-school-labels .nla-uses { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
	body.nla-school-labels .product,
	body.nla-school-labels .summary,
	body.nla-school-labels .entry-summary,
	body.nla-school-labels .woocommerce-product-gallery,
	body.nla-school-labels .nla-name-form,
	body.nla-school-labels .nla-character-picker,
	body.nla-school-labels .nla-style-options,
	body.nla-school-labels .nla-page-extra,
	body.nla-school-labels .woocommerce-tabs {
		padding-left: 14px;
		padding-right: 14px;
		box-sizing: border-box;
	}
	body.nla-school-labels .nla-field label,
	body.nla-school-labels .nla-picker-title,
	body.nla-school-labels .nla-print-plan,
	body.nla-school-labels .nla-sheet-total {
		padding-left: 2px;
	}
}

#nla-live-preview .nla-label-inner,
#ila-live-preview .ila-label-inner { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; text-align:center !important; }
#nla-live-preview .nla-name,
#ila-live-preview .ila-name { display:block !important; width:100% !important; text-align:center !important; }
#nla-live-preview .nla-char[style*="display:none"],
#ila-live-preview .ila-char[style*="display:none"] { display:none !important; }

.nla-extra-opt label, .ila-extra-opt label { display:flex; align-items:center; gap:10px; justify-content:flex-start; padding:12px 14px; border:2px solid #f07b6a; border-radius:12px; background:#fff5f3; font-weight:800; }
.nla-extra-opt input, .ila-extra-opt input { width:22px; height:22px; accent-color:#f07b6a; }
#nla-extra-fields[hidden], #ila-extra-fields[hidden] { display:none !important; }

.mbs-wa { margin: 16px 0; }
.mbs-wa-btn { display:inline-flex; align-items:center; gap:8px; background:#25D366; color:#fff !important; font-weight:800; border-radius:999px; padding:12px 16px; text-decoration:none; }
.mbs-wa-btn:hover { background:#1ebe5d; color:#fff !important; }

.mbs-wa { margin: 22px 0 8px; padding: 16px 18px; border: 2px solid #25D366; border-radius: 16px; background: #f3fff7; }
.mbs-wa h3 { margin: 0 0 6px; color: #128C7E; }
.mbs-wa p { margin: 0 0 12px; }
.mbs-wa-btn { display:inline-flex; align-items:center; background:#25D366; color:#fff !important; font-weight:800; border-radius:999px; padding:12px 16px; text-decoration:none; }

.mbs-wa { order: 50; width: 100%; clear: both; }
@media (max-width: 768px) { .mbs-wa { margin-top: 18px; } }

.mbs-another { margin: 18px 0; padding: 16px 18px; border: 2px solid #0f766e; border-radius: 16px; background: #f0fdfa; clear: both; max-width: 420px; box-sizing: border-box; }
.mbs-another h3 { margin: 0 0 6px; color: #0f766e; font-size: 22px; line-height: 1.2; }
.mbs-another p { margin: 0 0 12px; }
.mbs-another button { background: #0f766e; color: #fff !important; border: 0; border-radius: 999px; padding: 12px 18px; font-weight: 800; max-width: 100%; white-space: normal; line-height: 1.3; }
@media (max-width: 768px) {
  .mbs-another { max-width: 100%; padding: 14px; }
  .mbs-another h3 { font-size: 20px; }
  .mbs-another button { display: block; width: 100%; text-align: center; padding: 12px 14px; font-size: 15px; }
}

body.nla-school-labels form.cart { display: flex !important; flex-direction: column !important; align-items: stretch !important; }
body.nla-school-labels form.cart .single_add_to_cart_button { order: 50; margin-top: 16px; width: 100%; max-width: 320px; }
body.nla-school-labels form.cart .quantity { order: 40; }


body.ila-school-labels .summary.entry-summary,
body.nla-school-labels .summary.entry-summary {
  max-width: none;
}
body.ila-school-labels form.cart,
body.nla-school-labels form.cart,
body.ila-school-labels .ila-name-form,
body.nla-school-labels .nla-name-form {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}


.woocommerce-message, .woocommerce-notices-wrapper {
  position: relative !important;
  z-index: 5 !important;
  margin: 12px 0 !important;
  clear: both;
}