@charset "utf-8";
/* CSS Document */


/* form css */


        form.marketingForm {
            direction: rtl;
            overflow: hidden;
        }
        
        .emptyContainer.columns-equal-class.wrap-section {
            flex-wrap: wrap;
            padding: 0 5px !important;
        }
        
        .emptyContainer.columns-equal-class.wrap-section > .columnContainer {
            padding: 0.2vw 0 !important;
            width: 100% !important;
            flex-basis: 100% !important;
        }
        
        .emptyContainer.columns-equal-class.wrap-section.consent {
            flex-wrap: nowrap;
            justify-content: flex-end;
            margin-top: 0.4vw !important;
            margin-bottom: 0.4vw !important;
            align-items: flex-start !important;
            padding: 0 !important;
        }

        /* align consent text with form fields */
        .emptyContainer.columns-equal-class.wrap-section.consent > .columnContainer {
            padding: 0 !important;
            flex: 1 1 auto !important;
            width: 100% !important;
            max-width: 100% !important;
        }

        .emptyContainer.columns-equal-class.wrap-section.consent [data-editorblocktype="Text"] {
            margin: 0px 0px 10px 0px !important;
        }

        .emptyContainer.columns-equal-class.wrap-section.consent {
            overflow: hidden !important;
            box-sizing: border-box !important;
        }
        
        .emptyContainer.columns-equal-class.wrap-section.consent 
        .twoOptionFormFieldBlock .twooption_checkbox > div {
            display: flex !important;
            align-items: flex-start !important;
            margin-top: -0.3em !important;
        }
        
        .emptyContainer.columns-equal-class.wrap-section > .columnContainer.cosentText {
            flex-basis: 90% !important;
            width: 90% !important;
        }
        
        .emptyContainer.columns-equal-class.wrap-section > .columnContainer.narrowContainer {
            width: auto !important;
            flex-basis: auto !important;
        }
        
        .optionSetFormFieldBlock select,
        .textFormFieldBlock input,
        .phoneFormFieldBlock input,
        .dateTimeFormFieldBlock input,
        .lookupFormFieldBlock input,
        .marketingForm textarea {
            background: rgba(0,0,0,0.3);
            border: none;
            border: 1px solid white;
            color: #000;
            font-family: 'Heebo';
            font-size: 0.8vw;
            padding: 4px;
            margin: 0px 0px -5px 0px;
            text-indent: 15px !important;
            text-align: right;
            direction: rtl;
        }
        
        form.marketingForm .lookupFormFieldBlock input.lookup-behavior {
            padding-left: 22px !important;
            background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: left 6px center;
            background-size: 10px;
        }

        .optionSetFormFieldBlock select::placeholder,
        .textFormFieldBlock input::placeholder,
        .phoneFormFieldBlock input::placeholder,
        .dateTimeFormFieldBlock input::placeholder,
        .lookupFormFieldBlock input::placeholder,
        .marketingForm textarea::placeholder {
            color: #000;
            text-indent: 15px !important;
        }
        
        .phoneFormFieldBlock .phoneCountryCode {
            border: none;
            overflow: initial;
            text-indent: 15px !important;
        }
        
        
        .twoOptionFormFieldBlock, 
        .twoOptionFormFieldBlock * {
            font-weight: normal !important;
        }
        
        .twoOptionFormFieldBlock div.twooption_checkbox div input {
            opacity: 0;
        }
        
        .twoOptionFormFieldBlock div.twooption_checkbox div:has(:checked) {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg%3E%3Cpath d='M2 0A2.015 2.015 0 000 2V16a2.015 2.015 0 002 2H16a2.015 2.015 0 002-2V2a2.015 2.015 0 00-2-2ZM2 2H16V16H2Z' fill='rgb(255, 255, 255)' /%3E%3C/g%3E%3Cg%3E%3Cpath d='M13.293 5.293 7 11.586 4.707 9.293 3.293 10.707 7 14.414 14.707 6.707Z' fill='rgb(255, 255, 255)' /%3E%3C/g%3E%3C/svg%3E");
        }

        .twoOptionFormFieldBlock .twooption_checkbox > div,
        .consentBlock > div {
            /* ריבוע דק, בלי מילוי */
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Crect x='1' y='1' width='16' height='16' rx='2' ry='2' fill='none' stroke='rgb(255,255,255)' stroke-width='1'/%3E%3C/svg%3E");
            width: 14px;
            height: 14px;
            margin: 0px 0px 0px 15px !important;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100% 100%;
        }
        
        .cosentText, .privacy {
            color: white;
            font-size: 14px !important;
            font-weight: normal !important;
        }
        
        .cosentText span, .privacy span {
            font-size: 14px !important;
            font-weight: normal !important;
        }
        
        .privacy a {
            color: white;
        }
 
        button.submitButton {
            width: 100%;
            background: #e40521 !important;
            color: #fff !important;
            
            border: 3px solid white;
            border-radius: 0;
        
            font-family: 'Heebo' !important;
            font-size: 24px !important;
            font-weight: 400;
        
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            justify-content: center;
            gap: 5px;
            margin-top: -25px;
        }
        
        /*.marketingForm .primaryButtonWrapper, .submitButtonWrapper {
            margin: 0.4vw 0 !important;
        }*/
        
        .marketingForm p {
            font-size: inherit;
            line-height: 1;
            color: #fff!important;
        }
        .marketingForm a{
            color: #fff!important;
        }
        .marketingForm span{
            color: #fff!important;
        }

        /* כפתור - טקסט שחור */
        button.submitButton span {
            color: #fff !important;
            font-weight: 400!important;
        }

        /* דריסת פונט Heebo ל-Heebo בכל מקום */
        .emptyContainer.columns-equal-class.wrap-section.consent,
        .emptyContainer.columns-equal-class.wrap-section.consent * {
            font-family: 'Heebo', sans-serif !important;
        }
        .emptyContainer.columns-equal-class.wrap-section.consent span,
        .emptyContainer.columns-equal-class.wrap-section.consent a,
        .emptyContainer.columns-equal-class.wrap-section.consent a span,
        .emptyContainer.columns-equal-class.wrap-section.consent p,
        .emptyContainer.columns-equal-class.wrap-section.consent div {
            font-weight: 400 !important;
            font-size: 12px !important;
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
            text-decoration-color: #fff !important;
        }

 /* דרופדאון של שדות Lookup (מתעניין ב / משפחת דגם) */
div[data-cached-form-url] .lookupFormFieldBlock {
    position: relative;
}

div[data-cached-form-url] .ui-selectmenu-menu {
    top: 100% !important;     /* תמיד נפתח מתחת לשדה */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-top: 2px;
}

div[data-cached-form-url] .ui-menu.ui-widget-content {
    width: 100% !important;   /* דורס את הרוחב ש-Dynamics מזריק */
    box-sizing: border-box;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    border-radius: 0;
    max-height: 220px;
    overflow-y: auto;
    direction: rtl;
    text-align: right;
    font-family: 'Heebo', sans-serif;
    font-size: 14px;
}

div[data-cached-form-url] .ui-menu .ui-menu-item {
    margin: 0 !important;
    padding: 0;
    font-size: 14px;
}

div[data-cached-form-url] .ui-menu .ui-menu-item-wrapper {
    padding: 6px 15px;
    color: #000;
    text-align: right;
    border: none;
    margin: 0;
}

div[data-cached-form-url] .ui-menu .ui-menu-item-wrapper.ui-state-active {
    background: #e30520;   /* אדום טויוטה במקום כחול ברירת מחדל */
    color: #fff;
}