/* ============================================================================
   EMPERE PRODUCT PAGE — MASTER CSS FILE (compiled, deduplicated)
   Paste this ENTIRE file into: Appearance → Customize → Additional CSS
   
   IMPORTANT: This REPLACES all the individual blocks pasted earlier in this
   session. Delete everything currently in Additional CSS first, then paste
   this file fresh — don't append to old blocks, or you'll get conflicts.
   ============================================================================ */

/* ===== GALLERY CARD — exact classes confirmed via inspector ===== */
/* Corrects/replaces earlier gallery CSS attempt with the real confirmed classes */

.woocommerce-product-gallery--with-images {
	background: #E9E9E9 !important;
	border: 1px solid #E4E1D8 !important;
	border-radius: 12px !important;
	padding: 16px !important;
	box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
}

.flex-viewport {
	border-radius: 8px !important;
	overflow: hidden !important;
	background: #E9E9E9 !important;
}

.woocommerce-product-gallery--with-images img {
	transition: transform 0.35s ease !important;
	border-radius: 8px !important;
}

.woocommerce-product-gallery--with-images:hover img {
	transform: scale(1.05) !important;
}


/* Thumbnails row below the card */
.flex-control-thumbs {
	display: flex !important;
	gap: 10px !important;
	margin-top: 12px !important;
	padding: 0 !important;
}
.flex-control-thumbs li {
	list-style: none !important;
}
.flex-control-thumbs li img {
	border: 1px solid #E4E1D8 !important;
	border-radius: 6px !important;
	opacity: 0.6 !important;
	transition: opacity 0.2s ease, border-color 0.2s ease !important;
	cursor: pointer !important;
}
.flex-control-thumbs li img:hover,
.flex-control-thumbs li img.flex-active {
	opacity: 1 !important;
	border-color: #3A3A3A !important;
}

/* ===== END GALLERY CARD BLOCK ===== */
/* ===== BREADCRUMB + TITLE + AVAILABILITY + WISHLIST + RATING ===== */
/* Exact classes confirmed via inspector */

/* Breadcrumb container */
.woocommerce-breadcrumb {
	font-size: 12px !important;
	color: #6B6862 !important;
	padding: 14px 0 !important;
}
.woocommerce-breadcrumb a {
	color: #6B6862 !important;
}
.woocommerce-breadcrumb a:hover {
	color: #D79E0B !important;
}

/* Category pills above the title (Board Mount Pressure Sensors, Sensors) */
.loop-product-categories {
	font-size: 12px !important;
	color: #854F0B !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	font-weight: 500 !important;
	background: none !important;
}
.loop-product-categories a {
	color: #854F0B !important;
}

/* Product title */
.product_title.entry-title {
	font-size: 24px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: #1C1C1C !important;
	margin: 6px 0 12px !important;
}

/* Availability / stock line */
.availability {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 12.5px !important;
	color: #2E7D32 !important;
	background: #EAF3E4 !important;
	padding: 5px 12px !important;
	border-radius: 20px !important;
	margin-bottom: 16px !important;
}
.availability p {
	margin: 0 !important;
}

/* "No reviews yet — be the first" link */
.rating-empty-link {
	font-size: 12.5px !important;
	color: #6B6862 !important;
	text-decoration: underline !important;
	background: none !important;
	display: inline-block !important;
	margin-bottom: 10px !important;
}
.rating-empty-link:hover {
	color: #1C1C1C !important;
}

