/* Inline Size Chart — fully self-contained styles.
   Everything is scoped under .isc-outer and hard-set so no theme
   (Kittify) or page builder (Elementor) CSS can interfere. */

/* Neutral outer wrapper — its only job is to hold the box. */
.isc-outer {
	display: block;
	width: 100%;
	margin: 1.25em 0;
	box-sizing: border-box;
}

/* The sizeable box. Default full width; the widget's Table Width control
   overrides the width here. Because this is a plain block (not a flex child),
   a fixed px or % width is always honored. */
.isc-outer .isc-size-chart {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.4;
	color: #555;
}

/* Bordered container. */
.isc-outer .isc-table-wrap {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	overflow: hidden;
}

/* Table itself — reset any inherited WooCommerce/theme table styling. */
.isc-outer .isc-table {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	background: transparent !important;
	table-layout: fixed !important; /* equal-width columns */
	box-sizing: border-box;
}

/* Cells: equal columns, full grid dividers, wrapping text. */
.isc-outer .isc-table th,
.isc-outer .isc-table td {
	width: auto;
	text-align: left !important;
	padding: 12px 16px !important;
	margin: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid #ececec !important; /* horizontal divider */
	border-right: 1px solid #ececec !important;  /* vertical divider */
	vertical-align: middle !important;
	white-space: normal !important;
	word-break: break-word;
	background: transparent;
	box-sizing: border-box;
}

/* Remove right divider on last column, bottom divider on last row,
   so they sit flush inside the outer border. */
.isc-outer .isc-table th:last-child,
.isc-outer .isc-table td:last-child {
	border-right: 0 !important;
}
.isc-outer .isc-table tbody tr:last-child th,
.isc-outer .isc-table tbody tr:last-child td {
	border-bottom: 0 !important;
}

/* Header row. */
.isc-outer .isc-table thead th {
	font-weight: 600 !important;
	color: #2b2b2b;
	background: #fafafa;
	border-bottom: 1px solid #e2e2e2 !important;
}

/* Body cells. */
.isc-outer .isc-table tbody td {
	color: #555;
	font-weight: 400 !important;
}

/* First column (size labels). */
.isc-outer .isc-table tbody th {
	color: #333;
	font-weight: 500 !important;
}

/* Subtle zebra striping. */
.isc-outer .isc-table tbody tr:nth-child(even) td,
.isc-outer .isc-table tbody tr:nth-child(even) th {
	background: #fcfcfc;
}

/* Optional note. */
.isc-outer .isc-note {
	margin: 10px 2px 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	color: #777 !important;
	font-style: italic !important;
	background: transparent !important;
}