/* 
Theme Name: TalPress
Theme URI: https://www.TalPress.co.il
Description: TalPress Default Theme
Author: TalPress
Author URI: https://www.TalPress.co.il
Template: hello-elementor
Version: 1.0.1
Text Domain: talpress
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

body {overflow-x:hidden}
.grecaptcha-badge {display:none !important;}
.rtl input[type=tel] {text-align:right;}

.tp-credit{color:#000;font-size:14px;text-align:center;padding:5px 0;}
.tp-credit a {color:#000}

/* Product categories carousel */
.tp-product-categories-carousel { padding: 20px 0; }
.tp-cat-carousel-item {display: flex;flex-direction: column;align-items: center;text-align: center;text-decoration: none;color: inherit;padding: 0;}
.tp-cat-carousel-icon {width: 80px;height:80px;margin-bottom: 8px;display: flex;align-items: center;justify-content: center;}
.tp-cat-carousel-icon img {max-width: 100%;max-height: 100%;object-fit: contain;}
.tp-cat-carousel-name {font-size: 12px;font-weight: 200;}

/* Variation color swatches */
.tp-variation-swatches {display: flex;flex-wrap: wrap;gap: 12px;align-items: center;position: relative;z-index: 1;}
.tp-swatch {width: 32px;height: 32px;border-radius: 50%;border: 1px solid rgba(0,0,0,0.2);padding: 0;cursor: pointer;transition: border-color 0.2s, box-shadow 0.2s;position: relative;z-index: 2;pointer-events: auto !important;}
/* Fix Elementor/OceanWP overlay blocking clicks on variation cells */
.woocommerce div.product form.cart table.variations td.value::before {content: none !important;display: none !important;}
.woocommerce div.product form.cart table.variations td.value {position: relative;z-index: 1;}
.tp-swatch:hover {border-color: rgba(0,0,0,0.4);}
.tp-swatch.selected {border: 2px solid #231F20;box-shadow: inset 0 0 0 1px #fff;}
.tp-swatch.disabled {opacity: 0.4;cursor: not-allowed;pointer-events: none;}
.tp-swatch[data-tooltip] {position: relative;}
.tp-swatch[data-tooltip]:hover::after {content: attr(data-tooltip);position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%);padding: 6px 10px;background: #231F20;color: #fff;font-size: 12px;white-space: nowrap;border-radius: 4px;pointer-events: none;z-index: 10;animation: tp-tooltip-fade 0.15s ease;}
.tp-swatch[data-tooltip]:hover::before {content: "";position: absolute;bottom: calc(100% + 2px);left: 50%;transform: translateX(-50%);border: 5px solid transparent;border-top-color: #231F20;pointer-events: none;z-index: 10;}
@keyframes tp-tooltip-fade {from {opacity: 0;} to {opacity: 1;}}

/* OFF CANVAS MENU */
.header-menu {cursor:pointer}
.off-canvas-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 9998;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}
.off-canvas-overlay.active {opacity: 1;visibility: visible;}
.off-canvas-menu {position: fixed;top: 0;right: 0;width: 30%;padding:56px 34px ;min-width: 515px;max-width: 515px;height: 100%;background: #fff;z-index: 9999;transform: translateX(100%);transition: transform 0.3s ease;overflow-y: auto;box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);}
.admin-bar .off-canvas-menu {top: 32px;height: calc(100% - 32px);}
@media screen and (max-width: 782px) {.admin-bar .off-canvas-menu {top: 46px;height: calc(100% - 46px);}}
.off-canvas-menu.active {transform: translateX(0);}
.off-canvas-close {background: none;border: none;cursor: pointer;padding: 0 !important;z-index: 10000;color: #000;display: flex;align-items: center;justify-content: start;margin-bottom:20px;}
.off-canvas-close:hover,.off-canvas-close:focus,.off-canvas-close:active {background:transparent !important;border:none !important;outline:none !important;color:#000}
.off-canvas-close svg {width: 16px;height: 16px;} 
.submenu-indicator svg path {fill:#000)}
.off-canvas-close svg path {fill:#000}
.off-canvas-content {padding:0;height:95%;display: flex;flex-direction: column;justify-content: space-between;gap: 30px;}
.off-canvas-nav {width: 100%;position: relative;overflow: hidden;}
.off-canvas-menu-panel {position: absolute;top: 0;left: 0;width: 100%;transform: translateX(100%);opacity: 0;transition: transform 0.3s ease, opacity 0.3s ease;pointer-events: none;}
.off-canvas-menu-panel.active {position: relative;transform: translateX(0);opacity: 1;pointer-events: auto;}
.off-canvas-menu-back {background-color:transparent !important;color:#000;display: flex;align-items: center;gap: 10px;background: none;border: none;padding: 0px 0 20px 0;margin-bottom: 0;cursor: pointer;font-size: 16px;font-weight: 600;width: 100%;text-align: left;}
.off-canvas-menu-back:hover,.off-canvas-menu-back:focus,.off-canvas-menu-back:active {background-color: transparent !important;border:none !important;outline:none !important;color:#000 !important;fill:#000}
.off-canvas-menu-back svg {max-width: 12px;height: auto;flex-shrink: 0;transform: scaleX(-1);}
.off-canvas-menu-list {list-style: none;padding: 0;margin: 0;}
.off-canvas-menu-list li {margin: 0;padding: 0;position: relative;border-bottom: 1px solid rgba(0,0,0,0.15)}
.off-canvas-menu-list li:last-child {border-bottom: none;}
.off-canvas-menu-list a {display: flex;align-items: center;justify-content: space-between;padding: 10px 0;color: #000;text-decoration: none;font-size: 20px;font-weight: 200;transition: color 0.3s ease;}
.off-canvas-menu-list a:hover {color: #000;}
.menu-item-icon {display: inline-flex;align-items: center;flex-shrink: 0;}
.menu-item-icon img {width: auto;height: 60px;display: block;margin-left: 10px;}
.off-canvas-submenu-title {font-size:21px;font-weight:600;padding-bottom:19px;color:#000;}
.submenu-indicator {display: inline-flex;align-items: center;margin-left: 10px;flex-shrink: 0;}
.submenu-indicator svg {width: 7px;height: 13px;display: block;}
.off-canvas-menu-list .sub-menu {display: none;}
.off-canvas-menu-panel .sub-menu {padding: 0;list-style-type: none;}
.off-canvas-menu-panel .sub-menu li a {display: flex;align-items: center;justify-content: space-between;padding: 15px 0;color: #000;text-decoration: none;font-size: 18px;font-weight: 200;transition: color 0.3s ease;}
body.menu-open {overflow: hidden;}
.off-canvas-nav-secondary li {border:0 !important}
.off-canvas-nav-secondary li a {color:#000;font-size:16px;font-weight:200;justify-content:start}
.off-canvas-nav-secondary .menu-item-icon {margin-left: 10px;margin-right:0;   }
.off-canvas-free-text-link.chat {background: #F0EFED;border-radius: 6px;color:#0f1517;font-size:16px;font-weight: 400;text-align:center;display:flex;justify-content: center;align-items: center;margin-bottom:10px;padding:13px;gap:10px;}



@media all and (min-width: 1024px) {
	.cross-title h3 {position:relative;}
	.cross-title h3:before {height: 1px;background: #000;display: block;width: 36%;position: absolute;left: 0;top: 0;content: "";}
	.cross-title h3:after {height: 1px;background: #000;display: block;width: 36%;position: absolute;right: 0;top: 0;content: "";}
	.category-slider-item .cat-title,.category-slider-item .cat-icon-arrow * {transition: all 0.3s ease;}
	.category-slider-item:hover .cat-title {opacity:1;}
	.category-slider-item .cat-title {opacity:0;}
	.category-slider-item:hover .cat-icon-arrow svg rect {fill:#000}
	.category-slider-item:hover .cat-icon-arrow svg path {stroke:#fff}
}

@media (max-width: 768px) {
	.off-canvas-menu {width: 98%;min-width: 98%;max-width: 100%;}
}