/* Wishlist button (YITH plugin) */
.yith-wcwl-add-button .add_to_wishlist,
.single_add_to_wishlist {
	font-size: 13px !important;
	color: #6B6862 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}
.yith-wcwl-add-button .add_to_wishlist:hover,
.single_add_to_wishlist:hover {
	color: #D79E0B !important;
}
.yith-wcwl-icon-svg {
	width: 16px !important;
	height: 16px !important;
	fill: none !important;
	stroke: #6B6862 !important;
}
.yith-wcwl-add-button:hover .yith-wcwl-icon-svg {
	stroke: #D79E0B !important;
}

/* Short description block (if used on some products) */
.woocommerce-product-details__short-description {
	font-size: 14px !important;
	color: #444 !important;
	line-height: 1.65 !important;
	margin: 16px 0 !important;
}
.woocommerce-product-details__short-description ul {
	padding-left: 18px !important;
}
.woocommerce-product-details__short-description li {
	margin-bottom: 6px !important;
}

/* ===== END BLOCK ===== */
/* ===== ACTION BUTTONS (wishlist row) + SHORT DESCRIPTION ===== */

.action-buttons {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 8px 0 20px !important;
	padding: 0 !important;
}

.action-buttons .add_to_wishlist,
.action-buttons .single_add_to_wishlist {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
	color: #6B6862 !important;
	border: 1px solid #E4E1D8 !important;
	border-radius: 20px !important;
	padding: 7px 16px !important;
	background: #fff !important;
	transition: border-color 0.2s ease, color 0.2s ease !important;
}
.action-buttons .add_to_wishlist:hover,
.action-buttons .single_add_to_wishlist:hover {
	border-color: #D79E0B !important;
	color: #854F0B !important;
}
.action-buttons .yith-wcwl-icon-svg {
	width: 14px !important;
	height: 14px !important;
	stroke: currentColor !important;
}

/* Short description block */
.woocommerce-product-details__short-description {
	font-size: 14px !important;
	color: #444 !important;
	line-height: 1.65 !important;
	background: #F0EFEA !important;
	border-radius: 8px !important;
	padding: 14px 16px !important;
	margin: 16px 0 !important;
}
.woocommerce-product-details__short-description ul {
	padding-left: 18px !important;
	margin: 8px 0 0 !important;
}
.woocommerce-product-details__short-description li {
	margin-bottom: 6px !important;
}
.woocommerce-product-details__short-description p:first-child {
	margin-top: 0 !important;
}
.extra_icons .row{
    width:200%;
    height: 150px;
}
.extra_icons .row {
    margin-top:10px;
}
/* ===== BULK ENQUIRY BUTTON — full width, matching extra-icons container exactly ===== */

.summary.entry-summary > form.cart #enquiry.pe-enq-wrapper {
	width: 100% !important;
	max-width: none !important;
	margin: 12px 0 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	flex: 0 0 100% !important;
}

#enquiry.pe-enq-wrapper input.contact.pe-show-enq-modal {
	width: 400px !important;
	box-sizing: border-box !important;
	background: #D79E0B !important;
	color: #1C1C1C !important;
	font-weight: 600 !important;
	font-size: 14.5px !important;
	padding: 14px 24px !important;
	border: none !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	transition: background 0.2s ease, transform 0.15s ease !important;
}

#enquiry.pe-enq-wrapper input.contact.pe-show-enq-modal:hover {
	background: #C08D09 !important;
	transform: translateY(-1px) !important;
}

/* ===== END BLOCK ===== */
/* ===== END BLOCK ===== */
/* ===== FULL SUMMARY SECTION RESTRUCTURE ===== */
/* This controls the vertical rhythm and grouping of everything in the right column */

.summary.entry-summary {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	gap: 16px !important;
	border-left: 1px solid #E4E1D8 !important;
	padding-left: 32px !important;
}

/* Every child defaults to full width — forces its own row */
.summary.entry-summary > * {
	width: 100% !important;
	margin: 0 !important;
}

/* Price card and Add-to-cart form sit side by side on the same row */
.summary.entry-summary > .price-block-redesign {
	width: calc(58% - 8px) !important;
}
.summary.entry-summary > form.cart.cart-redesign {
	width: calc(42% - 8px) !important;
	align-self: center !important;
	flex-wrap: wrap !important;
}

@media (max-width: 640px) {
	.summary.entry-summary > .price-block-redesign,
	.summary.entry-summary > form.cart.cart-redesign {
		width: 100% !important;
	}
}

/* Wishlist — pull tighter to what's above it */
.action-buttons {
	margin: 0 0 20px !important;
}

