/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
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
*/

.wpcf7 {
    direction: rtl;
    font-family: inherit
}

.screen-reader-response,
.hidden-fields-container {
    display: none
}

.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%
}

.wpcf7 .column {
    box-sizing: border-box;
    float: right;
    padding: 0 1%;
    margin-bottom: 1rem
}

.wpcf7 .column.one-third {
    width: 33.333%
}

.wpcf7 .column.one-quarter {
    width: 25%;
    padding: 0 1%;
    box-sizing: border-box;
}

.wpcf7 .column.one {
    width: 100%
}

.wpcf7-form-control {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px
}

.wpcf7-form-control:focus {
    border-color: #9F0000;
    outline: 0
}

.wpcf7-not-valid {
    border-color: #c00
}

.wpcf7-submit {
    cursor: pointer;
    background: #9F0000;
    color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 12px 32px;
    font-size: 16px;
    transition: background .2s
}

.wpcf7-submit:hover {
    background: #9F0000
}

.wpcf7-spinner {
    margin-inline-start: 8px
}

.wpcf7-response-output {
    margin-top: 1rem;
    color: #c00;
    font-size: 14px
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    text-align: right
}

.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
    text-align: right
}

.wpcf7 input::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {
    text-align: right
}

.wpcf7 input:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {
    text-align: right
}

.wpcf7 input::-ms-input-placeholder,
.wpcf7 textarea::-ms-input-placeholder {
    text-align: right
}

@media(max-width:767px) {
    .wpcf7 .column.one-third {
        width: 100%
    }
}

.brands-tabs {
    width: 100%;
    margin: 0 auto
}

.series-desc {
    width: 100%;
    margin: 0 0 12px;
    font-weight: 600;
    text-align: center;
}

.tabs-nav {
    display: flex;
    justify-content: flex-start;
    gap: 32px;
    margin: 0 0 24px;
    padding: 0;
    border-bottom: 1px solid #ccc;
    list-style: none;
    background-image: url(../images/bg_panel.png);
    background-repeat: repeat-x
}

.tabs-nav li {
    cursor: pointer;
    font-weight: 700;
    padding: 10px 0;
    position: relative;
    transition: .3s
}

.tabs-nav li.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background: #000
}

.tab-pane {
    display: none
}

.tab-pane.active {
    display: block
}

.brands-series-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center
}

.brands-series-item {
    width: 100%;
    text-align: center;
    transition: transform .3s
}

.img-wrap {
    width: 100%;
    position: relative;
    overflow: hidden
}

.img-wrap img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform .4s
}

.img-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    opacity: 0;
    transition: opacity .3s
}

.brands-series-item:hover .img-wrap::after {
    opacity: 1
}

.series-title {
    font-size: 24px;
    font-weight: 700;
    margin: .75rem 0 0;
    text-transform: uppercase;
    transition: transform .3s
}

.brands-series-item:hover .series-title {
    transform: translateY(-10px)
}

@media(max-width:992px) {
    .brands-series-item {
        width: calc(50% - 24px)
    }
}

@media(max-width:600px) {
    .brands-series-item {
        width: 100%
    }
}

.brands-docs-list {
    list-style: none;
    margin: 0;
    padding: 0;
    direction: rtl;
    font-family: inherit
}

.brands-docs-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    min-height: 48px;
    text-decoration: none;
    color: #4a4a4a;
    font-weight: 600;
    line-height: 1.4;
    transition: background .15s
}

.brands-docs-item:nth-child(even) a {
    background: #f7f7f7
}

.brands-docs-item a:hover {
    background: #ececec
}

.doc-title {
    flex: 1;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.doc-icon {
    width: 26px;
    height: auto;
    flex-shrink: 0
}

.brands-vids-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: start
}

.brands-vids-item {
    width: calc(33.333% - 24px);
    position: relative
}

.video-wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

.video-wrap iframe,
.video-wrap video,
.video-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media(max-width:992px) {
    .brands-vids-item {
        width: calc(50% - 24px)
    }
}

@media(max-width:600px) {
    .brands-vids-item {
        width: 100%
    }
}

@media (max-width: 767px) {

	/* מונע גלילה אופקית של כל הדף */
	.brands-tabs {
		overflow-x: hidden;
	}

	/* הרשימה הופכת לסרגל גלילה עם Snap */
	.tabs-nav {
		flex-wrap: nowrap;           /* תמיד שורה אחת */
		overflow-x: auto;            /* גלילה אופקית רק כשצריך */
		white-space: nowrap;         /* אין ירידת שורה */
		-ms-overflow-style: none;    /* מסתיר גלילה ב-IE/Edge ישנים */
		scrollbar-width: none;       /* מסתיר גלילה בפיירפוקס */
		scroll-snap-type: x mandatory; /* Snap חלק */
	}
	.tabs-nav::-webkit-scrollbar {   /* מסתיר גלילה בכרום/ספארי */
		display: none;
	}

	/* כל Tab */
	.tabs-nav li {
		flex: 0 0 auto;              /* רוחב לפי תוכן, לא מצטמצם */
		padding: 10px 12px;          /* ריווח צר יותר בנייד */
		scroll-snap-align: center;   /* נצמד למרכז בסיום סווייפ */
	}
}

@media (max-width: 992px) {
    .wpcf7 .column.one-quarter {
        width: 50%; /* 2 בעמודה */
    }
}

@media (max-width: 600px) {
    .wpcf7 .column.one-quarter {
        width: 100%; /* אחד בשורה */
    }
}