/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


/* SharePrint icons: consistent sizing and vertical alignment */

/* Make the share actions a responsive single-line group */
.share-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: nowrap; /* keep icons on single line when space allows */
}
.share-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto; /* prevent links from growing/shrinking unexpectedly */
}
.share-actions svg.icon { width: 28px; height: 28px; display: inline-block; vertical-align: middle; }

/* Print label alignment */
.share-actions .share-print-label { margin-left: 8px; }

/* Small screens: center and allow wrapping */
@media (max-width: 767px) {
  .share-actions { justify-content: center; gap: 10px; flex-wrap: wrap; }
  .share-actions svg.icon { width: 24px; height: 24px; }
  .share-actions .share-print-label { display: block; width: 100%; text-align: center; margin-top: 6px; margin-left: 0; }
}

/* Extra small screens: ensure extremely small widths stack cleanly */
@media (max-width: 420px) {
  .share-actions svg.icon { width: 20px; height: 20px; }
}