/* Attribute table card — tighten padding, less visual weight than price */
.woocommerce-product-attributes,
.shop_attributes {
	background: #FBEBC7 !important;
	border-radius: 8px !important;
	padding: 4px 16px !important;
	margin: 0 0 20px !important;
}

/* Price block — the most important element, give it clear visual weight */
.price-block-redesign {
	border-top: none !important;
	background: #FAF7F0 !important;
	border: 1px solid #EDE6D6 !important;
	border-radius: 10px !important;
	padding: 18px 20px !important;
	margin: 0 0 20px !important;
}
.electro-price,
.electro-price .woocommerce-Price-amount.amount {
	font-size: 30px !important;
	font-weight: 700 !important;
	color: #1C1C1C !important;
}

/* Quantity + Add to cart — group into one row instead of stacked */
form.cart {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
	margin: 0 !important;
}
.quantity {
	margin: 0 !important;
}
.quantity .qty {
	width: 66px !important;
	padding: 13px 10px !important;
	border: 1px solid #D3D1C7 !important;
	border-radius: 4px !important;
	font-size: 14px !important;
	text-align: center !important;
}
.single_add_to_cart_button.button {
	background: #1C1C1C !important;
	color: #fff !important;
	font-weight: 500 !important;
	font-size: 14.5px !important;
	padding: 14px 32px !important;
	border: none !important;
	border-radius: 4px !important;
	flex: 1 !important;
	min-width: 160px !important;
}
.single_add_to_cart_button.button:hover {
	background: #000 !important;
}

/* ===== END BLOCK ===== */

/* ===== TRUST BADGES BOX — attractive polish (replaces both older blocks above) ===== */

.extra-icons {
	width: 100% !important;
	padding-top: 24px !important;
}

@media (min-width: 1025px) {
	.extra-icons {
		width: 100% !important;
	}
}

