/*
 * gebol.eu - the look of the old Total 4 theme where Total 6 draws it differently.
 * Total 4 put the accent colour (#f7b512) on links, product titles and the tab
 * underline and stretched the small catalog images to the column width; Total 6
 * keeps the accent only as a variable. Values measured on the live site
 * (Total 4.3.2) in October 2026.
 */

/* Product grid: image across the column, centred orange titles */
body ul.products {
	margin-bottom: 40px;
}
body ul.products li.product {
	text-align: center;
}
body ul.products li.product .wpex-loop-product-images img,
body ul.products li.product img.woo-entry-image-main {
	display: block;
	width: 100%;
	height: auto;
}
body ul.products li.product .wpex-loop-product-images {
	margin-bottom: 20px;
}
body ul.products li.product .woocommerce-loop-product__title {
	color: var(--wpex-accent, #f7b512);
	font-size: 1.231em;
	font-weight: 400;
	text-align: center;
	margin: 0;
}
/* "IT'S IN YOUR HANDS." line (an <i> element) stays upright */
body ul.products li.product .product-subtitle {
	font-style: normal;
}

/* Single product: no visible title above the short description, as before;
   the H1 stays for search engines and screen readers */
body.single-product .summary .product_title {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Single product tabs: black active tab with an orange underline on a grey line */
body.single-product .woocommerce-tabs ul.tabs {
	display: block;
	margin: 0 0 30px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #e4e4e4;
}
body.single-product .woocommerce-tabs ul.tabs li {
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0;
	border: 0;
	background: none;
}
body.single-product .woocommerce-tabs ul.tabs li a {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 40px;
	color: #777;
	font-weight: 400;
	border: 0;
	background: none;
}
body.single-product .woocommerce-tabs ul.tabs li.active a {
	color: #000;
	font-weight: 600;
	border-bottom: 2px solid var(--wpex-accent, #f7b512);
	margin-bottom: -1px;
}
body.single-product .woocommerce-Tabs-panel > h2:first-child {
	display: block !important;
	font-size: 21px;
	line-height: 1.5;
	color: #000;
	margin: 30px 0 20px;
}

/* On phones no tabs: description and downloads one below the other */
@media (max-width: 767px) {
	body.single-product .woocommerce-tabs ul.tabs {
		display: none;
	}
	body.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
		display: block !important;
	}
}

/* Single product meta (article number, category) */
body.single-product .product_meta {
	padding-top: 20px;
	color: #787878;
	font-weight: 300;
}
body.single-product .product_meta > span {
	display: block;
	color: #484848;
	font-weight: 600;
}
body.single-product .product_meta a {
	color: var(--wpex-accent, #f7b512);
	font-weight: 400;
}

/* News grid (Aktuelles): larger black titles */
body .vcex-blog-entry-title {
	font-size: 21px;
	line-height: 1.5;
	color: #000;
}
body .vcex-blog-entry-title a {
	color: inherit;
}

/* Footer: bold headings, grey links, visible frames round the social icons */
#footer .footer-widget .widget-title {
	font-weight: 600;
}
#footer.site-footer {
	--wpex-link-color: #999;
}
#footer-bottom {
	--wpex-link-color: #aaa;
}
#footer .wpex-social-btn {
	border-color: #eee;
	color: #999;
	font-size: 17px;
}