/**
 * Single product – custom layout only
 *
 * Used when the product belongs to a category selected in Theme Settings > Global Settings > Product category – Custom layout.
 * Template: woocommerce/content-single-product-custom.php (wrapper: .sprod_page.sprod_custom_page)
 * Builds on single-product.css; same pattern as product-category-custom.css for consistent dark/custom styling.
 */


/* Dark custom theme (same as product-category-custom) – applied when body has single product + custom layout */


/* Optional: uncomment to apply same :root variables as category custom (dark theme) when on this template only.
   For global dark theme on custom single product pages, you can set body or .sprod_custom_page wrapper. */
/* .sprod_custom_page {
	--color-primary: #E0B596;
	--color-secondary: #C1D330;
	--color-accent: #25292D;
	--color-text: #FFFFFF;
	--color-background: #151515;
	--color-border: #AAAAAA;
} */

:root {
	/* Colors */
	--color-primary: #E0B596 !important;
	--color-secondary: #C1D330 !important;
	--color-accent: #25292D !important;
	--color-text: #FFFFFF !important;
	--color-background: #151515 !important;
	--color-border: #AAAAAA !important; 
 }


 /* light css demo  */
 /* :root { */
	/* Colors */
	/* --color-primary: #E0B596 !important;
	--color-secondary: #C1D330 !important;
	--color-accent: #25292D !important;
	--color-text: #151515 !important;
	--color-background: #FFFFFF !important;
	--color-border: #AAAAAA !important;  */
 /* } */

 body{
    background: #151515;
 }

 .site-logo img{
    content: url('/wp-content/uploads/2026/03/Frame-1.png') !important;
 }

.header-mobile-logo img,
.mobile-menu-header-logo img {
    content: url('/wp-content/uploads/2026/03/Frame-1.png') !important;
}
.pcat_card_title a:hover{
    color: var(--color-text) !important;
}
.pcat_card_title a{
    color: var(--color-primary) !important;
}
 .header-phone-link{
    color: var(--color-text) !important;
 }
 .pcat_card_body{
    align-items: center !important;
 }
 .pcat_price ,
 .pcat_card_title{
    text-align: center !important;
 }

 .pcat_card_media::after{
     border: 1px solid var(--color-text) !important;
 }

 .pcat_card_media::before{
    border-bottom: 2px solid var(--color-text) !important;
 }
.pcat_label,
.pcat_card_media::before{
    color: var(--color-text) !important;
 }

.pcat_label {
    color: #fff !important;
}
 .pcat_btn{
    background: var(--color-background);
 }
 .pcat_btn:hover{
    background: var(--color-primary);
 }

.pcat_card:hover .pcat_label {
  background: var(--color-text) !important;
  color: var(--color-primary) !important;
}

.pcat_label_product {
  background: var(--color-secondary) !important;
  color: #fff !important;
}

.pcat_card:hover .pcat_label_product {
  color: var(--color-secondary) !important;
}
.footer-visit-title{
    color: var(--color-text) !important;
}
.footer-visit-address,
.footer-visit-subtitle{
    color: var(--color-background) !important;
}
.footer-row-2{
    background: var(--color-accent);
}

.footer-menu .menu-item a,
.footer-store-hours,
.footer-contact-item,
.footer-follow-title,
.footer-col1-description{
    color: var(--color-text) !important;
}

