/* oldal háttér szín */
body,
.inside-article {
    background-color: white !important;
}

/* ragadós termék kép */
.custom-product-sticky-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 35px;
}
.custom-product-sticky-container .woocommerce-product-gallery {
    position: sticky !important;
    top: 10px !important;
}
.wpgs-nav .slick-slide {
	border-radius: 7px !important;
	border-width: 2px !important;
}
.wpgs-for .slick-arrow {
	width: 50px;
	height: 50px;
	margin-top: -28px;
	background-position: center;
	background-size: cover;
}
.wpgs-for .flaticon-back.slick-arrow {
	background-image: url(../img/arrow-left.svg);
}
.wpgs-for .flaticon-right-arrow.slick-arrow {
	background-image: url(../img/arrow-right.svg);
}
.wpgs-for .slick-arrow::before {
	content: unset !important;
}

/* név és szív */
.custom-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.custom-title-wrapper .tinv-wraper a {
    width: 30px !important;
    height: 30px !important;
}
.custom-title-wrapper .tinv-wraper a::before {
    inset: 0 !important;
    margin: 0 !important;
    font-size: 30px !important;
}

/* ár és értékelés */
.custom-product-price-rating {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 1;
}
.custom-product-price-rating span.woocommerce-Price-amount {
    font-size: 24px !important;
}
.custom-product-price-rating del span.woocommerce-Price-amount {
    font-size: 15px !important;
}
.custom-product-rating-top {
    font-size: 14px;
    color: #585858;
    display: flex;
    line-height: 1;
    align-items: center;
    gap: 5px;
}
.custom-product-price-rating .woocommerce-product-rating {
    margin: 0 !important;
    display: flex !important;
    line-height: 1 !important;
    align-items: center !important;
}
.custom-product-price-rating .woocommerce-product-rating .star-rating {
    float: unset !important;
    margin: -1px 4px 0 0 !important;
}
.custom-product-price-rating .woocommerce-review-link {
    font-size: 100% !important;
}

@media only screen and (max-width: 768px) {
    .custom-product-price-rating {
        flex-direction: column;
        gap: 5px;
    }
}

