/*
Theme Name:   Storefront (WPKraken)
Description:  Change products tabs in storefront from column based into row based
Author:       WPKraken
Author URL:   wpkraken.io
Template:     storefront
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  storefront-wpkraken
*/

/* WPKraken job #p782727 */
.woocommerce-tabs .tabs.wc-tabs {
	/* context tabbar */
	/* change to flex */
	display: flex;
	flex-direction: row;

	/* delete floating, so tabs are above content */
	float: none;

	/* set tabbar width and additional border */
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.05);

	margin-right: auto;
	margin-left: auto;
}
.tabs.wc-tabs > * {
	/* every child of this tabbar */
	width: 33%;
}
.tabs.wc-tabs li > * {
	/* center text in a elements in tabs */
	text-align: center;
}
.woocommerce-tabs ul.tabs li.active {
    border-bottom: 1px black solid;
}

.storefront-full-width-content .woocommerce-tabs ul.tabs {
    /* tabbar */
    float: none;
    width: 100%;
}


.storefront-full-width-content .woocommerce-tabs .panel {
	/* content */
	float: none;
	width: 100%;
}

.product .woocommerce-tabs ul.tabs li::after {
	/* delete arrow from the side of the active tab */
	content: '';
}