/*
 * The product descriptions came out of a PrestaShop theme and still carry its
 * markup: specification tables, accordion "drawers" and two-column spec blocks.
 * These rules make that content readable on any WordPress theme.
 */

.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel--description {
	line-height: 1.6;
}

/* --- specification tables ------------------------------------------------ */
.woocommerce-Tabs-panel--description table,
.entry-content table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.5em;
	font-size: 0.95em;
}

.woocommerce-Tabs-panel--description table th,
.woocommerce-Tabs-panel--description table td,
.entry-content table th,
.entry-content table td {
	border: 1px solid #e2e2e2;
	padding: 0.5em 0.75em;
	text-align: left;
	vertical-align: top;
}

.woocommerce-Tabs-panel--description table th,
.entry-content table th {
	background: #f6f6f6;
	font-weight: 600;
}

.woocommerce-Tabs-panel--description table tr:nth-child(even) td {
	background: #fbfbfb;
}

/* tables are wide - let them scroll instead of breaking the layout */
.woocommerce-Tabs-panel--description,
.entry-content {
	overflow-x: auto;
}

/* --- PrestaShop theme leftovers ----------------------------------------- */
.woocommerce-Tabs-panel--description .spec_title,
.entry-content .spec_title {
	font-size: 1.15em;
	margin: 1.4em 0 0.5em;
	padding-bottom: 0.3em;
	border-bottom: 2px solid #eee;
}

.woocommerce-Tabs-panel--description .spec_title a,
.entry-content .spec_title a {
	text-decoration: none;
}

.woocommerce-Tabs-panel--description .drawer,
.entry-content .drawer {
	display: block !important;   /* the old theme collapsed these with JS */
	margin-bottom: 1.5em;
}

.spectable-fixedcol-wrapper {
	display: block;
	overflow-x: auto;
}

.spectable-fixedcol-element {
	display: block;
}

.spectable-fixedcol-element table {
	min-width: 480px;
}

/* --- images inside descriptions ------------------------------------------ */
.woocommerce-Tabs-panel--description img,
.entry-content img {
	max-width: 100%;
	height: auto;
}

/* --- lists --------------------------------------------------------------- */
.woocommerce-Tabs-panel--description ul,
.entry-content ul {
	padding-left: 1.4em;
	margin-bottom: 1.2em;
}

.woocommerce-Tabs-panel--description li,
.entry-content li {
	margin-bottom: 0.3em;
}

@media (max-width: 600px) {
	.woocommerce-Tabs-panel--description table,
	.entry-content table {
		font-size: 0.85em;
	}
}