/*
 * Rules ported from the live site's Customizer "Additional CSS"
 * (stored for the shoptimizer-child-theme; lost on theme switch otherwise).
 * Full original: Local Sites/oildistributors/yedekler/ek-css-shoptimizer-child-theme.css
 *
 * Only rules that change behaviour or style content/plugin output are ported.
 * Rules that tuned Shoptimizer's own layout are replaced by the new theme's
 * design and are not listed here.
 */

/* ---------- Behaviour: elements hidden or shown on purpose ---------- */

/* Payment methods: only the method names show, not their descriptions. */
#payment .payment_methods p,
#payment .payment_methods ul {
	display: none !important;
}

/* Checkout upsells: hidden unless the condition class is present; offer 5 is conditional. */
.hide-cuw-upsell .cuw-offer {
	display: none;
}

.show-cuw-upsell .cuw-offer[data-id="5"] {
	display: block;
}

/* WhatsApp chat button: only on the Contact page (page 342). */
.ctc-analytics.ctc_s_2 {
	display: none !important;
}

.page-id-342 .ctc-analytics.ctc_s_2 {
	display: flex !important;
}

/* Comment forms are hidden everywhere except the product review form. */
#respond {
	display: none;
}

div#review_form_wrapper div#respond {
	display: block;
}

/* Reviews: no avatars, no dates. */
li.review img.avatar {
	display: none;
}

li.review .comment-text {
	width: 100% !important;
}

time.woocommerce-review__published-date {
	display: none !important;
}

/* Product lists: result count and sorting are shown again (styled in woocommerce.css, .shop-toolbar). */

/* Sidebars exist on archives but are hidden (same HTML, same links as before). */
.archive .sidebar {
	display: none;
}

.archive .layout--sidebar-left,
.archive .layout--sidebar-right {
	grid-template-columns: minmax(0, 1fr);
}

.archive .layout--sidebar-left > .site-main {
	grid-column: 1;
}

/* FAQ widget in the mobile menu is hidden (its FAQ schema still prints). */
div#ewd_ufaq_popular_reviews_widget-2 {
	display: none;
}

.call-back-feature {
	display: none;
}

/* My Account notice stays visible inside the (emptied) account area. */
.woocommerce-MyAccount-content p.technical-issue {
	display: block;
}

/* Store-wide notice pinned to the top. */
.demo_store {
	position: fixed;
	top: 0;
	left: 0;
	bottom: unset !important;
}

/* Checkout: coupon form always open (child theme's inline <style> + Additional CSS). */
.woocommerce-checkout .checkout_coupon {
	display: block !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle {
	display: none;
}

@media (min-width: 990px) {
	.checkout_coupon {
		width: 550px;
		margin: auto;
	}
}

/* ---------- Notices printed by the ported business logic ---------- */
.ls-address-notice {
	margin: 20px 0;
	padding: 12px 15px;
	background: #fff8e5;
	border: 1px solid #d3c084;
	border-radius: 6px;
	color: #444;
	font-size: 14px;
	line-height: 1.5;
}

.ls-address-notice strong {
	color: #222;
}

.checkout-cancellation-notice {
	margin-bottom: 20px;
	padding: 15px;
	background: #f8fffa;
	border: 1px solid #3cb54a;
	border-radius: 0.625rem;
	font-size: small;
	line-height: 1.5;
}

.checkout-cancellation-notice p {
	margin-bottom: 0;
}

span.all-taxes-included {
	margin-left: 6px;
	color: #333333;
	font-size: 85%;
	font-weight: 500;
}

/* Bulk discount table: styled in woocommerce.css (single product). */

/* ---------- Plugin output ---------- */
/* Discount rule message (.awdr_discount_bar): styled in woocommerce.css. */

.cuw-offer-description {
	font-size: small;
	line-height: 1.2;
}

.woocommerce-cart .cuw-offer-title {
	font-size: small !important;
	font-weight: normal;
	line-height: 1.2;
}

#payment .payment_methods li .payment_box {
	padding: 0 1.3em;
}

