/*
Theme Name: Metromotorcars Child
Template: metromotorcars
Author: Leon Atkinson
*/ 
a.noti {
    text-decoration: none;
    background: #00000087;
    padding: 20px 22px;
    border-radius: 15px 0 0 15px;
    display: block;
    width: fit-content;
    position: fixed;
    bottom: 13px;
    right: 0;
    color: #fff;
    font-size: 17px;
	z-index:991;
}

.car-colors-viewer .block-header .colors-price::before {
    content: 'החל מ-';
    font-size: 26px;
    vertical-align: middle;
}

dt.variation-:nth-child(7)::before {
    content: '*';
    font-size: 20px;
    color: #ff0000;
    display: inline-block;
}
dl.variation::after {
    content: '*מחיר הרכב כולל מע"מ וכולל תוספת עלות צבע, ואינו כולל אגרת רישוי לשנה הראשונה ';
    font-size: 12px;
}
.checko {
    font-size: 14px;
    margin: 10px;
}
.checko a span{
	color:#fff;
    text-decoration:underline;
}

.social {
    display: flex;
    gap: 4px;
}
 dt.variation-:nth-child(9)::before {
 content:'*';
 font-size:20px;
 color: #ff0000;
display:inline-block;
}
.woocommerce-checkout .product-header .price h1::before {
    content: 'דגם';
    font-size: 40px;
    margin-left: 10px;
}
.product-description a {
    font-size: 23px;
    display: block;
    margin-bottom: 10px;
	color:#fff;
}
.single-product .product .entry-summary .price::before {
    content: "החל מ ";
    font-size: 20px;
}
.single-product .product .entry-summary .price::after, .single-product .product .entry-summary .variations th.label::after {
    content: '*';
    font-size: 33px;
    vertical-align: top;
}
.woocommerce-checkout .total-payment span.title::after {
    margin-right: 9px;
    content: 'דמי מקדמה';
}
.woocommerce-checkout .total-payment {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: end;
}
.woocommerce-checkout .order-review::after {
    content: '* על פי מחירון היבואן מספר 1/25 מיום 1/1/2025.לתשומת ליבך, המחיר המצוין עשוי להשתנות בין מועד ההזמנה לבין מועד מסירת הרכב, כמפורט בהסכם הזמנת הרכב. ** ייתכן הבדל בין גוון הצבע המוצג באתר לבין גוון הרכב בפועל. ניתן להתרשם מהרכב באולמות התצוגה של החברה. המפרט הטכני של הרכב והאבזור הקובע הוא המפרט שיצורף להסכם הזמנת הרכב שייחתם על ידי הלקוח. התמונה להמחשה בלבד.';
    font-size: 15px;
}
.woocommerce-checkout .total-payment::after {
    content: '* דמי המקדמה שישולמו באתר יופחתו מהתשלום עבור הרכב או יושבו למזמין בעת ביטולו, בכפוף לתנאי הסכם הזמנת הרכב';
    grid-column: 1 / 3;
    font-size: 15px;
    padding: 10px;
}
.single-product .product .entry-summary .variations th.label::after {
    content: '**';
    font-size: 21px;
    font-weight: 100;
    margin-right: 6px;
}
.single-product .specs-score-wrap .specs-score {
    border-radius: 0;
    max-width: 100%;
}
.car-colors-viewer .color-viewer-buttons {
    text-align: center;
}
.button-title-text {
    text-align: center;
    font-size: 15px;
}
p.colo {
    font-size: 12px;
    text-align: center;
    padding: 37px 0 0 0;
}

