.elementor-542 .elementor-element.elementor-element-22a01dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-542 .elementor-element.elementor-element-90cbba5{text-align:center;font-family:"iranyekan", Sans-serif;font-weight:400;color:var( --e-global-color-primary );}.elementor-542 .elementor-element.elementor-element-a20895d{text-align:center;font-family:"iranyekan", Sans-serif;font-weight:400;color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-542 .elementor-element.elementor-element-2e786b2 .elementor-button{background-color:var( --e-global-color-text );font-family:"iranyekan", Sans-serif;font-weight:500;border-radius:10px 10px 10px 10px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-542 .elementor-element.elementor-element-05dfc68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:24px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-542 .elementor-element.elementor-element-05dfc68.elementor-element{--align-self:stretch;}.elementor-542 .elementor-element.elementor-element-05dfc68 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-542 .elementor-element.elementor-element-05dfc68 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-542 .elementor-element.elementor-element-05dfc68 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-542 .elementor-element.elementor-element-05dfc68 .elementor-icon-list-item > a{font-family:"iranyekan", Sans-serif;font-weight:400;}.elementor-542 .elementor-element.elementor-element-05dfc68 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-542 .elementor-element.elementor-element-e3e9d44{--divider-border-style:dotted;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-542 .elementor-element.elementor-element-e3e9d44 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-542 .elementor-element.elementor-element-e3e9d44 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-542 .elementor-element.elementor-element-cefbb7e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:22px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-542 .elementor-element.elementor-element-cefbb7e.elementor-element{--align-self:stretch;}.elementor-542 .elementor-element.elementor-element-cefbb7e .elementor-icon-list-icon i{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-542 .elementor-element.elementor-element-cefbb7e .elementor-icon-list-icon svg{fill:var( --e-global-color-text );transition:fill 0.3s;}.elementor-542 .elementor-element.elementor-element-cefbb7e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-542 .elementor-element.elementor-element-cefbb7e .elementor-icon-list-item > a{font-family:"iranyekan", Sans-serif;font-weight:400;}.elementor-542 .elementor-element.elementor-element-cefbb7e .elementor-icon-list-text{transition:color 0.3s;}.elementor-542 .elementor-element.elementor-element-39b3de1{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-542 .elementor-element.elementor-element-af5e0be{--display:flex;--min-height:0px;--justify-content:center;--border-radius:15px 15px 15px 15px;}.elementor-542 .elementor-element.elementor-element-af5e0be:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-af5e0be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-542 .elementor-element.elementor-element-a22ee87{text-align:end;}.elementor-542 .elementor-element.elementor-element-a22ee87 .elementor-heading-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-be4c004{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-542 .elementor-element.elementor-element-62a0e7a{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-542 .elementor-element.elementor-element-440ebd7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;}.elementor-542 .elementor-element.elementor-element-440ebd7:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-440ebd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E4E4;}.elementor-542 .elementor-element.elementor-element-61fb899{--display:flex;}.elementor-542 .elementor-element.elementor-element-b8dcc3d > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}.elementor-542 .elementor-element.elementor-element-b8dcc3d .jet-listing-not-found{font-family:"iranyekan", Sans-serif;color:var( --e-global-color-primary );}.elementor-542 .elementor-element.elementor-element-ef8fca9 > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}.elementor-542 .elementor-element.elementor-element-ef8fca9 .jet-listing-not-found{font-family:"iranyekan", Sans-serif;color:var( --e-global-color-primary );}.elementor-542 .elementor-element.elementor-element-f8c4e2a{--display:flex;}.elementor-542 .elementor-element.elementor-element-f8c4e2a:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-f8c4e2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E4E4;}.elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form__label, .elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-builder__label, .elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form__desc, .elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-builder__desc{display:flex;justify-content:flex-start;}.elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-col, .elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-builder-row{align-items:flex-start;}.elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-repeater__actions, .elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-builder-repeater__actions{justify-content:flex-start;}.elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-repeater__row-remove, .elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form__submit-wrap, .elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-builder__submit-wrap{justify-content:flex-start;align-items:flex-start;}.elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-builder__submit{justify-content:center;}.elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-message, .elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-builder-message{text-align:center;}.elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form__field-error, .elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-builder__field-error, .elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form .jet-engine-file-upload__errors, .elementor-542 .elementor-element.elementor-element-dac6c9b .jet-form-builder-file-upload__errors{text-align:left;}.elementor-542 .elementor-element.elementor-element-10990f7{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-542 .elementor-element.elementor-element-10990f7:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-10990f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-542 .elementor-element.elementor-element-34a6864{--display:flex;}.elementor-542 .elementor-element.elementor-element-34a6864:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-34a6864 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-fb4fc89 .jet-form-builder__label{text-align:left;}.elementor-542 .elementor-element.elementor-element-fb4fc89 .jet-form-builder__desc{text-align:left;}.elementor-542 .elementor-element.elementor-element-fb4fc89 .jet-form-builder__fields-group{gap:0.7em 0.7em;}.elementor-542 .elementor-element.elementor-element-fb4fc89 .jet-form-builder__field-wrap.checkradio-wrap span{gap:8px;}.elementor-542 .elementor-element.elementor-element-fb4fc89 .jet-form-builder input{color-scheme:normal;}.elementor-542 .elementor-element.elementor-element-fb4fc89 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-542 .elementor-element.elementor-element-fb4fc89 .jet-form-builder__action-button{transition:all 0.3s;}.elementor-542 .elementor-element.elementor-element-fb4fc89 .jet-form-builder__next-page-wrap{text-align:left;}.elementor-542 .elementor-element.elementor-element-fb4fc89 .jet-form-builder-message--success{text-align:center;}.elementor-542 .elementor-element.elementor-element-fb4fc89 .jet-form-builder-message--error{text-align:center;}.elementor-542 .elementor-element.elementor-element-34940b0{text-align:center;}.elementor-542 .elementor-element.elementor-element-34940b0 .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );}.elementor-542 .elementor-element.elementor-element-46518d9{--display:flex;}.elementor-542 .elementor-element.elementor-element-46518d9:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-46518d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-542 .elementor-element.elementor-element-46518d9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form__label, .elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-builder__label, .elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form__desc, .elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-builder__desc{display:flex;justify-content:flex-start;}.elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-col, .elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-builder-row{align-items:flex-start;}.elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-repeater__actions, .elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-builder-repeater__actions{justify-content:flex-start;}.elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-repeater__row-remove, .elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form__submit-wrap, .elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-builder__submit-wrap{justify-content:flex-start;align-items:flex-start;}.elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-builder__submit{justify-content:center;}.elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-message, .elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-builder-message{text-align:center;}.elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form__field-error, .elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-builder__field-error, .elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form .jet-engine-file-upload__errors, .elementor-542 .elementor-element.elementor-element-e8d3dc8 .jet-form-builder-file-upload__errors{text-align:left;}.elementor-542 .elementor-element.elementor-element-3cf0b80{--display:flex;}.elementor-542 .elementor-element.elementor-element-074fc78{text-align:end;}.elementor-542 .elementor-element.elementor-element-074fc78 .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-size:23px;font-weight:600;}.elementor-542 .elementor-element.elementor-element-147079c{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-542 .elementor-element.elementor-element-147079c .elementor-icon{border-radius:25px 25px 25px 25px;}.elementor-542 .elementor-element.elementor-element-ef5bc86{--n-tabs-direction:row-reverse;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-color:#FFFFFF;--n-tabs-icon-color-active:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-ef5bc86 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-primary );}.elementor-542 .elementor-element.elementor-element-ef5bc86.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-542 .elementor-element.elementor-element-ef5bc86.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-542 .elementor-element.elementor-element-ef5bc86.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-542 .elementor-element.elementor-element-ef5bc86 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;--n-tabs-icon-color-hover:#FFFFFF;}@media(min-width:768px){.elementor-542 .elementor-element.elementor-element-22a01dd{--width:80%;}.elementor-542 .elementor-element.elementor-element-440ebd7{--content-width:100%;}.elementor-542 .elementor-element.elementor-element-61fb899{--width:100%;}.elementor-542 .elementor-element.elementor-element-34a6864{--content-width:70%;}}@media(max-width:767px){.elementor-542 .elementor-element.elementor-element-05dfc68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-542 .elementor-element.elementor-element-e3e9d44 .elementor-divider-separator{width:85%;}.elementor-542 .elementor-element.elementor-element-cefbb7e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-542 .elementor-element.elementor-element-b8dcc3d > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}.elementor-542 .elementor-element.elementor-element-ef8fca9 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}.elementor-542 .elementor-element.elementor-element-10990f7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-34940b0 .elementor-heading-title{line-height:1.3em;}.elementor-542 .elementor-element.elementor-element-46518d9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-074fc78{text-align:center;}.elementor-542 .elementor-element.elementor-element-074fc78 .elementor-heading-title{font-size:16px;line-height:1.5em;}.elementor-542 .elementor-element.elementor-element-be4c004{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start custom CSS for jet-form-builder-form, class: .elementor-element-fb4fc89 *//* ========================================================= JetFormBuilder – KhadamatIranian Final UI (RTL, Clean) (Optimized, same UI/behavior) ========================================================= */ .khadamat-form.jet-form-builder{ direction:rtl; font-family:inherit; } /* spacing + labels + required */ .khadamat-form .jet-form-builder__field-wrap{margin-bottom:16px} .khadamat-form .jet-form-builder__label, .khadamat-form label{ display:inline-block; font-weight:800; font-size:14px; color:#111827; margin:0 6px 8px 0 } .khadamat-form .jet-form-builder__required{ color:#ef4444; margin-right:4px } /* inputs */ .khadamat-form input[type="text"], .khadamat-form input[type="email"], .khadamat-form input[type="tel"], .khadamat-form input[type="number"], .khadamat-form input[type="url"], .khadamat-form input[type="search"], .khadamat-form select, .khadamat-form textarea{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; font-size:14px; color:#111827; outline:0; box-shadow:0 1px 0 rgba(0,0,0,.02); transition:border-color .2s ease,box-shadow .2s ease; } .khadamat-form ::placeholder{color:#9ca3af} .khadamat-form input:focus, .khadamat-form select:focus, .khadamat-form textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 4px rgba(59,130,246,.15) } .khadamat-form textarea{ min-height:140px; resize:vertical } /* pills (radio/checkbox) */ .khadamat-form .jet-form-builder__field input[type="radio"], .khadamat-form .jet-form-builder__field input[type="checkbox"]{ position:absolute; opacity:0 } .khadamat-form .jet-form-builder__field label{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; cursor:pointer; font-size:13px; font-weight:700; transition:.15s } .khadamat-form .jet-form-builder__field input:checked + label{ border-color:#3b82f6; background:rgba(59,130,246,.08); box-shadow:0 0 0 4px rgba(59,130,246,.12) } /* file upload */ .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap, .khadamat-form .jet-form-builder-file-upload{ border:2px dashed #d1d5db; border-radius:16px; background:#f3f4f6; padding:18px; text-align:center } .khadamat-form input[type="file"]{ width:100%; max-width:360px; margin:8px auto 0; border:0; background:transparent; padding:0 } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button{ border:1px solid #d1d5db; background:#fff; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; margin-left:10px } .khadamat-form input[type="file"]::file-.elementor-542 .elementor-element.elementor-element-fb4fc89-button:hover{ box-shadow:0 10px 22px rgba(0,0,0,.06) } /* field description */ .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin-top:10px; font-size:12px; color:#6b7280; font-weight:600; text-align:center } /* submit */ .khadamat-form button[type="submit"], .khadamat-form input[type="submit"]{ background:#2563eb; color:#fff; border:0; border-radius:999px; padding:14px 26px; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.25); transition:.15s } .khadamat-form button[type="submit"]:hover, .khadamat-form input[type="submit"]:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(37,99,235,.30) } /* mobile */ @media (max-width:768px){ .khadamat-form .jet-form-builder{line-height:1.1!important} .khadamat-form .jet-form-builder__row{gap:0!important;margin:0!important;padding:0!important} .khadamat-form .jet-form-builder__field-wrap{margin:2px 0!important;padding:0!important} .khadamat-form .jet-form-builder__label, .khadamat-form label{ margin:0 0 1px!important; padding:0!important; line-height:1!important; font-size:11.5px!important } .khadamat-form .jet-form-builder__field label{width:100%} .khadamat-form input, .khadamat-form select{ margin:0!important; padding:6px 9px!important; height:auto!important; font-size:13px!important } .khadamat-form textarea{ min-height:70px!important; margin:0!important; padding:6px 9px!important } .khadamat-form .jet-form-builder__desc, .khadamat-form .jet-form-builder__field-description{ margin:1px 0 0!important; line-height:1!important; font-size:10px!important } .khadamat-form .jet-form-builder__file-field, .khadamat-form .jet-form-builder__file-wrap{ padding:6px!important; margin:2px 0!important } .khadamat-form button[type="submit"]{ margin-top:6px!important; padding:9px!important; font-size:13px!important } } /* ===== Dropdown options RTL + Zebra (Native Select) ===== */ .khadamat-form select, .khadamat-form select option{ direction: rtl !important; text-align: right !important; } /* یکی درمیون تیره‌تر */ .khadamat-form select option:nth-child(odd){ background: #ffffff !important; } .khadamat-form select option:nth-child(even){ background: #f3f4f6 !important; /* یکمی تیره‌تر */ } /* اگر حالت hover رو مرورگر اجازه بده */ .khadamat-form select option:hover{ background: #e5e7eb !important; }/* End custom CSS */ /* Start custom CSS for jet-engine-booking-form, class: .elementor-element-e8d3dc8 */.jet-form { max-width: 1200px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); direction: rtl; font-family: inherit; } /* ===== Rows ===== */ .jet-form-row { gap: 16px; margin-bottom: 18px; } /* ===== Labels ===== */ .jet-form__label-text { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; display: inline-block; } /* ===== Inputs ===== */ .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 14px; transition: all 0.25s ease; } .jet-form__field:focus { outline: none; background: #fff; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15); } /* ===== Textarea ===== */ .jet-form__field.textarea-field { min-height: 120px; resize: vertical; } /* ===== Radio Buttons ===== */ .checkradio-wrap { display: flex; gap: 12px; } .jet-form__field-label { padding: 10px 16px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer; font-size: 14px; transition: all 0.25s ease; } .jet-form__field-label input { display: none; } .jet-form__field-label:has(input:checked) { background: #2563eb; color: #fff; border-color: #2563eb; } /* ===== File Upload ===== */ .jet-engine-file-upload { border: 2px dashed #e5e7eb; border-radius: 14px; padding: 20px; background: #f9fafb; text-align: center; transition: all 0.3s ease; } .jet-engine-file-upload:hover { border-color: #2563eb; background: #eef2ff; } .jet-engine-file-upload__message { margin-top: 10px; font-size: 12px; color: #6b7280; } /* ===== Submit Button ===== */ .jet-form__submit-wrap { text-align: center; } .jet-form__submit { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; padding: 14px 40px; border-radius: 999px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all 0.3s ease; } .jet-form__submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(37,99,235,0.35); } /* ===== Required Star ===== */ .jet-form__required { color: #ef4444; margin-right: 4px; } /* ===================================================== JET ENGINE FORM – ERROR ONLY AFTER SUBMIT (CSS ONLY) - Messages hidden until they have content - Invalid fields highlight ONLY after submit ===================================================== */ /* 1) Hide form messages before submit (when empty) */ .jet-form .jet-form-messages-wrap:empty, .jet-form .jet-form__messages-wrap:empty, .jet-form .jet-form-messages:empty, .jet-form .jet-form__messages:empty { display: none !important; } /* 2) Trigger condition: after submit, messages container is NOT empty */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15); animation: jetFieldShake 0.35s ease; } /* 3) Radio / Checkbox error ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .is-invalid .jet-form__field-label, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .checkradio-wrap.is-invalid .jet-form__field-label { border-color: #ef4444; background: #fef2f2; color: #991b1b; animation: jetFieldShake 0.35s ease; } /* 4) Error text style (if shown) */ .jet-form .jet-form__error { color: #ef4444; font-size: 12px; margin-top: 4px; } /* 5) Shake animation */ @keyframes jetFieldShake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } /* ===== Responsive (Mobile Only) ===== */ @media (max-width: 768px) { /* فرم کلی */ .jet-form { margin: 16px auto; padding: 10px; border-radius: 12px; } .jet-form-row { gap: 8px; margin-bottom: 10px; } .jet-form__label-text { font-size: 13px; margin-bottom: 4px; } .jet-form__field.text-field, .jet-form__field.textarea-field, .jet-form__field.number-field { padding: 8px 10px; font-size: 12px; border-radius: 10px; } .jet-form__field.textarea-field { min-height: 70px; } .checkradio-wrap { gap: 8px; flex-wrap: wrap; } .jet-form__field-label { padding: 8px 12px; font-size: 12px; } .jet-form__submit { padding: 10px 22px; font-size: 13px; } /* ===== FORCE mobile upload box to be short ===== */ .jet-form .jet-engine-file-upload{ padding: 12px !important; height: auto !important; min-height: 0 !important; } .jet-form .jet-engine-file-upload__dropzone, .jet-form .jet-engine-file-upload__container, .jet-form .jet-engine-file-upload__inner, .jet-form .jet-engine-file-upload__content, .jet-form .jet-engine-file-upload .jet-engine-file-upload__control, .jet-form .jet-engine-file-upload .jet-engine-file-upload__wrapper{ height: 120px !important; /* اگر خواستی کمتر: 100px */ min-height: 120px !important; max-height: 120px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; box-sizing: border-box !important; } .jet-form .jet-engine-file-upload__dropzone::before, .jet-form .jet-engine-file-upload__container::before, .jet-form .jet-engine-file-upload__inner::before{ content: none !important; display: none !important; padding: 0 !important; height: 0 !important; } .jet-form .jet-engine-file-upload input[type="file"]{ width: 100% !important; max-width: 220px !important; font-size: 12px !important; } .jet-form .jet-engine-file-upload__message{ font-size: 11px !important; margin-top: 4px !important; line-height: 1.4 !important; } /* ===== Upload preview: 2 images per row ===== */ .jet-form .jet-engine-file-upload__files, .jet-form .jet-engine-file-upload ul{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .jet-form .jet-engine-file-upload__file, .jet-form .jet-engine-file-upload li{ width: calc(50% - 4px) !important; margin: 0 !important; } .jet-form .jet-engine-file-upload img{ width: 100% !important; height: 80px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } /* 6) MOBILE – softer shake ONLY after submit */ .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field.is-invalid, .jet-form:has( .jet-form-messages-wrap:not(:empty), .jet-form__messages-wrap:not(:empty), .jet-form-messages:not(:empty), .jet-form__messages:not(:empty) ) .jet-form__field:invalid { animation-duration: 0.25s; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'iranyekan'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://khadamatiranian.com/wp-content/uploads/2025/12/IRANSansX-Regular.eot'); src: url('https://khadamatiranian.com/wp-content/uploads/2025/12/IRANSansX-Regular.eot?#iefix') format('embedded-opentype'), url('https://khadamatiranian.com/wp-content/uploads/2025/12/Qs_Iranyekan-black-1.woff2') format('woff2'), url('https://khadamatiranian.com/wp-content/uploads/2025/12/Qs_Iranyekan-black-2.woff') format('woff'), url('https://khadamatiranian.com/wp-content/uploads/2025/12/IRANSansX-Regular.ttf') format('truetype'), url('https://khadamatiranian.com/wp-content/uploads/2025/12/IRANSansX-Regular.svg#iranyekan') format('svg'); } /* End Custom Fonts CSS */