/* kosárhoz adás */
.custom-product-add-to-cart-cta {
    display: flex;
    flex-direction: column;
    gap: 15px;
    background-color: #f8f8f8;
    border: 1px solid #dddddddd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
}
.custom-product-add-to-cart-cta > * {
    margin: 0 !important;
}
button.wc-variation-selection-needed {
    filter: grayscale(0.5);
}
p.stock.in-stock {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
p.stock.in-stock::before {
    content: '';
    width: 25px;
    height: 25px;
    background-image: url(../img/instock.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.quantity.buttons-added .minus {
    border-radius: 5px 0 0 5px !important;
}
.quantity.buttons-added .plus {
    border-radius: 0 5px 5px 0 !important;
}
.woocommerce div.product form.cart div.quantity {
    margin-right: 15px !important;
    margin-bottom: 15px !important;
    background-color: white;
    border-radius: 5px;
}
form.cart button[type="submit"] {
    margin-bottom: 15px !important;
}
.wcwl_elements {
    display: flex !important;
    flex-direction: column !important;
}
.wcwl_elements p {
    margin: 0 !important;
}
.woocommerce_waitlist.button {
    border-radius: 10px !important;
}

/* meta */
.product_meta {
    padding-top: 0 !important;
    border: 0 !important;
    font-size: unset !important;
}
.product_meta .sku_wrapper,
.product_meta .posted_in,
.product_meta .tagged_as {
    display: none !important;
}
.custom-product-sku-category {
    font-size: 15px !important;
}
.custom-product-sku-category span:nth-of-type(1) {
    margin-right: 10px !important;
}
.custom-product-sku-category span:nth-of-type(2) {
    margin-left: 10px !important;
}

/* fülek */
.woocommerce-tabs.wc-tabs-wrapper {
    max-width: 850px !important;
    margin: 0 auto !important;
    position: relative !important;
    padding: 50px 0 !important;
    margin-bottom: 35px !important;
}
.woocommerce-tabs.wc-tabs-wrapper::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    left: calc(-50vw + 50%) !important;
    background-color: var(--base) !important;
}
.tabs.wc-tabs {
    margin: 0 !important;
}
.tabs.wc-tabs::after {
    content: '' !important;
    width: 100% !important;
    height: 1px !important;
    background-color: #00000014 !important;
    position: absolute !important;
    bottom: 0 !important;
}
.tabs.wc-tabs li {
    background-color: transparent !important;
    border: 0 !important;
}
.tabs.wc-tabs li.active {
    z-index: 1 !important;
    background-color: white !important;
    border: 1px solid #00000014 !important;
    border-bottom-color: white !important;
    border-radius: 5px 5px 0 0 !important;
}
.woocommerce-Tabs-panel {
    z-index: 10 !important;
    position: relative !important;
    padding: 17px !important;
    background-color: white !important;
    border: 1px solid #00000014 !important;
    border-top-width: 0 !important;
}

.woocommerce-product-attributes-item__value {
    padding-left: 8px !important;
}

/* vélemények */
.custom-comments-main {
	background-color: #f9f9f9;
	padding: 5% 5%;
}
.custom-comments-summary {
	display: grid;
	grid-template-columns: 30% 66%;
    gap: 4%;
	width: 100%;
	align-items: center;
}
.custom-comments-summary-left {
	text-align: center;
}
.custom-comments-summary-left h3 {
	margin-bottom: 10px;
	font-size: 60px;
	font-weight: 600;
	line-height: 80%;
}
.custom-comments-summary-right {
	display: flex;
	flex-direction: column;
	padding: 10px 0px;
}
.custom-comments-rating-line {
	display: grid;
	height: 40px;
	align-items: center;
	grid-template-columns: 15% 65% 10%;
	gap: 5%;
	width: 100%;
}
.custom-comments-meter {
	height: 30px;
	border: 1px solid #bbbbbb;
	background-color: #f5f5f5;
}
.custom-comments-meter-inner {
	height: 100%;
	background-color: #ad8500;
}
.custom-comments-divider {
	width: 100%;
	height: 2px;
	background-color: #eeeeee;
	margin: 40px 0px;
}
.custom-comments-container {
	column-count: 3;
}
.custom-comments-grid {
	column-count: unset !important;
	display: grid;
	grid-template-columns: 30% 30% 30%;
	grid-column-gap: 5%;
}
.custom-comment-content {
	font-size: 14px;
}
.custom-comment-container { 
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: 1em;
}
.custom-comment-details {
    background-color: #f0f0f0;
    padding: 10px;
    display: flex;
    flex-direction: column;
}
.custom-comment-name {
    font-weight: bold;
}
.custom-comment-date {
    color: grey;
    font-size: small;
    margin-bottom: 5px;
}
.custom-comment-divider {
    width: 100%;
    height: 1px;
    margin: 15px 0px;
    background-color: #bbbbbb;
}
.custom-comment-product-container {
    display: grid;
    grid-template-columns: 50px auto;
    gap: 5%;
    align-items: center;
}
@media screen and (max-width: 1024px) { 
	.custom-comments-container { 
		column-count: 3; 
	} 
	.custom-comments-summary { 
		grid-template-columns: 100%; 
	} 
}
@media screen and (max-width: 767px) { 
    .custom-product-sticky-container .woocommerce-product-gallery {
        position: relative !important;
    }
	.custom-comments-container { 
		column-count: 3; 
	} 
	.custom-comments-rating-line { 
		height: unset;
		grid-template-columns: 19% 65% 10%;
		gap: 3%;
		font-size: 14px; 
	} 
	.custom-comments-summary-right {
		gap: 10px;
	}
    .woocommerce-Tabs-panel {
        margin-top: 0 !important;
    }
}
@media screen and (max-width: 700px) { 
	.custom-comments-container { 
		column-count: 2; 
	}
    .custom-comments-grid {
        grid-template-columns: 48% 48%;
        grid-column-gap: 4%;
    }
}
@media screen and (max-width: 500px) { 
	.custom-comments-container { 
		column-count: 1; 
	}
    .custom-comments-grid {
        grid-template-columns: 100%;
    }
}