.hdg_wrap.hdg_bg_none::before{
    background-image: url('/wp-content/uploads/2026/03/Frame-28-1.png') !important;
    background-size: cover !important;
}
.pcat_category_title{
    color: var(--color-text) !important;
    padding-top: 97px;
    background: url('/wp-content/uploads/2026/03/Group.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 442px;
}

.pcat_section_category.pcat_custom_section_category::before{
    display: none !important;
}

.pcat_page{
    padding: 0 !important;
}
.pcat_section_products{
    padding: 0 var(--global-padding);
}

.pcat_section_category.pcat_custom_section_category::after{
    position: absolute;
    content: '';
    height: 100%;
    max-width: 70%;
    background: linear-gradient(270deg, #1E2025 27.22%, rgba(30, 32, 37, 0) 100%);
    top: 0;
    right: 0;
    z-index: 2;
}


.header-mobile-hamburger img{
    content: url('/wp-content/uploads/2026/03/hamburger-1.svg');
}

.mobile-menu-overlay{
    background: #fff !important;
}

.mobile-primary-menu .menu-item:not(.menu-item-has-children) a, .mobile-secondary-menu .menu-item:not(.menu-item-has-children) a,
.mobile-primary-menu .menu-item-has-children > a, .mobile-secondary-menu .menu-item-has-children > a{
    color: var(--color-text) !important;
    font-size: 24px !important;
    line-height: 32px !important;
}

.site-header .mobile-primary-menu .menu-item-8185 a{
    color: var(--color-primary) !important;
}

.crg_card{
	background: var(--color-text) !important;
}

.crg_review_text,
.crg_review_author{
	color: var(--color-background) !important;
}

.pg_card_title a{
	color: var(--color-primary) !important;
}

.pg_card:hover .pg_card_title a{
	color: var(--color-text) !important;
}
.pg_card_title,
.pg_price {
	text-align: center;
}
.pg_card_body{
	justify-content: center;
	align-items: center;
}
.pg_card_media{
	height: 414px !important;
}

/* --- Hero: main product image above breadcrumb (custom single product only) --- */
.sprod_custom_page .sprod_section_hero_top {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	border-radius: 24px;
	background: var(--color-background, #151515);
}

.sprod_custom_page .sprod_hero_top_inner {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	line-height: 0;
	display: block;
}

.sprod_custom_page .sprod_hero_top_figure {
	margin: 0;
	padding: 0;
	height: 600px;
	width: 100%;
	display: flex;
	overflow: hidden;
	position: relative;
}

.sprod_custom_page .sprod_hero_top_img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.sprod_custom_page .sprod_hero_top_video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.sprod_custom_page .sprod_hero_top_placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 220px;
	padding: 2rem;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.04);
}

.sprod_custom_page .sprod_hero_top_placeholder img {
	display: block;
	max-width: min(100%, 420px);
	height: auto;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.sprod_custom_page .sprod_section_hero_top{
		display: none;
	}
}

/* Gallery: ensure desktop "load more" hidden items stay hidden (JS toggles .sprod_gallery_item_overflow) */
@media (min-width: 769px) {
	.sprod_custom_page .sprod_gallery_grid .sprod_gallery_item.sprod_gallery_item_overflow {
		display: none !important;
	}
}

/* Lightbox above page chrome; custom layout uses high z-index elsewhere */
.sprod_custom_page .sprod_lightbox.sprod_lightbox_open {
	z-index: 2147483646;
}

/* --- Product includes + מידות button (below price) --- */
.sprod_custom_page .sprod_custom_includes_block {
	margin-bottom: 24px;
	color: #E0B596;
}

.sprod_custom_page .sprod_custom_includes_content {
	color: var(--color-text);
}
.sprod_custom_page .sprod_custom_includes_content p{
	margin: 0 0 12px;
}
.sprod_custom_page .sprod_custom_includes_content ul{
	padding-right: 18px;
	margin: 0 0 12px;
}
.sprod_custom_page .sprod_dimensions_btn img{
	height: 14px;
	width: 14px;
}

.sprod_custom_page .sprod_dimensions_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: transparent;
	color: var(--color-primary);
	outline: none;
	padding: 0;
	gap: 6px;
	text-decoration: underline;
	cursor: pointer;
	transition: background 0.25s ease, color 0.25s ease;
}

.sprod_variations_label,
.sprod_addons_wrap .wcpa_field_wrap .wcpa_field_label{
	color: var(--color-text) !important;
}

.sprod_custom_page .sprod_dimensions_btn_after_content {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #E0B59666 !important;
	background: #E0B5961A !important;
	color: var(--color-primary);
	outline: none;
	padding: 6px 24px !important;
	text-decoration: none !important;
	border-radius: 4px;
	gap: 6px;
	text-decoration: underline;
	cursor: pointer;
	transition: background 0.25s ease, color 0.25s ease;
}

/* --- Dimensions modal (fade open/close) --- */
.sprod_custom_page .sprod_dimensions_modal {
	position: fixed;
	inset: 0;
	z-index: 2147483647;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s ease, visibility 0.35s ease;
	pointer-events: none;
}

.sprod_custom_page .sprod_dimensions_modal[hidden] {
	display: none !important;
}

.sprod_custom_page .sprod_dimensions_modal.sprod_dimensions_modal_open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.sprod_custom_page .sprod_dimensions_modal_backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.72);
	cursor: pointer;
}

.sprod_custom_page .sprod_dimensions_modal_shell {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 648px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(8px) scale(0.98);
	opacity: 0;
	transition: transform 0.35s ease, opacity 0.35s ease;
}