button.boto,.specs-score-wrap .specs-score .score.safe ,.car-model .car-model-wrap .specs-score .score.safe{
    display: none;
}
button.boto {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    color: #fff;
}
.car-model .car-model-wrap .specs-score {
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: .4rem .5rem .38rem;
    gap: 1rem;
    font-size: 1.2rem;
    line-height: 1;
    border-radius: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 4rem;
    margin-bottom: 0;
}
.car-model-1 .mishpat, .car-model-2 .mishpat {
    display: block;
}
.car-model .car-model-wrap .car-model-data {
    max-width: 95%;
}
.mishpat {
    color: #fff;
    font-size: 12px;
    padding: 8px;
	display:none;
}
.page-id-884 .site-footer-inner.alignlarge.py-medium.has-global-padding,.page-id-884 .site-header {
    display: none;
}
.page-id-884  h1::after {
    content: 'רכב שטח יוקרתי שלוקח אותך לקצה';
    display: block;
    font-size: xxx-large;
}

.page-id-884 .car-model .car-model-wrap .car-model-data .car-model-details{
	justify-content: center;
    background: #00000078;
    max-width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
	gap:4rem;
}
.page-id-884 .car-model .car-model-wrap .car-model-data .car-model-details::before,.page-id-884 .car-model .car-model-wrap .car-model-data .car-model-details::after{
	content:none;
}
table.tablo tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.tablo th {
    background: #eee;
}
table.tablo, table.tablo td {
  border: solid 1px #eee;
  font-size: 16px;
  border-collapse: separate;
  border-spacing: 0;
  border-right: none;
  border-left: none;
}
table.tablo th,table.tablo td {
padding: 10px 8px;
}

.soon span.menu-title:after {
    content: '(בקרוב)';
    display: block;
    color: red;
    font-size: 16px;
    margin: auto;
}

.home .main-title h2{
    color: #ffffff;
    font-size: 30px;
    background: #d61b23;
    display: inline-block;
    padding: 5px 23px;
    border-radius: 0 0 14px 14px;
    position: inherit;
	margin-top: 10px;
    right: -5px;
    rotate: 0deg;
}

/*Data tables*/
table.dataTable thead .sorting {
    font-size: 17px;
}

table#api-table {
    padding-top: 50px;
}

/*
.xoo-wsc-sc-cont {
    color: #ffffff;
}
.xoo-wsc-product dl.variation {
    display:flex;
}

.single-models .xoo-wsc-basket{
	bottom:250px;
}
body span.xoo-wsc-smr-del {
    font-size: 25px;
    color: #EA2028;
}
*/
.page-content {
    max-width: 1024px;
}
.page-content ul{
    padding-right:20px;
}
.page-id-525 .editor .editor-content.page-content.width-regular {
    max-width: 1100px;
}
.woocommerce-cart table.shop_table .product-remove a {
    color: red;
}
.car-model .specs-score .digit.d-4 {
    background-color: #34899F
}
tr.woocommerce-cart-form__cart-item.cart_item:nth-child(odd) {
    background: #f7f7f7;
}
a.button {
    border-radius: 0;
}
.car-model-buttons a.button.button-light:last-child, .nav-buttons a.button.button-light:last-child {
    /* background:#fff; */
    color: #bee1d6;
}
.site-header .site-navigation .nav-buttons a.button {
    border: 2px solid #bee1d6;
    background-color: rgb(0 0 0 / 6%);
}
a.button.button-light {
    color: #bee1d6;
    border-color: #bee1d6;
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color],input[type=button], input[type=reset], input[type=submit], textarea, select {
    border-radius: 0;
}
.media-slider .colors-viewer .color-viewer-buttons [aria-selected=true] {
    color: #83B7A5;
    border-bottom: 5px solid #83B7A5;
}
.car-model .car-model-wrap .car-model-data .car-model-details .detail .title{
	   color: #83B7A5;
}
.mini-cart-button .cart-icon,.model-links .action-link {
    background-color: rgb(0 0 0 / 90%);
}
.mini-cart-button .cart-icon:hover{
	background-color:rgb(0 0 0 / 100%);
}
input[type=button], input[type=reset], input[type=submit] {
    background-color: #00000000;
    border: solid 1px #83b7a5;
    color: #83b7a5;
}
.site-footer{
	 background: #111618;
	clear:both;
}
.site-footer .lead-form .main-form .main-form-header .title-one-wrap svg {
    color: #83B7A5;
}
.site-footer > *:not(.mini-cart-wrap,.icon-whatsapp) {
      color: #83b7a5;
}