.ewd-ufaq-faq-div {
	clear: both;
	margin: 2px 0;
	padding: 9px 0;
}

.ewd-ufaq-faq-title h1,
.ewd-ufaq-faq-title h2,
.ewd-ufaq-faq-title h3,
.ewd-ufaq-faq-title h4,
.ewd-ufaq-faq-title h5,
.ewd-ufaq-faq-title h6 {
	display: inline-block;
	margin: 5px !important;
	font-size: 22.652px;
}

@media screen and (min-width: 767px) {
	.ewd-ufaq-faq-body img {
		max-width: 780px !important;
	}
}

button.pum-close.popmake-close {
	background: #000 !important;
}

/* Elementor pages: text colour and "read more" colour as on the live site. */
.elementor-element .elementor-widget-container {
	color: black;
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform var(--e-transform-transition-duration, 0.4s);
}

.elementor-widget-posts a.elementor-post__read-more {
	color: blue;
}

/* ---------- Content inside posts and product descriptions ---------- */
table.tablepress {
	padding: 2px;
	border: 4px solid #000;
}

.peptide-table {
	width: 100%;
	margin-bottom: 1.5rem;
	border-collapse: collapse;
}

.peptide-table th,
.peptide-table td {
	padding: 8px;
	border: 1px solid #ddd;
	text-align: left;
}

.peptide-table th {
	background: #f8f8f8;
	font-weight: bold;
}

@media (max-width: 768px) {
	.peptide-table thead {
		display: none;
	}

	.peptide-table,
	.peptide-table tbody,
	.peptide-table tr,
	.peptide-table td {
		display: block;
		width: 100%;
	}

	.peptide-table tr {
		margin-bottom: 1rem;
		border-bottom: 2px solid #eee;
	}

	.peptide-table td {
		position: relative;
		padding: 10px;
		border: none;
		border-bottom: 1px solid #f0f0f0;
		text-align: left;
	}

	.peptide-table td::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 5px;
		color: #333;
		font-weight: bold;
	}
}

.woocommerce-tabs .entry-content h1 {
	margin-bottom: 0.5rem;
	font-size: 1.6rem;
	line-height: 1.3;
}

.woocommerce-tabs .entry-content h2 {
	margin-bottom: 0.5rem;
	font-size: 1.3rem;
	line-height: 1.35;
}

.woocommerce-tabs .entry-content h3 {
	margin-bottom: 0.5rem;
	font-size: 1.1rem;
	line-height: 1.4;
}

.woocommerce-tabs .entry-content h4 {
	margin-bottom: 0.5rem;
	font-size: 1rem;
	line-height: 1.45;
}

@media screen and (min-width: 480px) {
	.woocommerce-tabs .entry-content h1 {
		margin-bottom: 0.75rem;
		font-size: 1.8rem;
		line-height: 1.25;
	}

	.woocommerce-tabs .entry-content h2 {
		margin-bottom: 0.75rem;
		font-size: 1.5rem;
		line-height: 1.3;
	}

	.woocommerce-tabs .entry-content h3 {
		margin-bottom: 0.75rem;
		font-size: 1.25rem;
		line-height: 1.35;
	}

	.woocommerce-tabs .entry-content h4 {
		margin-bottom: 0.5rem;
		font-size: 1.1rem;
		line-height: 1.4;
	}
}

@media screen and (min-width: 600px) {
	.woocommerce-tabs .entry-content h1 {
		font-size: 2rem;
		line-height: 1.2;
	}

	.woocommerce-tabs .entry-content h2 {
		font-size: 1.6rem;
		line-height: 1.25;
	}

	.woocommerce-tabs .entry-content h3 {
		font-size: 1.35rem;
		line-height: 1.3;
	}

	.woocommerce-tabs .entry-content h4 {
		font-size: 1.2rem;
		line-height: 1.35;
	}
}

@media (max-width: 560px) {
	#payment .payment_methods li .wpg-note {
		display: block;
		padding: 0 10px;
	}
}