.sprod_custom_page .sprod_dimensions_modal.sprod_dimensions_modal_open .sprod_dimensions_modal_shell {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.sprod_custom_page .sprod_dimensions_modal_dialog {
	width: 100%;
	max-height: 578px;
	overflow: auto;
	padding: 24px;
	box-sizing: border-box;
	background: var(--color-background, #151515);
	border: 1px solid var(--color-primary);
	border-radius: 16px;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);

	/* ✅ Hide scrollbar */
	scrollbar-width: none;        /* Firefox */
	-ms-overflow-style: none;     /* IE/Edge */
}

/* ✅ Chrome, Safari */
.sprod_custom_page .sprod_dimensions_modal_dialog::-webkit-scrollbar {
	display: none;
}

.sprod_custom_page .sprod_dimensions_modal_close {
	position: absolute;
	top: 24px;
	left: 24px;
	z-index: 3;
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s ease, opacity 0.2s ease;
}

.sprod_custom_page .sprod_dimensions_modal_close:hover,
.sprod_custom_page .sprod_dimensions_modal_close:focus-visible {
	background: rgba(224, 181, 150, 0.12);
	outline: none;
}

.sprod_custom_page .sprod_dimensions_modal_close_icon {
	display: block;
	object-fit: contain;
	max-width: 22px;
	max-height: 22px;
}

.sprod_custom_page .sprod_dimensions_modal_body {
	direction: rtl;
	text-align: right;
}

.sprod_custom_page .sprod_dimensions_modal_text {
	margin-bottom: 24px;
	font-weight: 400 !important;
	color: var(--color-text, #151515);
}
.sprod_custom_page .sprod_dimensions_modal_text ul{
	margin: 0 0 16px;
	padding-right: 22px;
}
.sprod_custom_page .sprod_dimensions_modal_text p{
	margin: 0 0 16px;
}
.sprod_custom_page .sprod_dimensions_modal_text p:last-child {
	margin-bottom: 0;
}

.sprod_custom_page .sprod_dimensions_modal_media {
	box-sizing: border-box;
}

.sprod_custom_page .sprod_dimensions_figure_single {
	margin: 0;
	line-height: 0;
	text-align: center;
}

.sprod_custom_page .sprod_dimensions_img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0 auto;
}

.sprod_custom_page .sprod_dimensions_slider_wrap {
	position: relative;
	line-height: 0;
}

.sprod_custom_page .sprod_dimensions_slider .sprod_dimensions_slide {
	outline: none;
		overflow: hidden;
	height: 300px;
		border-radius: 16px;
}

.sprod_custom_page .sprod_dimensions_slider .slick-dots {
	position: relative;
	bottom: auto;
	margin: 12px 0 0;
	padding: 0;
	display: flex !important;
	justify-content: center;
	align-items: center;
	gap: 6px;
	list-style: none;
}

.sprod_custom_page .sprod_dimensions_slider .slick-dots li {
	margin: 0;
	width: 8px;
	height: 8px;
}

.sprod_custom_page .sprod_dimensions_slider .slick-dots li button {
	width: 8px;
	height: 8px;
	padding: 0;
	border-radius: 50%;
	background: var(--color-text, #e0b596);
	border: none;
	font-size: 0;
	line-height: 0;
}

.sprod_custom_page .sprod_dimensions_slider .slick-dots li button::before {
	display: none;
}

.sprod_dimensions_slider {
	margin-bottom: 0 !important;
}

.sprod_custom_page .sprod_dimensions_slider .slick-dots li.slick-active button {
	background: var(--color-primary, #e0b596);
}

/* Product tags: white label/separators, brand green links */
.sprod_custom_page .sprod_product_tags_wrap {
	color: var(--color-text) !important;
}

.sprod_custom_page .sprod_product_tags_label {
	color: var(--color-text) !important;
}

.sprod_custom_page .sprod_product_tags_items .sprod_product_tags_link {
	color: var(--color-secondary) !important;
}

.sprod_custom_page .sprod_product_tags_items .sprod_product_tags_link:hover {
	color: var(--color-secondary) !important;
	opacity: 0.88;
}

@media(max-width: 768px){
	.sprod_custom_page .sprod_dimensions_modal_text{
		font-size: 18px;
		line-height: 22px;
	}
	.pg_card_media{
		height: 252px !important;
	}
	.hdg_wrap.hdg_bg_none::before{
		width: calc(100% + 32px) !important;
	}
}