.media-explainers .tabs-trigger.is-selected, .media-explainers .tabs-trigger.is-selected:hover, .media-explainers .tabs-trigger.is-selected:focus,.site-footer .lead-form,.site-footer .models-logos{
    border-bottom-color: #83B7A5;
}
.car-colors-viewer .color-viewer-buttons button{
	border-radius:0;
}
.site-header .site-navigation .main-navigation ul li.menu-icon-mhero a:after {
    background-image: url(https://mhero.co.il/wp-content/themes/metromotorcars/images/dongfeng-icon.png);
	    content: "";
    width: 25px;
    height: 25px;
    background-position: left center;
    background-repeat: no-repeat;
}
.media-list .media-image img,.gallery-images .gallery-image {
    border-radius: 0;
}
.single-product .product .entry-summary .variations .variation-radios .variation-image {
    border-radius: 0;
	box-shadow: 0px 7px 7px 0px #121212;
}
.media-slider .colors-viewer .color-viewer-buttons{
	direction:rtl;
}


/*RECALL*/
#recallForm .form-group {
            margin-bottom: 15px;
        }
#recallForm label  {
     margin-bottom: 15px;
 }
.form-group input[type=submit] {
    background: #000;
}

.recall-card {
    border: 1px solid #d1d1d1; /* מסגרת בצבע אפור בהיר */
    border-radius: 10px; /* פינות מעוגלות */
    background-color: #f9f9f9; /* רקע בהיר */
    padding: 20px; /* ריווח פנימי */
    margin-bottom: 20px; /* ריווח חיצוני בין הכרטיסים */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* צל להוספת עומק */
    transition: transform 0.2s, box-shadow 0.2s; /* אנימציה חלקה */
}

.recall-card:hover {
    transform: translateY(-5px); /* התרוממות קלה */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* צל חזק יותר */
}

.recall-card h3 {
    font-size: 1.4em; /* גודל פונט לכותרת */
    margin-top: 0; /* ללא ריווח עליון */
    color: #333; /* צבע טקסט כהה */
}

.recall-card p {
    font-size: 1em; /* גודל פונט רגיל לפסקאות */
    margin: 10px 0; /* ריווח סביב הפסקאות */
    color: #666; /* צבע טקסט אפור כהה */
}

.recall-card p:last-child {
    margin-bottom: 0; /* הסרת ריווח תחתון מהפסקה האחרונה */
}
#loader {
    text-align: center;
    margin: 20px 0;
}