.extra-icons .row {
	width: 100% !important;
	background: linear-gradient(135deg, #1C1C1C, #2A2A2A) !important;
	border: none !important;
	border-radius: 14px !important;
	padding: 32px 20px !important;
	margin: 0 !important;
	display: flex !important;
	box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}

.extra-icons .row .col-md-3.col-sm-6 {
	flex: 1 !important;
	text-align: center !important;
	padding: 0 16px !important;
	position: relative !important;
}

/* Divider lines between items, except the last */
.extra-icons .row .col-md-3.col-sm-6:not(:last-child)::after {
	content: "" !important;
	position: absolute !important;
	right: 0 !important;
	top: 10% !important;
	height: 80% !important;
	width: 1px !important;
	background: rgba(255,255,255,0.12) !important;
}

.extra-icons .row .overlay.green {
	width: 60px !important;
	height: 60px !important;
	border-radius: 50% !important;
	background: rgba(215,158,11,0.15) !important;
	border: 1.5px solid rgba(215,158,11,0.4) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 14px !important;
	transition: transform 0.25s ease, background 0.25s ease !important;
}

.extra-icons .row .col-md-3.col-sm-6:hover .overlay.green {
	transform: translateY(-4px) !important;
	background: rgba(215,158,11,0.28) !important;
}

.extra-icons .icon_main {
	width: 28px !important;
	height: 28px !important;
}
.extra-icons .icon_main img,
.extra-icons .icon_main svg {
	width: 100% !important;
	height: 100% !important;
}

.extra-icons .text p {
	font-size: 13.5px !important;
	color: #fff !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	margin: 0 !important;
}

@media (max-width: 640px) {
	.extra-icons .row {
		flex-wrap: wrap !important;
		gap: 24px 0 !important;
	}
	.extra-icons .row .col-md-3.col-sm-6 {
		flex: 0 0 50% !important;
	}
	.extra-icons .row .col-md-3.col-sm-6::after {
		display: none !important;
	}
}

/* ===== END BLOCK ===== */
/* ===== END BLOCK ===== */
/* ===== TABS — icon pills with per-tab color + notch pointer (per reference image) ===== */

.woocommerce-tabs.wc-tabs-wrapper {
	margin-top: 40px !important;
}

ul.tabs.wc-tabs {
	display: flex !important;
	gap: 10px !important;
	background: none !important;
	border-bottom: none !important;
	padding: 0 !important;
	margin: 0 0 40px 0 !important;
	list-style: none !important;
	width: 100% !important;
}

ul.tabs.wc-tabs li {
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	flex: 1 !important;
}

/* Base tab style — inactive state */
ul.tabs.wc-tabs li a,
.single-product .description_123,
.single-product .reviews_123,
.single-product .download_123,
.single-product .specification_123,
.single-product .mcg_prd_enqenquery_tab_123 {
	background: #F0D583 !important;
	color: #6B6862 !important;
	padding: 26px 26px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	border: none !important;
	border-radius: 12px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	min-height: 64px !important;
	transition: all 0.2s ease !important;
}

/* Icons before each tab label, matching the reference image */
ul.tabs.wc-tabs li.description_tab a::before,
.single-product .description_123::before {
	content: "\1F4C4" !important;
	font-size: 15px !important;
}
ul.tabs.wc-tabs li.download_tab a::before,
.single-product .download_123::before {
	content: "\2B07" !important;
	font-size: 15px !important;
}
ul.tabs.wc-tabs li.reviews_tab a::before,
.single-product .reviews_123::before {
	content: "\2B50" !important;
	font-size: 15px !important;
}

/* Active tab — original per-tab colors restored, with notch pointer */
ul.tabs.wc-tabs li.description_tab.active a,
.single-product li.active .description_123 {
	background: linear-gradient(135deg, #3B6FC4, #2A5296) !important;
	color: #fff !important;
	box-shadow: 0 4px 14px rgba(43,82,150,0.35) !important;
}
ul.tabs.wc-tabs li.download_tab.active a,
.single-product li.active .download_123 {
	background: linear-gradient(135deg, #FFD53B, #F5B90B) !important;
	color: #4A3800 !important;
	box-shadow: 0 4px 14px rgba(245,185,11,0.35) !important;
}
ul.tabs.wc-tabs li.reviews_tab.active a,
.single-product li.active .reviews_123 {
	background: linear-gradient(135deg, #62B462, #3F9B3F) !important;
	color: #fff !important;
	box-shadow: 0 4px 14px rgba(63,155,63,0.35) !important;
}

/* Small triangular notch pointing down from the active tab */
ul.tabs.wc-tabs li.active::after {
	content: "" !important;
	position: absolute !important;
	bottom: -6px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 12px !important;
	height: 12px !important;
	background: inherit !important;
}
ul.tabs.wc-tabs li.description_tab.active::after {
	background: #2A5296 !important;
	clip-path: polygon(50% 100%, 0 0, 100% 0) !important;
}
ul.tabs.wc-tabs li.download_tab.active::after {
	background: #F5B90B !important;
	clip-path: polygon(50% 100%, 0 0, 100% 0) !important;
}
ul.tabs.wc-tabs li.reviews_tab.active::after {
	background: #3F9B3F !important;
	clip-path: polygon(50% 100%, 0 0, 100% 0) !important;
}

/* Tab panel content */
.woocommerce-Tabs-panel {
	font-size: 14px !important;
	color: #333 !important;
	line-height: 1.65 !important;
}

/* ===== END BLOCK ===== */
/* ===== DESCRIPTION TAB CONTENT — corrected with real confirmed classes ===== */
/* Real structure: .electro-description.clearfix > h3::before (theme icon) + h3 > strong */

.woocommerce-Tabs-panel {
	font-size: 14px !important;
	color: #444 !important;
	line-height: 1.7 !important;
}

.electro-description {
	background: #FAFAF8 !important;
	border: 1px solid #EEEEEA !important;
	border-radius: 12px !important;
	padding: 20px 22px !important;
}

/* Kill the theme's existing default ::before icon on h3, we replace it below */
.electro-description h3::before {
	content: none !important;
	display: none !important;
}

.electro-description h3 {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #1C1C1C !important;
	margin: 28px 0 16px !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
}
.electro-description h3:first-child {
	margin-top: 0 !important;
}

.electro-description h3 strong {
	font-weight: 700 !important;
	color: inherit !important;
}

/* Icon circle before each heading, using our own ::after since theme's ::before is killed above */
.electro-description h3::after {
	content: "" !important;
	order: -1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 8px !important;
	background: #E8EEFB !important;
	color: #2A5296 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	flex-shrink: 0 !important;
}

/* Different icon per section by order: 1st = Introduction, 2nd = Features, 3rd = Application */
.electro-description h3:nth-of-type(1)::after {
	content: "\2139" !important;
	background: #E8EEFB !important;
	color: #2A5296 !important;
}
.electro-description h3:nth-of-type(2)::after {
	content: "\1F4E6" !important;
	background: #E8EEFB !important;
	font-size: 14px !important;
}
.electro-description h3:nth-of-type(3)::after {
	content: "\1F3E2" !important;
	background: #E4F5E4 !important;
	font-size: 14px !important;
}

/* Features list — two-column grid with checkmarks instead of default bullets */
.electro-description ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 16px !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 10px 24px !important;
}
.electro-description ul li {
	position: relative !important;
	padding-left: 26px !important;
	font-size: 13.5px !important;
	color: #444 !important;
}
.electro-description ul li::before {
	content: "\2713" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 18px !important;
	height: 18px !important;
	background: #2A5296 !important;
	color: #fff !important;
	border-radius: 50% !important;
	font-size: 11px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Bold labels inside Application section (Medical & Healthy: etc.) */
.electro-description strong {
	color: #2E7D32 !important;
	font-weight: 600 !important;
}
.electro-description h3 strong {
	color: #1C1C1C !important;
}

@media (max-width: 640px) {
	.electro-description ul {
		grid-template-columns: 1fr !important;
	}
}

/* ===== END BLOCK ===== */
/* ===== SKU / CATEGORIES META LINE — confirmed class: product_meta--redesign ===== */

.product_meta.product_meta--redesign {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px 24px !important;
	background: #EAF4FB !important;
	border: 1px solid #D6EAF8 !important;
	border-radius: 10px !important;
	padding: 14px 20px !important;
	margin: 24px 0 0 !important;
	font-size: 13px !important;
}

.product_meta--redesign .sku_wrapper {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: #6B6862 !important;
}
.product_meta--redesign .sku_wrapper::before {
	content: "\1F3F7" !important;
	font-size: 13px !important;
}
.product_meta--redesign .sku {
	color: #1C1C1C !important;
	font-weight: 600 !important;
	font-family: monospace !important;
}

.product_meta--redesign .posted_in {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: #6B6862 !important;
}
.product_meta--redesign .posted_in::before {
	content: "\1F4C1" !important;
	font-size: 13px !important;
}
.product_meta--redesign .posted_in a {
	color: #2A5296 !important;
	font-weight: 500 !important;
}
.product_meta--redesign .posted_in a:hover {
	text-decoration: underline !important;
}

/* ===== END BLOCK ===== */
/* ===== DOWNLOAD TAB — confirmed class: yikes-custom-woo-tab-title ===== */

#tab-download.woocommerce-Tabs-panel {
	background: #FAFAF8 !important;
	border: 1px solid #EEEEEA !important;
	border-radius: 12px !important;
	padding: 24px 22px !important;
}

.yikes-custom-woo-tab-title.yikes-custom-woo-tab-title-download {
	background: none !important;
	color: #1C1C1C !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	padding: 0 !important;
	margin: 0 0 18px !important;
	border: none !important;
}

/* Datasheet download button/link */
#tab-download a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	background: #1C1C1C !important;
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	padding: 14px 24px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	transition: background 0.2s ease, transform 0.15s ease !important;
}
#tab-download a:hover {
	background: #000 !important;
	transform: translateY(-1px) !important;
}

/* ===== END BLOCK ===== */