#loader img {
    width: 50px; /* ניתן לשנות את הגודל בהתאם לצורך */
    height: 50px;
}
/* סגנון להודעת שגיאה */
.error-message {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.error-message svg {
    margin-right: 10px;
}

.error-message .close-btn {
    margin-left: 10px;
    cursor: pointer;
}

/* סגנון להודעת מידע */
.info-message {
    background-color: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.info-message svg {
    margin-right: 10px;
}

.info-message .close-btn {
    margin-left: 10px;
    cursor: pointer;
}
/*RECALL end*/

.model-links .action-link{
	border-radius:0;
}
.model-links .action-link:hover {
    background-color: #6e7d76;
}
.site-footer .site-footer-inner .footer-menu .menu a {
    color: #83b7a5;
}

.editor-9{
    padding: 0;
}
/*colred-scrollbar
::-webkit-scrollbar {
  display: block;
  width: 15px;
}
::-webkit-scrollbar-thumb {
  background-image: linear-gradient(
  0deg,
  hsl(211deg 70% 9%) 0%,
  hsl(202deg 54% 18%) 10%,
  hsl(195deg 43% 26%) 20%,
  hsl(187deg 33% 36%) 30%,
  hsl(175deg 23% 47%) 40%,
  hsl(159deg 27% 62%) 50%,
  hsl(173deg 22% 48%) 60%,
  hsl(184deg 30% 37%) 70%,
  hsl(191deg 40% 28%) 80%,
  hsl(197deg 52% 19%) 90%,
  hsl(203deg 74% 10%) 100%
);
    border-radius: 3px;
}
::-webkit-scrollbar-track {
    background: #000000;
}*/


.woocommerce-checkout .variation-item .variation-image {
    border-radius: 0;
}
.page-id-884 .car-model-data:after {
    content: '* לפי תקן WLTP';
    color: #83b7a5;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 13px;
	color:#fff;
}
/**/
.spf-wrap h3 {
    font-size: 20px;
    text-align: center;
    margin: 0 0 28px;
}
.spf-wrap label{
    font-size:25px;
}
.planso{
	gap:20px;
}
.planso div {
    width: 100%;
}
.flexo{
	display: flex;
    justify-content: center;
    align-items: flex-start;
}
.flexo .py-x-large{
	padding:0;
}
.flexo img{
	max-width:50%;
}
/**/
#lead-form a{
	color:#fff;
}
/*MQ*/
/*עמוד דגם הקטנת לוגו*/
@media screen and (max-width: 37.5em) {
.car-model-inner .main-logo img {
    max-width: 178px;
}	

div#api-table_wrapper {
    overflow: scroll;
	}
}
@media (max-width:1024px) {
	#myDIV{
		display:none;
	}
	.car-model .car-model-wrap .specs-score {
    padding-right: 2rem;
}
	button.boto{
        display: inline-block;
        text-align: right;
        width: 100%;
        font-size: 30px;
        margin-bottom: 14px;
}
	.min{
	display:none;
}
.max{
	display:block;
}
}
@media screen and (min-width:1200px){
	.min{
		display:block;
	}
	.max{
		display:none;
	}
	.home .main-title h2{
		top:50%;
	}
	.site-footer .lead-form.py-x-large{
	padding:0;
	}
	.page-id-884 #lead-form .main-image {
    display: none;
	}
	.page-id-101 .site-footer .lead-form.py-x-large {
		margin-top:72px;
	}
	.page-id-101 .site-header{
	    background-image: linear-gradient(to top, rgb(29 36 39), #111618 50%, #111618);
	}
	.page-id-884 .site-footer .lead-form .main-form {
    width: 100%;
    max-width: 500px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 1px;
    top: 100px;
    background: #000;
    padding: 10px;
    }
	.page-id-884 .site-footer .lead-form .main-form{
		padding:35px;
	}
	.page-id-884 .site-footer .lead-form .main-form .main-form-header .title-two {
    font-size: clamp(1.8rem, 0.5rem + 1vw, 2.5rem);
    }
}
@media screen and (max-width:480px){
	.site-footer .lead-form.py-x-large{
	padding-bottom:0;
	}
	.page-id-884 h1 {
    font-size: clamp(2.5rem, 2rem + 3vw, 6rem);
	}
	.page-id-884 h1::after {
    content: 'רכב שטח יוקרתי שלוקח אותך לקצה';
    display: block;
    font-size: x-large;
    }
	.page-id-884 .car-model .car-model-wrap .car-model-data .car-model-details {
    gap: 1.5rem;
    }


}
@media (min-width: 1025px) {
    .media-columns .columns-layout.two-columns,.media-columns .columns-layout.three-columns {
        grid-template-columns: repeat(1,1fr 1fr);
        max-width: 1024px;
        margin: 0 auto;
    }
}

/* FAQs list */
.faqs-list details {
    border-top: 0;
    border-inline: 0;
    border-color: #e6e6e6;
    border-radius: 0;
}
.faqs-list details>summary:after {
    content: "";
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 0;
    background: none;
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
    transform: rotate(45deg);
    transition: .3s transform ease;
    border-radius: 0;
    box-shadow: none;
}
.faqs-list details[open]>summary:after {
    transform: rotate(225deg);
}