.elementor-8 .elementor-element.elementor-element-0ef9ac4{--grid-columns:1;}.elementor-8 .elementor-element.elementor-element-63c0556{--display:flex;--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-8 .elementor-element.elementor-element-3dffbcd > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-8 .elementor-element.elementor-element-3dffbcd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-470f5fe{--display:flex;--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-8 .elementor-element.elementor-element-65e6971 .jet-calendar-caption{background-color:var( --e-global-color-b01efa1 );border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-caption__name{color:var( --e-global-color-48a42ab );font-family:"Fraunces", Sans-serif;font-size:22px;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-caption__wrap{gap:0px;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-nav__link{font-size:42px;color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-header__week-day{background-color:var( --e-global-color-b01efa1 );color:var( --e-global-color-2bf0a61 );font-family:"Saira", Sans-serif;border-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-header__week-day:first-child{border-radius:10px 0 0 10px;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-header__week-day:last-child{border-radius:0 10px 10px 0;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day{background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-grid .jet-calendar-week .jet-calendar-week__day{border-color:#CD6E3357;}.elementor-8 .elementor-element.elementor-element-65e6971 tbody .jet-calendar-week:first-child .jet-calendar-week__day:first-child{border-radius:10px 0 0 0;}.elementor-8 .elementor-element.elementor-element-65e6971 tbody .jet-calendar-week:first-child .jet-calendar-week__day:last-child{border-radius:0 10px 0 0;}.elementor-8 .elementor-element.elementor-element-65e6971 tbody .jet-calendar-week:last-child .jet-calendar-week__day:first-child{border-radius:0 0 0 10px;}.elementor-8 .elementor-element.elementor-element-65e6971 tbody .jet-calendar-week:last-child .jet-calendar-week__day:last-child{border-radius:0 0 10px 0;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day-date{color:var( --e-global-color-2bf0a61 );font-family:"Saira", Sans-serif;justify-content:center;width:41px;height:41px;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-65e6971 .has-events .jet-calendar-week__day-date{color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day.current-day{background-color:var( --e-global-color-e58f642 );}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day.current-day .jet-calendar-week__day-date{color:var( --e-global-color-2bf0a61 );border-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day.day-pad{opacity:0.2;background-color:var( --e-global-color-e58f642 );border-color:#CD6E336B;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day.day-pad .jet-calendar-week__day-date{color:var( --e-global-color-2bf0a61 );border-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day-mobile-trigger{background-color:var( --e-global-color-48a42ab );width:15px;height:15px;border-radius:99px 99px 99px 99px;margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-65e6971 .calendar-event-active .jet-calendar-week__day-mobile-trigger{background-color:var( --e-global-color-e58f642 );}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day-mobile-wrap{justify-content:flex-end;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day-mobile-event{margin:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-a518fae{--iteration-count:infinite;--dynamic-text-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-a518fae .elementor-headline{text-align:start;font-family:"Fraunces", Sans-serif;font-size:42px;font-weight:600;}.elementor-8 .elementor-element.elementor-element-a518fae .elementor-headline-plain-text{color:var( --e-global-color-2bf0a61 );}.elementor-8 .elementor-element.elementor-element-a518fae .elementor-headline-dynamic-text{font-family:var( --e-global-typography-72677b2-font-family ), Sans-serif;font-weight:var( --e-global-typography-72677b2-font-weight );}.elementor-8 .elementor-element.elementor-element-ece6bfe{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-8 .elementor-element.elementor-element-b65a781{--display:flex;border-style:none;--border-style:none;}.elementor-8 .elementor-element.elementor-element-15b4707 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__label{margin:10px 0px 10px 0px;text-align:left;font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-2bf0a61 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__label .jet-form-builder__required{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__desc{text-align:left;font-family:"Saira", Sans-serif;font-size:12px;color:#F2EDE9CC;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__fields-group{flex-direction:row;gap:2em 2em;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap label{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-2bf0a61 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap.checkradio-wrap span{gap:10px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap span::before{font-size:14px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:24px 24px 24px 24px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap label.jet-form-builder__field-label > span::before{background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap label :not(:disabled):not(:checked):hover + span::before{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:99px 99px 99px 99px;background-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap label :focus:not(:checked) + span::before{border-style:dashed;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap label :checked + span::before{background-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-family:"Saira", Sans-serif;font-size:14px;color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-b01efa1 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:99px 99px 99px 99px;max-width:100%;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder ::-webkit-input-placeholder{color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder ::-ms-input-placeholder{color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder ::-moz-placeholder{color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder :-moz-placeholder{color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field.textarea-field{height:250px;min-height:250px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder input{color-scheme:dark;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__calculated-field{border-style:none;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__heading{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-2bf0a61 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__heading-desc{font-family:"Saira", Sans-serif;font-size:14px;color:#F2EDE9E0;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-repeater__new{color:var( --e-global-color-2bf0a61 );font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__action-button{background-color:var( --e-global-color-48a42ab );color:var( --e-global-color-b01efa1 );transition:all 0.3s;font-family:"Saira", Sans-serif;border-style:solid;border-radius:99px 99px 99px 99px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__action-button:hover{background-color:var( --e-global-color-e58f642 );color:var( --e-global-color-2bf0a61 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__submit-wrap{justify-content:stretch;align-items:stretch;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__submit-wrap > .jet-form-builder__submit{width:100%;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__submit{justify-content:center;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__next-page-wrap{text-align:left;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__next-page{padding:0.7em 3em 0.7em 3em;font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );border-style:none;border-radius:99px 99px 99px 99px;color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__next-page:hover{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:99px 99px 99px 99px;color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__next-page:disabled{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );border-style:dashed;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:1px 1px 1px 1px;color:var( --e-global-color-eb4f14f );background-color:var( --e-global-color-e58f642 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__prev-page{padding:0.7em 3em 0.7em 3em;font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:99px 99px 99px 99px;color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__prev-page:hover{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );border-radius:99px 99px 99px 99px;color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-message--success{text-align:center;font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-message--error{text-align:center;font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-48a42ab );background-color:var( --e-global-color-b01efa1 );border-style:solid;border-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-address-autocomplete + .jet-adr-list{padding:10px 10px 10px 10px;max-height:250px;text-align:left;font-family:"Saira", Sans-serif;font-size:14px;background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-address-autocomplete + .jet-adr-list li:not(:first-child){border-style:solid;border-width:1px 0 0 0;border-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-address-autocomplete + .jet-adr-list li{color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-703249f{--display:flex;}.elementor-8 .elementor-element.elementor-element-9d86c9f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__label{margin:10px 0px 10px 0px;text-align:left;font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-2bf0a61 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__label .jet-form-builder__required{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__desc{text-align:left;font-family:"Saira", Sans-serif;font-size:12px;color:#F2EDE9CC;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__fields-group{flex-direction:row;gap:2em 2em;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap label{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-2bf0a61 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap.checkradio-wrap span{gap:10px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap span::before{font-size:14px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:24px 24px 24px 24px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap label.jet-form-builder__field-label > span::before{background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap label :not(:disabled):not(:checked):hover + span::before{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:99px 99px 99px 99px;background-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap label :focus:not(:checked) + span::before{border-style:dashed;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap label :checked + span::before{background-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-family:"Saira", Sans-serif;font-size:14px;color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-b01efa1 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:10px 10px 10px 10px;max-width:100%;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder ::-webkit-input-placeholder{color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder ::-ms-input-placeholder{color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder ::-moz-placeholder{color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder :-moz-placeholder{color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field.textarea-field{height:250px;min-height:250px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder input{color-scheme:dark;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__calculated-field{border-style:none;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__heading{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-2bf0a61 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__heading-desc{font-family:"Saira", Sans-serif;font-size:14px;color:#F2EDE9E0;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder-repeater__new{color:var( --e-global-color-2bf0a61 );font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__action-button{background-color:var( --e-global-color-48a42ab );color:var( --e-global-color-b01efa1 );transition:all 0.3s;font-family:"Saira", Sans-serif;border-style:solid;border-radius:99px 99px 99px 99px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__action-button:hover{background-color:var( --e-global-color-e58f642 );color:var( --e-global-color-2bf0a61 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__submit-wrap{justify-content:stretch;align-items:stretch;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__submit-wrap > .jet-form-builder__submit{width:100%;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__submit{justify-content:center;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__next-page-wrap{text-align:left;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__next-page{padding:0.7em 3em 0.7em 3em;font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );border-style:none;border-radius:99px 99px 99px 99px;color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__next-page:hover{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:99px 99px 99px 99px;color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__next-page:disabled{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );border-style:dashed;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:1px 1px 1px 1px;color:var( --e-global-color-eb4f14f );background-color:var( --e-global-color-e58f642 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__prev-page{padding:0.7em 3em 0.7em 3em;font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );border-radius:99px 99px 99px 99px;color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__prev-page:hover{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );border-radius:99px 99px 99px 99px;color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder-message--success{text-align:center;font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder-message--error{text-align:center;font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;font-size:var( --e-global-typography-74ff4b7-font-size );color:var( --e-global-color-48a42ab );background-color:var( --e-global-color-b01efa1 );border-style:solid;border-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-address-autocomplete + .jet-adr-list{padding:10px 10px 10px 10px;max-height:250px;text-align:left;font-family:"Saira", Sans-serif;font-size:14px;background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-address-autocomplete + .jet-adr-list li:not(:first-child){border-style:solid;border-width:1px 0 0 0;border-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-address-autocomplete + .jet-adr-list li{color:var( --e-global-color-2bf0a61 );background-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-16e0e70{--n-accordion-title-font-size:var( --e-global-typography-74ff4b7-font-size );--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:15px;--n-accordion-border-radius:99px 99px 99px 99px;--n-accordion-title-normal-color:var( --e-global-color-2bf0a61 );--n-accordion-title-hover-color:var( --e-global-color-2bf0a61 );--n-accordion-title-active-color:var( --e-global-color-2bf0a61 );--n-accordion-icon-size:14px;--n-accordion-icon-gap:15px;--n-accordion-icon-normal-color:var( --e-global-color-48a42ab );--n-accordion-icon-hover-color:var( --e-global-color-b01efa1 );--n-accordion-icon-active-color:var( --e-global-color-b01efa1 );}.elementor-8 .elementor-element.elementor-element-16e0e70 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-e58f642 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-16e0e70 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:var( --e-global-color-48a42ab );}.elementor-8 .elementor-element.elementor-element-16e0e70 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:transparent;background-image:linear-gradient(126deg, var( --e-global-color-48a42ab ) 0%, var( --e-global-color-eb4f14f ) 100%);}:where( .elementor-8 .elementor-element.elementor-element-16e0e70 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:var( --e-global-color-e58f642 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b01efa1 );--border-radius:10px 10px 10px 10px;--padding-top:50px;--padding-right:50px;--padding-bottom:50px;--padding-left:50px;}:where( .elementor-8 .elementor-element.elementor-element-16e0e70 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-74ff4b7-font-family ), Sans-serif;}body.elementor-page-8:not(.elementor-motion-effects-element-type-background), body.elementor-page-8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(94deg, var( --e-global-color-b01efa1 ) 0%, var( --e-global-color-e58f642 ) 100%);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-63c0556{--width:100%;}.elementor-8 .elementor-element.elementor-element-470f5fe{--width:100%;}}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-0ef9ac4{--grid-columns:1;}.elementor-8 .elementor-element.elementor-element-a518fae .elementor-headline{line-height:0.8em;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-row{margin-top:5px;margin-bottom:5px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__label{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__label .jet-form-builder__required{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap label{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap span::before{font-size:14px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__heading{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-repeater__new{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__next-page{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__next-page:hover{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__next-page:disabled{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__prev-page{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__prev-page:hover{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-message--success{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-message--error{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__label{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__label .jet-form-builder__required{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap label{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap span::before{font-size:14px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__heading{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder-repeater__new{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__next-page{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__next-page:hover{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__next-page:disabled{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__prev-page{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__prev-page:hover{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder-message--success{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder-message--error{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-16e0e70{--n-accordion-title-font-size:var( --e-global-typography-74ff4b7-font-size );}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-0ef9ac4{--grid-columns:1;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-caption__name{font-size:18px;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-caption__wrap{gap:0px;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-header__week-day{font-size:16px;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day-event + .jet-calendar-week__day-event{margin-top:1px;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week .jet-calendar-week__day{border:0.2px solid;border-right-width:0;border-bottom-width:0;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week .jet-calendar-week__day:last-child{border-right-width:0.2px;}.elementor-8 .elementor-element.elementor-element-65e6971 tbody .jet-calendar-week:last-child .jet-calendar-week__day{border-bottom-width:0.2px;}.elementor-8 .elementor-element.elementor-element-65e6971 tbody .jet-calendar-week:first-child .jet-calendar-week__day:first-child{border-radius:10px 0 0 0;}.elementor-8 .elementor-element.elementor-element-65e6971 tbody .jet-calendar-week:first-child .jet-calendar-week__day:last-child{border-radius:0 10px 0 0;}.elementor-8 .elementor-element.elementor-element-65e6971 tbody .jet-calendar-week:last-child .jet-calendar-week__day:first-child{border-radius:0 0 0 10px;}.elementor-8 .elementor-element.elementor-element-65e6971 tbody .jet-calendar-week:last-child .jet-calendar-week__day:last-child{border-radius:0 0 10px 0;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day-date{font-size:14px;justify-content:center;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day-header{justify-content:center;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day-mobile-wrap{justify-content:center;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day-mobile-trigger{border-radius:99px 99px 99px 99px;margin:5px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-65e6971 .jet-calendar-week__day-mobile-event{margin:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-a518fae .elementor-headline{font-size:32px;line-height:0.8em;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-row{margin-top:2px;margin-bottom:2px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__label{margin:5px 0px 5px 0px;text-align:left;font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__label .jet-form-builder__required{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__desc{font-size:12px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__fields-group{flex-direction:column;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap label{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap.checkradio-wrap span{gap:2px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap span::before{font-size:14px;border-radius:99px 99px 99px 99px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field-wrap label :checked + span::before{border-radius:99px 99px 99px 99px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-size:14px;border-radius:99px 99px 99px 99px;max-width:100%;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__field.textarea-field{height:200px;min-height:200px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__heading{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__heading-desc{font-size:14px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-repeater__new{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__action-button{transition:all 16px;font-size:14px;border-width:1px 1px 1px 1px;border-radius:99px 99px 99px 99px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__submit-wrap{justify-content:stretch;align-items:stretch;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__next-page{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__next-page:hover{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__next-page:disabled{font-size:var( --e-global-typography-74ff4b7-font-size );border-radius:99px 99px 99px 99px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__prev-page{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder__prev-page:hover{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-message--success{text-align:center;font-size:var( --e-global-typography-74ff4b7-font-size );border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-15b4707 .jet-form-builder-message--error{font-size:var( --e-global-typography-74ff4b7-font-size );border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder-row{margin-top:2px;margin-bottom:2px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__label{margin:5px 0px 5px 0px;text-align:left;font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__label .jet-form-builder__required{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__desc{font-size:12px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__fields-group{flex-direction:column;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap label{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap.checkradio-wrap span{gap:2px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap span::before{font-size:14px;border-radius:99px 99px 99px 99px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field-wrap label :checked + span::before{border-radius:99px 99px 99px 99px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-size:14px;border-radius:99px 99px 99px 99px;max-width:100%;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__field.textarea-field{height:200px;min-height:200px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__heading{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__heading-desc{font-size:14px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder-repeater__new{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__action-button{transition:all 16px;font-size:14px;border-width:1px 1px 1px 1px;border-radius:99px 99px 99px 99px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__submit-wrap{justify-content:stretch;align-items:stretch;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__next-page{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__next-page:hover{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__next-page:disabled{font-size:var( --e-global-typography-74ff4b7-font-size );border-radius:99px 99px 99px 99px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__prev-page{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder__prev-page:hover{font-size:var( --e-global-typography-74ff4b7-font-size );}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder-message--success{text-align:center;font-size:var( --e-global-typography-74ff4b7-font-size );border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-9d86c9f .jet-form-builder-message--error{font-size:var( --e-global-typography-74ff4b7-font-size );border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-16e0e70{--n-accordion-title-font-size:var( --e-global-typography-74ff4b7-font-size );}:where( .elementor-8 .elementor-element.elementor-element-16e0e70 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-width:1px 1px 1px 1px;--padding-top:15px;--padding-right:15px;--padding-bottom:15px;--padding-left:15px;}}/* Start custom CSS for jet-listing-calendar, class: .elementor-element-65e6971 */.jet-calendar-week__day-content {
  display: none;
}
.jet-calendar-week__day-mobile-wrap {
  display: block;
}/* End custom CSS */
/* Start custom CSS for jet-form-builder-form, class: .elementor-element-15b4707 *//* Target only the main WordPress buttons inside your content area */
.style-wysiwyg .wp-core-ui .button {
    background: linear-gradient(135deg, #CD6E33, #C77B49)!important; 
    color: #F2EDE9!important;            /* Lyse tekstfargen din */
    border: none!important; 
    border-radius: 99px!important;   
    padding: 6px 14px;                 /* Behagelig luft rundt teksten */
    font-weight: 500;   
    transition: all 0.3s ease; 
    box-shadow: 0 2px 4px rgba(23, 21, 22, 0.4); 
    margin-bottom: 15px !important; 
    display: inline-block;             /* Gjør at padding og margin oppfører seg pent */
}

/* Hover-tilstand for kun denne knappen */
.style-wysiwyg .wp-core-ui .button:hover {
    background: linear-gradient(135deg, #C77B49, #CD6E33)!important; 
    color: #ffffff!important;          /* Ren hvit tekst på hover */
    cursor: pointer;                   /* Peker-ikon */
    box-shadow: 0 4px 8px rgba(16, 14, 11, 0.6); /* Dypere skygge */
}

input[type="file" i] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #171516 !important;
    border: 1px solid #100E0B !important;
    color: #F2EDE9 !important;
    padding: 10px !important;
    border-radius: 99pxpx !important;
    width: 100% !important;
}

/* 2. Focus State */
input[type="file" i]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Button Customization (Standard) */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-15b4707-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 4. Button Customization (WebKit Webkit Engine Backup) */
input[type="file" i]::-webkit-file-upload-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 5. Hover Effects */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-15b4707-button:hover {
    opacity: 0.9 !important;
}
input[type="file" i]::-webkit-file-upload-button:hover {
    opacity: 0.9 !important;
}

small {
    color: #fffff7!important;
}

.mce-menu .mce-menu-item:nth-child(2),
.mce-menu .mce-menu-item:nth-child(3) {
    display: none !important;
}
/* 1. Gi selve rullegardinmenyen din nyanse-sort bakgrunn og mørk ramme */
.mce-menu {
    background-color: #171516 !important; /* Nyanse sort */
    border: 1px solid #100E0B !important;  /* Hoved sort ramme */
    border-radius: 4px !important;
    padding: 5px 0 !important;
}

/* 2. Tving teksten inni menyen til å bruke din lyse tekstfarge */
.mce-menu .mce-menu-item .mce-text {
    color: #F2EDE9 !important; /* Din lyse tekstfarge */
}

/* 3. Styling når man holder musen over et valg (Hover / Aktiv tilstand) */
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-active,
.mce-menu .mce-menu-item:focus {
    background-color: #CD6E33 !important; /* Din hovedfarge som bakgrunn på hover */
}

/* Sørg for at teksten forblir lys og pen også når man hoverer */
.mce-menu .mce-menu-item:hover .mce-text,
.mce-menu .mce-menu-item.mce-active .mce-text {
    color: #F2EDE9 !important;
}

.heading {
    font-family: 'Fraunces', serif !important;
    font-size: 32px !important;
    color: #F2EDE9; /* Din lyse tekstfarge fra tidligere */
    font-weight: 700; /* Tykkelsen på skriften (bold). Kan endres til f.eks 400 for tynnere */
    line-height: 1.2; /* Sørger for at linjeavstanden er tett og pen hvis tittelen er lang */
    margin-bottom: 5px;
    margin-top: 50px;/* Litt luft under tittelen ned til neste element */
}

/* 1. The Outer Container (The Card Background) */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar {
    /* Soft, 8% tinted background using your theme's accent color (defaults to a soft light orange if not found) */
    background-color: rgba(16, 14, 11, 100) !important; 
    
    /* Your requested 10px soft borders */
    border-radius: 10px !important;
    
    /* Breathing room inside the card */
    padding: 16px 20px !important;
    
    /* A very clean, micro-border outline for a crisp 2026 look */
    border: 1px solid rgba(205, 110, 51, 0.25) !important;
    
    /* Subtle depth shadow */
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.03) !important;
    
    /* Smooth entrance animation */
    animation: subtlePopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. The Input Inside (Now blending into the card perfectly) */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar input {
    background-color: transparent !important; /* Transparent so the card color shows through */
    color: var(--e-global-color-accent, #ff5722) !important; /* Uses your theme color for the text */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    pointer-events: none; /* Keeps it strictly informational */
}

/* 3. Ensure the JetFormBuilder label doesn't mess with the card spacing */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar .jet-form-builder__label {
    display: none;
}

/* 4. The Entrance Animation */
@keyframes subtlePopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px) scale(0.98); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

/* 1. The Warning Container Card */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning {
    /* Your exact brand colors */
    background-color: #CD6E33 !important; 
    
    /* 10px soft borders for continuity */
    border-radius: 10px !important;
    
    /* Frame styling optimized for the new dark background */
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    /* Internal spacing */
    padding: 16px 20px !important;
    
    /* Layout alignment */
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    margin: 16px 0 !important;
    
    /* Adjusted shadow to complement the solid dark box */
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. All text inside (Headings, bold text, paragraphs, and spans) */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning strong,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning b,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning h4,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning p,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning span {
    color: #F2EDE9 !important; /* Your light brand text color */
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* 3. Increase font-weight slightly for headings to stand out on the solid background */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning strong,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning b,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning h4 {
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em;
}

.elementor-8 .elementor-element.elementor-element-15b4707 .warning p,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning span {
    font-size: 14px !important;
    opacity: 0.95; /* Marginally softens the body text for better readability */
}

/* 4. Keeps icons perfectly matched to your text color */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning i,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning svg {
    color: #F2EDE9 !important;
    fill: #F2EDE9 !important;
    flex-shrink: 0;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.elementor-8 .elementor-element.elementor-element-15b4707.warning,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning {
    background-color: #CD6E33 !important; 
    border-radius: 10px !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    padding: 16px 20px !important;
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    margin: 16px 0 !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder's Specific Heading Title */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.warning h1, .elementor-8 .elementor-element.elementor-element-15b4707.warning h2, .elementor-8 .elementor-element.elementor-element-15b4707.warning h3, .elementor-8 .elementor-element.elementor-element-15b4707.warning h4 {
    color: #F2EDE9 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target JetFormBuilder's Specific Heading Description (If you use it) */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707.warning p, .elementor-8 .elementor-element.elementor-element-15b4707.warning span {
    color: #F2EDE9 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 4. Target the outer block wrapper to strip any hidden form backgrounds */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. The Subtle Dark Success Container Card */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent {
    /* Your exact dark background theme color */
    background-color: #171516 !important; 
    
    border-radius: 10px !important;
    
    /* Crisp micro-border using your brand orange at a soft 20% opacity */
    border: 1px solid rgba(205, 110, 51, 0.2) !important;
    /* Clean brand orange left anchor line for the detail accent */
    border-left: 4px solid #CD6E33 !important; 
    
    padding: 16px 20px !important;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 !important;
    
    /* A deep dark shadow so it sits naturally over the dark canvas */
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.4) !important;
    
    /* Smooth entrance animation */
    animation: successPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder & Elementor Headings (Using your brand orange for the detail pop) */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent h1, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h2, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h3, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h4 {
    color: #CD6E33 !important; /* Brand orange detail color */
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target Body Text/Descriptions (Using your light theme text color) */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .elementor-text-editor,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .elementor-text-editor *,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent p, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent span {
    color: #F2EDE9 !important; /* Your light text color */
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95; /* Subtle blend for modern typography hierarchy */
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. Strip outer form wrappers of hidden default backgrounds */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Keep Icons matching your brand orange detail color */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent i,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent svg {
    color: #CD6E33 !important;
    fill: #CD6E33 !important;
    flex-shrink: 0;
}

/* 6. Success Animation Keyframes */
@keyframes successPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. Establish the layout framework for the field container */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris .jet-form-builder__field-wrap,
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris .jet-form-builder__field-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. Format the Input Field itself */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type="number"],
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris input[type="number"] {
    background-color: #171516 !important;
    color: #F2EDE9 !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-radius: 10px !important;
    padding: 14px 45px 14px 16px !important; /* Generous right padding to prevent text overlapping the "kr" */
    font-weight: 600 !important;
    font-size: 16px !important;
    width: 100% !important;
    transition: border-color 0.2s ease;
}

/* Accent highlight when the user clicks inside the price field */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type="number"]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Inject the "kr" suffix using CSS */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris .jet-form-builder__field-wrap::after,
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris .jet-form-builder__field-wrap::after {
    content: "kr" !important;
    position: absolute !important;
    right: 18px !important; /* Snaps the text inside the right boundary of the field */
    color: #CD6E33 !important; /* Uses your detail color to draw attention to the currency */
    font-weight: 700 !important;
    font-size: 15px !important;
    pointer-events: none !important; /* Allows clicks to pass through straight to the input box */
}

/* 4. Clean up: Hide the ugly browser default spin arrows on dark mode */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input::-webkit-outer-spin-button,
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type=number] {
    -moz-appearance: textfield !important;
}

/* 1. Selve input-feltet hvor man skriver inn adressen */

.adresse input {

    background-color: #100E0B !important;

    color: #F2EDE9 !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    padding: 12px 15px;

}



/* Fargen på hjelpeteksten (placeholder) inni feltet */

.adresse input::placeholder {

    color: rgba(242, 237, 233, 0.5) !important;

}



/* 2. Selve dropdown-boksen (Listen som fylles med adresser) */

.jet-adr-list {

    background-color: #100E0B !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);

    margin-top: 4px;

    padding: 0;

    list-style: none;

    overflow: hidden;

    z-index: 9999; /* Sørger for at den legger seg oppå alt annet innhold */

}



/* 3. De individuelle radene/adresseforslagene inni listen */

.jet-adr-list-item, 

.jet-adr-list li {

    background-color: #100E0B !important; /* Låser bakgrunnen til mørk i vanlig tilstand */

    color: #F2EDE9 !important;

    padding: 10px 14px;

    font-size: 14px;

    cursor: pointer;

    border-bottom: 1px solid rgba(205, 110, 51, 0.15) !important; /* Svak oransje linje mellom adresser */

    transition: background-color 0.2s ease;

}



/* Fjerner den siste skillelinjen i bunnen av boksen */

.jet-adr-list-item:last-child,

.jet-adr-list li:last-child {

    border-bottom: none !important;

}



/* Når du holder musen over en adresse i listen (Hover-tilstand) */

.jet-adr-list-item:hover,

.jet-adr-list li:hover {

    background-color: rgba(205, 110, 51, 0.2) !important; /* Elegant oransje glød som markering */

    color: #F2EDE9 !important;

}


.jet-adr-list-item strong,

.jet-adr-list-item b {

    color: #CD6E33 !important; /* Gjør treffet oransje */

    font-weight: 600;

}
.dato_felt {
    width: 70%!important;
}

.jet-form-builder__field-wrap.phone-field-wrap .iti__country-list {
  background-color: #171516!important;
  border: 1px solid #CD6E33!important;
  border-radius: 2px;
}

.cb-k5xnqk5s .jet-form-builder__field-wrap .iti__selected-country .iti__selected-dial-code {
    color: #F2EDE9!important;
}/* End custom CSS */
/* Start custom CSS for jet-form-builder-form, class: .elementor-element-9d86c9f *//* Target only the main WordPress buttons inside your content area */
.style-wysiwyg .wp-core-ui .button {
    background: linear-gradient(135deg, #CD6E33, #C77B49)!important; 
    color: #F2EDE9!important;            /* Lyse tekstfargen din */
    border: none!important; 
    border-radius: 99px!important;   
    padding: 6px 14px;                 /* Behagelig luft rundt teksten */
    font-weight: 500;   
    transition: all 0.3s ease; 
    box-shadow: 0 2px 4px rgba(23, 21, 22, 0.4); 
    margin-bottom: 15px !important; 
    display: inline-block;             /* Gjør at padding og margin oppfører seg pent */
}

/* Hover-tilstand for kun denne knappen */
.style-wysiwyg .wp-core-ui .button:hover {
    background: linear-gradient(135deg, #C77B49, #CD6E33)!important; 
    color: #ffffff!important;          /* Ren hvit tekst på hover */
    cursor: pointer;                   /* Peker-ikon */
    box-shadow: 0 4px 8px rgba(16, 14, 11, 0.6); /* Dypere skygge */
}

input[type="file" i] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #171516 !important;
    border: 1px solid #100E0B !important;
    color: #F2EDE9 !important;
    padding: 10px !important;
    border-radius: 99pxpx !important;
    width: 100% !important;
}

/* 2. Focus State */
input[type="file" i]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Button Customization (Standard) */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-9d86c9f-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 4. Button Customization (WebKit Webkit Engine Backup) */
input[type="file" i]::-webkit-file-upload-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 5. Hover Effects */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-9d86c9f-button:hover {
    opacity: 0.9 !important;
}
input[type="file" i]::-webkit-file-upload-button:hover {
    opacity: 0.9 !important;
}

small {
    color: #fffff7!important;
}

.mce-menu .mce-menu-item:nth-child(2),
.mce-menu .mce-menu-item:nth-child(3) {
    display: none !important;
}
/* 1. Gi selve rullegardinmenyen din nyanse-sort bakgrunn og mørk ramme */
.mce-menu {
    background-color: #171516 !important; /* Nyanse sort */
    border: 1px solid #100E0B !important;  /* Hoved sort ramme */
    border-radius: 4px !important;
    padding: 5px 0 !important;
}

/* 2. Tving teksten inni menyen til å bruke din lyse tekstfarge */
.mce-menu .mce-menu-item .mce-text {
    color: #F2EDE9 !important; /* Din lyse tekstfarge */
}

/* 3. Styling når man holder musen over et valg (Hover / Aktiv tilstand) */
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-active,
.mce-menu .mce-menu-item:focus {
    background-color: #CD6E33 !important; /* Din hovedfarge som bakgrunn på hover */
}

/* Sørg for at teksten forblir lys og pen også når man hoverer */
.mce-menu .mce-menu-item:hover .mce-text,
.mce-menu .mce-menu-item.mce-active .mce-text {
    color: #F2EDE9 !important;
}

.heading {
    font-family: 'Fraunces', serif !important;
    font-size: 32px !important;
    color: #F2EDE9; /* Din lyse tekstfarge fra tidligere */
    font-weight: 700; /* Tykkelsen på skriften (bold). Kan endres til f.eks 400 for tynnere */
    line-height: 1.2; /* Sørger for at linjeavstanden er tett og pen hvis tittelen er lang */
    margin-bottom: 5px;
    margin-top: 50px;/* Litt luft under tittelen ned til neste element */
}

/* 1. The Outer Container (The Card Background) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar {
    /* Soft, 8% tinted background using your theme's accent color (defaults to a soft light orange if not found) */
    background-color: rgba(16, 14, 11, 100) !important; 
    
    /* Your requested 10px soft borders */
    border-radius: 10px !important;
    
    /* Breathing room inside the card */
    padding: 16px 20px !important;
    
    /* A very clean, micro-border outline for a crisp 2026 look */
    border: 1px solid rgba(205, 110, 51, 0.25) !important;
    
    /* Subtle depth shadow */
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.03) !important;
    
    /* Smooth entrance animation */
    animation: subtlePopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. The Input Inside (Now blending into the card perfectly) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar input {
    background-color: transparent !important; /* Transparent so the card color shows through */
    color: var(--e-global-color-accent, #ff5722) !important; /* Uses your theme color for the text */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    pointer-events: none; /* Keeps it strictly informational */
}

/* 3. Ensure the JetFormBuilder label doesn't mess with the card spacing */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar .jet-form-builder__label {
    display: none;
}

/* 4. The Entrance Animation */
@keyframes subtlePopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px) scale(0.98); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

/* 1. The Warning Container Card */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning {
    /* Your exact brand colors */
    background-color: #CD6E33 !important; 
    
    /* 10px soft borders for continuity */
    border-radius: 10px !important;
    
    /* Frame styling optimized for the new dark background */
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    /* Internal spacing */
    padding: 16px 20px !important;
    
    /* Layout alignment */
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    margin: 16px 0 !important;
    
    /* Adjusted shadow to complement the solid dark box */
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. All text inside (Headings, bold text, paragraphs, and spans) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning strong,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning b,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning h4,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning p,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning span {
    color: #F2EDE9 !important; /* Your light brand text color */
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* 3. Increase font-weight slightly for headings to stand out on the solid background */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning strong,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning b,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning h4 {
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em;
}

.elementor-8 .elementor-element.elementor-element-9d86c9f .warning p,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning span {
    font-size: 14px !important;
    opacity: 0.95; /* Marginally softens the body text for better readability */
}

/* 4. Keeps icons perfectly matched to your text color */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning i,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning svg {
    color: #F2EDE9 !important;
    fill: #F2EDE9 !important;
    flex-shrink: 0;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.elementor-8 .elementor-element.elementor-element-9d86c9f.warning,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning {
    background-color: #CD6E33 !important; 
    border-radius: 10px !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    padding: 16px 20px !important;
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    margin: 16px 0 !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder's Specific Heading Title */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning h1, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h2, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h3, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h4 {
    color: #F2EDE9 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target JetFormBuilder's Specific Heading Description (If you use it) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning p, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning span {
    color: #F2EDE9 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 4. Target the outer block wrapper to strip any hidden form backgrounds */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. The Subtle Dark Success Container Card */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent {
    /* Your exact dark background theme color */
    background-color: #171516 !important; 
    
    border-radius: 10px !important;
    
    /* Crisp micro-border using your brand orange at a soft 20% opacity */
    border: 1px solid rgba(205, 110, 51, 0.2) !important;
    /* Clean brand orange left anchor line for the detail accent */
    border-left: 4px solid #CD6E33 !important; 
    
    padding: 16px 20px !important;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 !important;
    
    /* A deep dark shadow so it sits naturally over the dark canvas */
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.4) !important;
    
    /* Smooth entrance animation */
    animation: successPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder & Elementor Headings (Using your brand orange for the detail pop) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h1, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h2, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h3, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h4 {
    color: #CD6E33 !important; /* Brand orange detail color */
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target Body Text/Descriptions (Using your light theme text color) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .elementor-text-editor,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .elementor-text-editor *,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent p, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent span {
    color: #F2EDE9 !important; /* Your light text color */
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95; /* Subtle blend for modern typography hierarchy */
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. Strip outer form wrappers of hidden default backgrounds */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Keep Icons matching your brand orange detail color */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent i,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent svg {
    color: #CD6E33 !important;
    fill: #CD6E33 !important;
    flex-shrink: 0;
}

/* 6. Success Animation Keyframes */
@keyframes successPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. Establish the layout framework for the field container */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris .jet-form-builder__field-wrap,
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris .jet-form-builder__field-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. Format the Input Field itself */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type="number"],
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris input[type="number"] {
    background-color: #171516 !important;
    color: #F2EDE9 !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-radius: 10px !important;
    padding: 14px 45px 14px 16px !important; /* Generous right padding to prevent text overlapping the "kr" */
    font-weight: 600 !important;
    font-size: 16px !important;
    width: 100% !important;
    transition: border-color 0.2s ease;
}

/* Accent highlight when the user clicks inside the price field */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type="number"]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Inject the "kr" suffix using CSS */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris .jet-form-builder__field-wrap::after,
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris .jet-form-builder__field-wrap::after {
    content: "kr" !important;
    position: absolute !important;
    right: 18px !important; /* Snaps the text inside the right boundary of the field */
    color: #CD6E33 !important; /* Uses your detail color to draw attention to the currency */
    font-weight: 700 !important;
    font-size: 15px !important;
    pointer-events: none !important; /* Allows clicks to pass through straight to the input box */
}

/* 4. Clean up: Hide the ugly browser default spin arrows on dark mode */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input::-webkit-outer-spin-button,
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type=number] {
    -moz-appearance: textfield !important;
}

/* 1. Selve input-feltet hvor man skriver inn adressen */

.adresse input {

    background-color: #100E0B !important;

    color: #F2EDE9 !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    padding: 12px 15px;

}



/* Fargen på hjelpeteksten (placeholder) inni feltet */

.adresse input::placeholder {

    color: rgba(242, 237, 233, 0.5) !important;

}



/* 2. Selve dropdown-boksen (Listen som fylles med adresser) */

.jet-adr-list {

    background-color: #100E0B !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);

    margin-top: 4px;

    padding: 0;

    list-style: none;

    overflow: hidden;

    z-index: 9999; /* Sørger for at den legger seg oppå alt annet innhold */

}



/* 3. De individuelle radene/adresseforslagene inni listen */

.jet-adr-list-item, 

.jet-adr-list li {

    background-color: #100E0B !important; /* Låser bakgrunnen til mørk i vanlig tilstand */

    color: #F2EDE9 !important;

    padding: 10px 14px;

    font-size: 14px;

    cursor: pointer;

    border-bottom: 1px solid rgba(205, 110, 51, 0.15) !important; /* Svak oransje linje mellom adresser */

    transition: background-color 0.2s ease;

}



/* Fjerner den siste skillelinjen i bunnen av boksen */

.jet-adr-list-item:last-child,

.jet-adr-list li:last-child {

    border-bottom: none !important;

}



/* Når du holder musen over en adresse i listen (Hover-tilstand) */

.jet-adr-list-item:hover,

.jet-adr-list li:hover {

    background-color: rgba(205, 110, 51, 0.2) !important; /* Elegant oransje glød som markering */

    color: #F2EDE9 !important;

}



/* Hvis JetFormBuilder uthever deler av teksten (f.eks. match på det du har skrevet) */

.jet-adr-list-item strong,

.jet-adr-list-item b {

    color: #CD6E33 !important; /* Gjør treffet oransje */

    font-weight: 600;

}
.dato_felt {
    width: 50%!important;
}/* End custom CSS */
/* Start custom CSS for jet-form-builder-form, class: .elementor-element-15b4707 *//* Target only the main WordPress buttons inside your content area */
.style-wysiwyg .wp-core-ui .button {
    background: linear-gradient(135deg, #CD6E33, #C77B49)!important; 
    color: #F2EDE9!important;            /* Lyse tekstfargen din */
    border: none!important; 
    border-radius: 99px!important;   
    padding: 6px 14px;                 /* Behagelig luft rundt teksten */
    font-weight: 500;   
    transition: all 0.3s ease; 
    box-shadow: 0 2px 4px rgba(23, 21, 22, 0.4); 
    margin-bottom: 15px !important; 
    display: inline-block;             /* Gjør at padding og margin oppfører seg pent */
}

/* Hover-tilstand for kun denne knappen */
.style-wysiwyg .wp-core-ui .button:hover {
    background: linear-gradient(135deg, #C77B49, #CD6E33)!important; 
    color: #ffffff!important;          /* Ren hvit tekst på hover */
    cursor: pointer;                   /* Peker-ikon */
    box-shadow: 0 4px 8px rgba(16, 14, 11, 0.6); /* Dypere skygge */
}

input[type="file" i] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #171516 !important;
    border: 1px solid #100E0B !important;
    color: #F2EDE9 !important;
    padding: 10px !important;
    border-radius: 99pxpx !important;
    width: 100% !important;
}

/* 2. Focus State */
input[type="file" i]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Button Customization (Standard) */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-15b4707-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 4. Button Customization (WebKit Webkit Engine Backup) */
input[type="file" i]::-webkit-file-upload-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 5. Hover Effects */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-15b4707-button:hover {
    opacity: 0.9 !important;
}
input[type="file" i]::-webkit-file-upload-button:hover {
    opacity: 0.9 !important;
}

small {
    color: #fffff7!important;
}

.mce-menu .mce-menu-item:nth-child(2),
.mce-menu .mce-menu-item:nth-child(3) {
    display: none !important;
}
/* 1. Gi selve rullegardinmenyen din nyanse-sort bakgrunn og mørk ramme */
.mce-menu {
    background-color: #171516 !important; /* Nyanse sort */
    border: 1px solid #100E0B !important;  /* Hoved sort ramme */
    border-radius: 4px !important;
    padding: 5px 0 !important;
}

/* 2. Tving teksten inni menyen til å bruke din lyse tekstfarge */
.mce-menu .mce-menu-item .mce-text {
    color: #F2EDE9 !important; /* Din lyse tekstfarge */
}

/* 3. Styling når man holder musen over et valg (Hover / Aktiv tilstand) */
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-active,
.mce-menu .mce-menu-item:focus {
    background-color: #CD6E33 !important; /* Din hovedfarge som bakgrunn på hover */
}

/* Sørg for at teksten forblir lys og pen også når man hoverer */
.mce-menu .mce-menu-item:hover .mce-text,
.mce-menu .mce-menu-item.mce-active .mce-text {
    color: #F2EDE9 !important;
}

.heading {
    font-family: 'Fraunces', serif !important;
    font-size: 32px !important;
    color: #F2EDE9; /* Din lyse tekstfarge fra tidligere */
    font-weight: 700; /* Tykkelsen på skriften (bold). Kan endres til f.eks 400 for tynnere */
    line-height: 1.2; /* Sørger for at linjeavstanden er tett og pen hvis tittelen er lang */
    margin-bottom: 5px;
    margin-top: 50px;/* Litt luft under tittelen ned til neste element */
}

/* 1. The Outer Container (The Card Background) */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar {
    /* Soft, 8% tinted background using your theme's accent color (defaults to a soft light orange if not found) */
    background-color: rgba(16, 14, 11, 100) !important; 
    
    /* Your requested 10px soft borders */
    border-radius: 10px !important;
    
    /* Breathing room inside the card */
    padding: 16px 20px !important;
    
    /* A very clean, micro-border outline for a crisp 2026 look */
    border: 1px solid rgba(205, 110, 51, 0.25) !important;
    
    /* Subtle depth shadow */
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.03) !important;
    
    /* Smooth entrance animation */
    animation: subtlePopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. The Input Inside (Now blending into the card perfectly) */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar input {
    background-color: transparent !important; /* Transparent so the card color shows through */
    color: var(--e-global-color-accent, #ff5722) !important; /* Uses your theme color for the text */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    pointer-events: none; /* Keeps it strictly informational */
}

/* 3. Ensure the JetFormBuilder label doesn't mess with the card spacing */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar .jet-form-builder__label {
    display: none;
}

/* 4. The Entrance Animation */
@keyframes subtlePopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px) scale(0.98); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

/* 1. The Warning Container Card */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning {
    /* Your exact brand colors */
    background-color: #CD6E33 !important; 
    
    /* 10px soft borders for continuity */
    border-radius: 10px !important;
    
    /* Frame styling optimized for the new dark background */
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    /* Internal spacing */
    padding: 16px 20px !important;
    
    /* Layout alignment */
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    margin: 16px 0 !important;
    
    /* Adjusted shadow to complement the solid dark box */
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. All text inside (Headings, bold text, paragraphs, and spans) */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning strong,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning b,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning h4,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning p,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning span {
    color: #F2EDE9 !important; /* Your light brand text color */
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* 3. Increase font-weight slightly for headings to stand out on the solid background */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning strong,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning b,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning h4 {
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em;
}

.elementor-8 .elementor-element.elementor-element-15b4707 .warning p,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning span {
    font-size: 14px !important;
    opacity: 0.95; /* Marginally softens the body text for better readability */
}

/* 4. Keeps icons perfectly matched to your text color */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning i,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning svg {
    color: #F2EDE9 !important;
    fill: #F2EDE9 !important;
    flex-shrink: 0;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.elementor-8 .elementor-element.elementor-element-15b4707.warning,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning {
    background-color: #CD6E33 !important; 
    border-radius: 10px !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    padding: 16px 20px !important;
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    margin: 16px 0 !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder's Specific Heading Title */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.warning h1, .elementor-8 .elementor-element.elementor-element-15b4707.warning h2, .elementor-8 .elementor-element.elementor-element-15b4707.warning h3, .elementor-8 .elementor-element.elementor-element-15b4707.warning h4 {
    color: #F2EDE9 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target JetFormBuilder's Specific Heading Description (If you use it) */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707.warning p, .elementor-8 .elementor-element.elementor-element-15b4707.warning span {
    color: #F2EDE9 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 4. Target the outer block wrapper to strip any hidden form backgrounds */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. The Subtle Dark Success Container Card */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent {
    /* Your exact dark background theme color */
    background-color: #171516 !important; 
    
    border-radius: 10px !important;
    
    /* Crisp micro-border using your brand orange at a soft 20% opacity */
    border: 1px solid rgba(205, 110, 51, 0.2) !important;
    /* Clean brand orange left anchor line for the detail accent */
    border-left: 4px solid #CD6E33 !important; 
    
    padding: 16px 20px !important;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 !important;
    
    /* A deep dark shadow so it sits naturally over the dark canvas */
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.4) !important;
    
    /* Smooth entrance animation */
    animation: successPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder & Elementor Headings (Using your brand orange for the detail pop) */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent h1, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h2, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h3, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h4 {
    color: #CD6E33 !important; /* Brand orange detail color */
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target Body Text/Descriptions (Using your light theme text color) */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .elementor-text-editor,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .elementor-text-editor *,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent p, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent span {
    color: #F2EDE9 !important; /* Your light text color */
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95; /* Subtle blend for modern typography hierarchy */
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. Strip outer form wrappers of hidden default backgrounds */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Keep Icons matching your brand orange detail color */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent i,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent svg {
    color: #CD6E33 !important;
    fill: #CD6E33 !important;
    flex-shrink: 0;
}

/* 6. Success Animation Keyframes */
@keyframes successPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. Establish the layout framework for the field container */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris .jet-form-builder__field-wrap,
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris .jet-form-builder__field-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. Format the Input Field itself */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type="number"],
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris input[type="number"] {
    background-color: #171516 !important;
    color: #F2EDE9 !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-radius: 10px !important;
    padding: 14px 45px 14px 16px !important; /* Generous right padding to prevent text overlapping the "kr" */
    font-weight: 600 !important;
    font-size: 16px !important;
    width: 100% !important;
    transition: border-color 0.2s ease;
}

/* Accent highlight when the user clicks inside the price field */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type="number"]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Inject the "kr" suffix using CSS */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris .jet-form-builder__field-wrap::after,
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris .jet-form-builder__field-wrap::after {
    content: "kr" !important;
    position: absolute !important;
    right: 18px !important; /* Snaps the text inside the right boundary of the field */
    color: #CD6E33 !important; /* Uses your detail color to draw attention to the currency */
    font-weight: 700 !important;
    font-size: 15px !important;
    pointer-events: none !important; /* Allows clicks to pass through straight to the input box */
}

/* 4. Clean up: Hide the ugly browser default spin arrows on dark mode */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input::-webkit-outer-spin-button,
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type=number] {
    -moz-appearance: textfield !important;
}

/* 1. Selve input-feltet hvor man skriver inn adressen */

.adresse input {

    background-color: #100E0B !important;

    color: #F2EDE9 !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    padding: 12px 15px;

}



/* Fargen på hjelpeteksten (placeholder) inni feltet */

.adresse input::placeholder {

    color: rgba(242, 237, 233, 0.5) !important;

}



/* 2. Selve dropdown-boksen (Listen som fylles med adresser) */

.jet-adr-list {

    background-color: #100E0B !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);

    margin-top: 4px;

    padding: 0;

    list-style: none;

    overflow: hidden;

    z-index: 9999; /* Sørger for at den legger seg oppå alt annet innhold */

}



/* 3. De individuelle radene/adresseforslagene inni listen */

.jet-adr-list-item, 

.jet-adr-list li {

    background-color: #100E0B !important; /* Låser bakgrunnen til mørk i vanlig tilstand */

    color: #F2EDE9 !important;

    padding: 10px 14px;

    font-size: 14px;

    cursor: pointer;

    border-bottom: 1px solid rgba(205, 110, 51, 0.15) !important; /* Svak oransje linje mellom adresser */

    transition: background-color 0.2s ease;

}



/* Fjerner den siste skillelinjen i bunnen av boksen */

.jet-adr-list-item:last-child,

.jet-adr-list li:last-child {

    border-bottom: none !important;

}



/* Når du holder musen over en adresse i listen (Hover-tilstand) */

.jet-adr-list-item:hover,

.jet-adr-list li:hover {

    background-color: rgba(205, 110, 51, 0.2) !important; /* Elegant oransje glød som markering */

    color: #F2EDE9 !important;

}


.jet-adr-list-item strong,

.jet-adr-list-item b {

    color: #CD6E33 !important; /* Gjør treffet oransje */

    font-weight: 600;

}
.dato_felt {
    width: 70%!important;
}

.jet-form-builder__field-wrap.phone-field-wrap .iti__country-list {
  background-color: #171516!important;
  border: 1px solid #CD6E33!important;
  border-radius: 2px;
}

.cb-k5xnqk5s .jet-form-builder__field-wrap .iti__selected-country .iti__selected-dial-code {
    color: #F2EDE9!important;
}/* End custom CSS */
/* Start custom CSS for jet-form-builder-form, class: .elementor-element-9d86c9f *//* Target only the main WordPress buttons inside your content area */
.style-wysiwyg .wp-core-ui .button {
    background: linear-gradient(135deg, #CD6E33, #C77B49)!important; 
    color: #F2EDE9!important;            /* Lyse tekstfargen din */
    border: none!important; 
    border-radius: 99px!important;   
    padding: 6px 14px;                 /* Behagelig luft rundt teksten */
    font-weight: 500;   
    transition: all 0.3s ease; 
    box-shadow: 0 2px 4px rgba(23, 21, 22, 0.4); 
    margin-bottom: 15px !important; 
    display: inline-block;             /* Gjør at padding og margin oppfører seg pent */
}

/* Hover-tilstand for kun denne knappen */
.style-wysiwyg .wp-core-ui .button:hover {
    background: linear-gradient(135deg, #C77B49, #CD6E33)!important; 
    color: #ffffff!important;          /* Ren hvit tekst på hover */
    cursor: pointer;                   /* Peker-ikon */
    box-shadow: 0 4px 8px rgba(16, 14, 11, 0.6); /* Dypere skygge */
}

input[type="file" i] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #171516 !important;
    border: 1px solid #100E0B !important;
    color: #F2EDE9 !important;
    padding: 10px !important;
    border-radius: 99pxpx !important;
    width: 100% !important;
}

/* 2. Focus State */
input[type="file" i]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Button Customization (Standard) */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-9d86c9f-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 4. Button Customization (WebKit Webkit Engine Backup) */
input[type="file" i]::-webkit-file-upload-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 5. Hover Effects */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-9d86c9f-button:hover {
    opacity: 0.9 !important;
}
input[type="file" i]::-webkit-file-upload-button:hover {
    opacity: 0.9 !important;
}

small {
    color: #fffff7!important;
}

.mce-menu .mce-menu-item:nth-child(2),
.mce-menu .mce-menu-item:nth-child(3) {
    display: none !important;
}
/* 1. Gi selve rullegardinmenyen din nyanse-sort bakgrunn og mørk ramme */
.mce-menu {
    background-color: #171516 !important; /* Nyanse sort */
    border: 1px solid #100E0B !important;  /* Hoved sort ramme */
    border-radius: 4px !important;
    padding: 5px 0 !important;
}

/* 2. Tving teksten inni menyen til å bruke din lyse tekstfarge */
.mce-menu .mce-menu-item .mce-text {
    color: #F2EDE9 !important; /* Din lyse tekstfarge */
}

/* 3. Styling når man holder musen over et valg (Hover / Aktiv tilstand) */
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-active,
.mce-menu .mce-menu-item:focus {
    background-color: #CD6E33 !important; /* Din hovedfarge som bakgrunn på hover */
}

/* Sørg for at teksten forblir lys og pen også når man hoverer */
.mce-menu .mce-menu-item:hover .mce-text,
.mce-menu .mce-menu-item.mce-active .mce-text {
    color: #F2EDE9 !important;
}

.heading {
    font-family: 'Fraunces', serif !important;
    font-size: 32px !important;
    color: #F2EDE9; /* Din lyse tekstfarge fra tidligere */
    font-weight: 700; /* Tykkelsen på skriften (bold). Kan endres til f.eks 400 for tynnere */
    line-height: 1.2; /* Sørger for at linjeavstanden er tett og pen hvis tittelen er lang */
    margin-bottom: 5px;
    margin-top: 50px;/* Litt luft under tittelen ned til neste element */
}

/* 1. The Outer Container (The Card Background) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar {
    /* Soft, 8% tinted background using your theme's accent color (defaults to a soft light orange if not found) */
    background-color: rgba(16, 14, 11, 100) !important; 
    
    /* Your requested 10px soft borders */
    border-radius: 10px !important;
    
    /* Breathing room inside the card */
    padding: 16px 20px !important;
    
    /* A very clean, micro-border outline for a crisp 2026 look */
    border: 1px solid rgba(205, 110, 51, 0.25) !important;
    
    /* Subtle depth shadow */
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.03) !important;
    
    /* Smooth entrance animation */
    animation: subtlePopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. The Input Inside (Now blending into the card perfectly) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar input {
    background-color: transparent !important; /* Transparent so the card color shows through */
    color: var(--e-global-color-accent, #ff5722) !important; /* Uses your theme color for the text */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    pointer-events: none; /* Keeps it strictly informational */
}

/* 3. Ensure the JetFormBuilder label doesn't mess with the card spacing */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar .jet-form-builder__label {
    display: none;
}

/* 4. The Entrance Animation */
@keyframes subtlePopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px) scale(0.98); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

/* 1. The Warning Container Card */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning {
    /* Your exact brand colors */
    background-color: #CD6E33 !important; 
    
    /* 10px soft borders for continuity */
    border-radius: 10px !important;
    
    /* Frame styling optimized for the new dark background */
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    /* Internal spacing */
    padding: 16px 20px !important;
    
    /* Layout alignment */
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    margin: 16px 0 !important;
    
    /* Adjusted shadow to complement the solid dark box */
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. All text inside (Headings, bold text, paragraphs, and spans) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning strong,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning b,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning h4,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning p,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning span {
    color: #F2EDE9 !important; /* Your light brand text color */
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* 3. Increase font-weight slightly for headings to stand out on the solid background */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning strong,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning b,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning h4 {
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em;
}

.elementor-8 .elementor-element.elementor-element-9d86c9f .warning p,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning span {
    font-size: 14px !important;
    opacity: 0.95; /* Marginally softens the body text for better readability */
}

/* 4. Keeps icons perfectly matched to your text color */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning i,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning svg {
    color: #F2EDE9 !important;
    fill: #F2EDE9 !important;
    flex-shrink: 0;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.elementor-8 .elementor-element.elementor-element-9d86c9f.warning,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning {
    background-color: #CD6E33 !important; 
    border-radius: 10px !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    padding: 16px 20px !important;
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    margin: 16px 0 !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder's Specific Heading Title */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning h1, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h2, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h3, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h4 {
    color: #F2EDE9 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target JetFormBuilder's Specific Heading Description (If you use it) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning p, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning span {
    color: #F2EDE9 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 4. Target the outer block wrapper to strip any hidden form backgrounds */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. The Subtle Dark Success Container Card */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent {
    /* Your exact dark background theme color */
    background-color: #171516 !important; 
    
    border-radius: 10px !important;
    
    /* Crisp micro-border using your brand orange at a soft 20% opacity */
    border: 1px solid rgba(205, 110, 51, 0.2) !important;
    /* Clean brand orange left anchor line for the detail accent */
    border-left: 4px solid #CD6E33 !important; 
    
    padding: 16px 20px !important;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 !important;
    
    /* A deep dark shadow so it sits naturally over the dark canvas */
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.4) !important;
    
    /* Smooth entrance animation */
    animation: successPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder & Elementor Headings (Using your brand orange for the detail pop) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h1, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h2, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h3, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h4 {
    color: #CD6E33 !important; /* Brand orange detail color */
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target Body Text/Descriptions (Using your light theme text color) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .elementor-text-editor,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .elementor-text-editor *,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent p, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent span {
    color: #F2EDE9 !important; /* Your light text color */
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95; /* Subtle blend for modern typography hierarchy */
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. Strip outer form wrappers of hidden default backgrounds */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Keep Icons matching your brand orange detail color */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent i,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent svg {
    color: #CD6E33 !important;
    fill: #CD6E33 !important;
    flex-shrink: 0;
}

/* 6. Success Animation Keyframes */
@keyframes successPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. Establish the layout framework for the field container */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris .jet-form-builder__field-wrap,
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris .jet-form-builder__field-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. Format the Input Field itself */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type="number"],
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris input[type="number"] {
    background-color: #171516 !important;
    color: #F2EDE9 !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-radius: 10px !important;
    padding: 14px 45px 14px 16px !important; /* Generous right padding to prevent text overlapping the "kr" */
    font-weight: 600 !important;
    font-size: 16px !important;
    width: 100% !important;
    transition: border-color 0.2s ease;
}

/* Accent highlight when the user clicks inside the price field */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type="number"]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Inject the "kr" suffix using CSS */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris .jet-form-builder__field-wrap::after,
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris .jet-form-builder__field-wrap::after {
    content: "kr" !important;
    position: absolute !important;
    right: 18px !important; /* Snaps the text inside the right boundary of the field */
    color: #CD6E33 !important; /* Uses your detail color to draw attention to the currency */
    font-weight: 700 !important;
    font-size: 15px !important;
    pointer-events: none !important; /* Allows clicks to pass through straight to the input box */
}

/* 4. Clean up: Hide the ugly browser default spin arrows on dark mode */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input::-webkit-outer-spin-button,
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type=number] {
    -moz-appearance: textfield !important;
}

/* 1. Selve input-feltet hvor man skriver inn adressen */

.adresse input {

    background-color: #100E0B !important;

    color: #F2EDE9 !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    padding: 12px 15px;

}



/* Fargen på hjelpeteksten (placeholder) inni feltet */

.adresse input::placeholder {

    color: rgba(242, 237, 233, 0.5) !important;

}



/* 2. Selve dropdown-boksen (Listen som fylles med adresser) */

.jet-adr-list {

    background-color: #100E0B !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);

    margin-top: 4px;

    padding: 0;

    list-style: none;

    overflow: hidden;

    z-index: 9999; /* Sørger for at den legger seg oppå alt annet innhold */

}



/* 3. De individuelle radene/adresseforslagene inni listen */

.jet-adr-list-item, 

.jet-adr-list li {

    background-color: #100E0B !important; /* Låser bakgrunnen til mørk i vanlig tilstand */

    color: #F2EDE9 !important;

    padding: 10px 14px;

    font-size: 14px;

    cursor: pointer;

    border-bottom: 1px solid rgba(205, 110, 51, 0.15) !important; /* Svak oransje linje mellom adresser */

    transition: background-color 0.2s ease;

}



/* Fjerner den siste skillelinjen i bunnen av boksen */

.jet-adr-list-item:last-child,

.jet-adr-list li:last-child {

    border-bottom: none !important;

}



/* Når du holder musen over en adresse i listen (Hover-tilstand) */

.jet-adr-list-item:hover,

.jet-adr-list li:hover {

    background-color: rgba(205, 110, 51, 0.2) !important; /* Elegant oransje glød som markering */

    color: #F2EDE9 !important;

}



/* Hvis JetFormBuilder uthever deler av teksten (f.eks. match på det du har skrevet) */

.jet-adr-list-item strong,

.jet-adr-list-item b {

    color: #CD6E33 !important; /* Gjør treffet oransje */

    font-weight: 600;

}
.dato_felt {
    width: 50%!important;
}/* End custom CSS */
/* Start custom CSS for jet-form-builder-form, class: .elementor-element-15b4707 *//* Target only the main WordPress buttons inside your content area */
.style-wysiwyg .wp-core-ui .button {
    background: linear-gradient(135deg, #CD6E33, #C77B49)!important; 
    color: #F2EDE9!important;            /* Lyse tekstfargen din */
    border: none!important; 
    border-radius: 99px!important;   
    padding: 6px 14px;                 /* Behagelig luft rundt teksten */
    font-weight: 500;   
    transition: all 0.3s ease; 
    box-shadow: 0 2px 4px rgba(23, 21, 22, 0.4); 
    margin-bottom: 15px !important; 
    display: inline-block;             /* Gjør at padding og margin oppfører seg pent */
}

/* Hover-tilstand for kun denne knappen */
.style-wysiwyg .wp-core-ui .button:hover {
    background: linear-gradient(135deg, #C77B49, #CD6E33)!important; 
    color: #ffffff!important;          /* Ren hvit tekst på hover */
    cursor: pointer;                   /* Peker-ikon */
    box-shadow: 0 4px 8px rgba(16, 14, 11, 0.6); /* Dypere skygge */
}

input[type="file" i] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #171516 !important;
    border: 1px solid #100E0B !important;
    color: #F2EDE9 !important;
    padding: 10px !important;
    border-radius: 99pxpx !important;
    width: 100% !important;
}

/* 2. Focus State */
input[type="file" i]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Button Customization (Standard) */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-15b4707-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 4. Button Customization (WebKit Webkit Engine Backup) */
input[type="file" i]::-webkit-file-upload-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 5. Hover Effects */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-15b4707-button:hover {
    opacity: 0.9 !important;
}
input[type="file" i]::-webkit-file-upload-button:hover {
    opacity: 0.9 !important;
}

small {
    color: #fffff7!important;
}

.mce-menu .mce-menu-item:nth-child(2),
.mce-menu .mce-menu-item:nth-child(3) {
    display: none !important;
}
/* 1. Gi selve rullegardinmenyen din nyanse-sort bakgrunn og mørk ramme */
.mce-menu {
    background-color: #171516 !important; /* Nyanse sort */
    border: 1px solid #100E0B !important;  /* Hoved sort ramme */
    border-radius: 4px !important;
    padding: 5px 0 !important;
}

/* 2. Tving teksten inni menyen til å bruke din lyse tekstfarge */
.mce-menu .mce-menu-item .mce-text {
    color: #F2EDE9 !important; /* Din lyse tekstfarge */
}

/* 3. Styling når man holder musen over et valg (Hover / Aktiv tilstand) */
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-active,
.mce-menu .mce-menu-item:focus {
    background-color: #CD6E33 !important; /* Din hovedfarge som bakgrunn på hover */
}

/* Sørg for at teksten forblir lys og pen også når man hoverer */
.mce-menu .mce-menu-item:hover .mce-text,
.mce-menu .mce-menu-item.mce-active .mce-text {
    color: #F2EDE9 !important;
}

.heading {
    font-family: 'Fraunces', serif !important;
    font-size: 32px !important;
    color: #F2EDE9; /* Din lyse tekstfarge fra tidligere */
    font-weight: 700; /* Tykkelsen på skriften (bold). Kan endres til f.eks 400 for tynnere */
    line-height: 1.2; /* Sørger for at linjeavstanden er tett og pen hvis tittelen er lang */
    margin-bottom: 5px;
    margin-top: 50px;/* Litt luft under tittelen ned til neste element */
}

/* 1. The Outer Container (The Card Background) */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar {
    /* Soft, 8% tinted background using your theme's accent color (defaults to a soft light orange if not found) */
    background-color: rgba(16, 14, 11, 100) !important; 
    
    /* Your requested 10px soft borders */
    border-radius: 10px !important;
    
    /* Breathing room inside the card */
    padding: 16px 20px !important;
    
    /* A very clean, micro-border outline for a crisp 2026 look */
    border: 1px solid rgba(205, 110, 51, 0.25) !important;
    
    /* Subtle depth shadow */
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.03) !important;
    
    /* Smooth entrance animation */
    animation: subtlePopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. The Input Inside (Now blending into the card perfectly) */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar input {
    background-color: transparent !important; /* Transparent so the card color shows through */
    color: var(--e-global-color-accent, #ff5722) !important; /* Uses your theme color for the text */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    pointer-events: none; /* Keeps it strictly informational */
}

/* 3. Ensure the JetFormBuilder label doesn't mess with the card spacing */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar .jet-form-builder__label {
    display: none;
}

/* 4. The Entrance Animation */
@keyframes subtlePopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px) scale(0.98); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

/* 1. The Warning Container Card */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning {
    /* Your exact brand colors */
    background-color: #CD6E33 !important; 
    
    /* 10px soft borders for continuity */
    border-radius: 10px !important;
    
    /* Frame styling optimized for the new dark background */
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    /* Internal spacing */
    padding: 16px 20px !important;
    
    /* Layout alignment */
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    margin: 16px 0 !important;
    
    /* Adjusted shadow to complement the solid dark box */
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. All text inside (Headings, bold text, paragraphs, and spans) */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning strong,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning b,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning h4,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning p,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning span {
    color: #F2EDE9 !important; /* Your light brand text color */
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* 3. Increase font-weight slightly for headings to stand out on the solid background */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning strong,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning b,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning h4 {
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em;
}

.elementor-8 .elementor-element.elementor-element-15b4707 .warning p,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning span {
    font-size: 14px !important;
    opacity: 0.95; /* Marginally softens the body text for better readability */
}

/* 4. Keeps icons perfectly matched to your text color */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning i,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning svg {
    color: #F2EDE9 !important;
    fill: #F2EDE9 !important;
    flex-shrink: 0;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.elementor-8 .elementor-element.elementor-element-15b4707.warning,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning {
    background-color: #CD6E33 !important; 
    border-radius: 10px !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    padding: 16px 20px !important;
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    margin: 16px 0 !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder's Specific Heading Title */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.warning h1, .elementor-8 .elementor-element.elementor-element-15b4707.warning h2, .elementor-8 .elementor-element.elementor-element-15b4707.warning h3, .elementor-8 .elementor-element.elementor-element-15b4707.warning h4 {
    color: #F2EDE9 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target JetFormBuilder's Specific Heading Description (If you use it) */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707.warning p, .elementor-8 .elementor-element.elementor-element-15b4707.warning span {
    color: #F2EDE9 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 4. Target the outer block wrapper to strip any hidden form backgrounds */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. The Subtle Dark Success Container Card */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent {
    /* Your exact dark background theme color */
    background-color: #171516 !important; 
    
    border-radius: 10px !important;
    
    /* Crisp micro-border using your brand orange at a soft 20% opacity */
    border: 1px solid rgba(205, 110, 51, 0.2) !important;
    /* Clean brand orange left anchor line for the detail accent */
    border-left: 4px solid #CD6E33 !important; 
    
    padding: 16px 20px !important;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 !important;
    
    /* A deep dark shadow so it sits naturally over the dark canvas */
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.4) !important;
    
    /* Smooth entrance animation */
    animation: successPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder & Elementor Headings (Using your brand orange for the detail pop) */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent h1, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h2, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h3, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h4 {
    color: #CD6E33 !important; /* Brand orange detail color */
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target Body Text/Descriptions (Using your light theme text color) */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .elementor-text-editor,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .elementor-text-editor *,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent p, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent span {
    color: #F2EDE9 !important; /* Your light text color */
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95; /* Subtle blend for modern typography hierarchy */
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. Strip outer form wrappers of hidden default backgrounds */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Keep Icons matching your brand orange detail color */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent i,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent svg {
    color: #CD6E33 !important;
    fill: #CD6E33 !important;
    flex-shrink: 0;
}

/* 6. Success Animation Keyframes */
@keyframes successPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. Establish the layout framework for the field container */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris .jet-form-builder__field-wrap,
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris .jet-form-builder__field-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. Format the Input Field itself */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type="number"],
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris input[type="number"] {
    background-color: #171516 !important;
    color: #F2EDE9 !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-radius: 10px !important;
    padding: 14px 45px 14px 16px !important; /* Generous right padding to prevent text overlapping the "kr" */
    font-weight: 600 !important;
    font-size: 16px !important;
    width: 100% !important;
    transition: border-color 0.2s ease;
}

/* Accent highlight when the user clicks inside the price field */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type="number"]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Inject the "kr" suffix using CSS */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris .jet-form-builder__field-wrap::after,
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris .jet-form-builder__field-wrap::after {
    content: "kr" !important;
    position: absolute !important;
    right: 18px !important; /* Snaps the text inside the right boundary of the field */
    color: #CD6E33 !important; /* Uses your detail color to draw attention to the currency */
    font-weight: 700 !important;
    font-size: 15px !important;
    pointer-events: none !important; /* Allows clicks to pass through straight to the input box */
}

/* 4. Clean up: Hide the ugly browser default spin arrows on dark mode */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input::-webkit-outer-spin-button,
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type=number] {
    -moz-appearance: textfield !important;
}

/* 1. Selve input-feltet hvor man skriver inn adressen */

.adresse input {

    background-color: #100E0B !important;

    color: #F2EDE9 !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    padding: 12px 15px;

}



/* Fargen på hjelpeteksten (placeholder) inni feltet */

.adresse input::placeholder {

    color: rgba(242, 237, 233, 0.5) !important;

}



/* 2. Selve dropdown-boksen (Listen som fylles med adresser) */

.jet-adr-list {

    background-color: #100E0B !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);

    margin-top: 4px;

    padding: 0;

    list-style: none;

    overflow: hidden;

    z-index: 9999; /* Sørger for at den legger seg oppå alt annet innhold */

}



/* 3. De individuelle radene/adresseforslagene inni listen */

.jet-adr-list-item, 

.jet-adr-list li {

    background-color: #100E0B !important; /* Låser bakgrunnen til mørk i vanlig tilstand */

    color: #F2EDE9 !important;

    padding: 10px 14px;

    font-size: 14px;

    cursor: pointer;

    border-bottom: 1px solid rgba(205, 110, 51, 0.15) !important; /* Svak oransje linje mellom adresser */

    transition: background-color 0.2s ease;

}



/* Fjerner den siste skillelinjen i bunnen av boksen */

.jet-adr-list-item:last-child,

.jet-adr-list li:last-child {

    border-bottom: none !important;

}



/* Når du holder musen over en adresse i listen (Hover-tilstand) */

.jet-adr-list-item:hover,

.jet-adr-list li:hover {

    background-color: rgba(205, 110, 51, 0.2) !important; /* Elegant oransje glød som markering */

    color: #F2EDE9 !important;

}


.jet-adr-list-item strong,

.jet-adr-list-item b {

    color: #CD6E33 !important; /* Gjør treffet oransje */

    font-weight: 600;

}
.dato_felt {
    width: 70%!important;
}

.jet-form-builder__field-wrap.phone-field-wrap .iti__country-list {
  background-color: #171516!important;
  border: 1px solid #CD6E33!important;
  border-radius: 2px;
}

.cb-k5xnqk5s .jet-form-builder__field-wrap .iti__selected-country .iti__selected-dial-code {
    color: #F2EDE9!important;
}/* End custom CSS */
/* Start custom CSS for jet-form-builder-form, class: .elementor-element-9d86c9f *//* Target only the main WordPress buttons inside your content area */
.style-wysiwyg .wp-core-ui .button {
    background: linear-gradient(135deg, #CD6E33, #C77B49)!important; 
    color: #F2EDE9!important;            /* Lyse tekstfargen din */
    border: none!important; 
    border-radius: 99px!important;   
    padding: 6px 14px;                 /* Behagelig luft rundt teksten */
    font-weight: 500;   
    transition: all 0.3s ease; 
    box-shadow: 0 2px 4px rgba(23, 21, 22, 0.4); 
    margin-bottom: 15px !important; 
    display: inline-block;             /* Gjør at padding og margin oppfører seg pent */
}

/* Hover-tilstand for kun denne knappen */
.style-wysiwyg .wp-core-ui .button:hover {
    background: linear-gradient(135deg, #C77B49, #CD6E33)!important; 
    color: #ffffff!important;          /* Ren hvit tekst på hover */
    cursor: pointer;                   /* Peker-ikon */
    box-shadow: 0 4px 8px rgba(16, 14, 11, 0.6); /* Dypere skygge */
}

input[type="file" i] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #171516 !important;
    border: 1px solid #100E0B !important;
    color: #F2EDE9 !important;
    padding: 10px !important;
    border-radius: 99pxpx !important;
    width: 100% !important;
}

/* 2. Focus State */
input[type="file" i]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Button Customization (Standard) */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-9d86c9f-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 4. Button Customization (WebKit Webkit Engine Backup) */
input[type="file" i]::-webkit-file-upload-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 5. Hover Effects */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-9d86c9f-button:hover {
    opacity: 0.9 !important;
}
input[type="file" i]::-webkit-file-upload-button:hover {
    opacity: 0.9 !important;
}

small {
    color: #fffff7!important;
}

.mce-menu .mce-menu-item:nth-child(2),
.mce-menu .mce-menu-item:nth-child(3) {
    display: none !important;
}
/* 1. Gi selve rullegardinmenyen din nyanse-sort bakgrunn og mørk ramme */
.mce-menu {
    background-color: #171516 !important; /* Nyanse sort */
    border: 1px solid #100E0B !important;  /* Hoved sort ramme */
    border-radius: 4px !important;
    padding: 5px 0 !important;
}

/* 2. Tving teksten inni menyen til å bruke din lyse tekstfarge */
.mce-menu .mce-menu-item .mce-text {
    color: #F2EDE9 !important; /* Din lyse tekstfarge */
}

/* 3. Styling når man holder musen over et valg (Hover / Aktiv tilstand) */
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-active,
.mce-menu .mce-menu-item:focus {
    background-color: #CD6E33 !important; /* Din hovedfarge som bakgrunn på hover */
}

/* Sørg for at teksten forblir lys og pen også når man hoverer */
.mce-menu .mce-menu-item:hover .mce-text,
.mce-menu .mce-menu-item.mce-active .mce-text {
    color: #F2EDE9 !important;
}

.heading {
    font-family: 'Fraunces', serif !important;
    font-size: 32px !important;
    color: #F2EDE9; /* Din lyse tekstfarge fra tidligere */
    font-weight: 700; /* Tykkelsen på skriften (bold). Kan endres til f.eks 400 for tynnere */
    line-height: 1.2; /* Sørger for at linjeavstanden er tett og pen hvis tittelen er lang */
    margin-bottom: 5px;
    margin-top: 50px;/* Litt luft under tittelen ned til neste element */
}

/* 1. The Outer Container (The Card Background) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar {
    /* Soft, 8% tinted background using your theme's accent color (defaults to a soft light orange if not found) */
    background-color: rgba(16, 14, 11, 100) !important; 
    
    /* Your requested 10px soft borders */
    border-radius: 10px !important;
    
    /* Breathing room inside the card */
    padding: 16px 20px !important;
    
    /* A very clean, micro-border outline for a crisp 2026 look */
    border: 1px solid rgba(205, 110, 51, 0.25) !important;
    
    /* Subtle depth shadow */
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.03) !important;
    
    /* Smooth entrance animation */
    animation: subtlePopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. The Input Inside (Now blending into the card perfectly) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar input {
    background-color: transparent !important; /* Transparent so the card color shows through */
    color: var(--e-global-color-accent, #ff5722) !important; /* Uses your theme color for the text */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    pointer-events: none; /* Keeps it strictly informational */
}

/* 3. Ensure the JetFormBuilder label doesn't mess with the card spacing */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar .jet-form-builder__label {
    display: none;
}

/* 4. The Entrance Animation */
@keyframes subtlePopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px) scale(0.98); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

/* 1. The Warning Container Card */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning {
    /* Your exact brand colors */
    background-color: #CD6E33 !important; 
    
    /* 10px soft borders for continuity */
    border-radius: 10px !important;
    
    /* Frame styling optimized for the new dark background */
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    /* Internal spacing */
    padding: 16px 20px !important;
    
    /* Layout alignment */
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    margin: 16px 0 !important;
    
    /* Adjusted shadow to complement the solid dark box */
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. All text inside (Headings, bold text, paragraphs, and spans) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning strong,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning b,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning h4,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning p,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning span {
    color: #F2EDE9 !important; /* Your light brand text color */
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* 3. Increase font-weight slightly for headings to stand out on the solid background */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning strong,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning b,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning h4 {
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em;
}

.elementor-8 .elementor-element.elementor-element-9d86c9f .warning p,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning span {
    font-size: 14px !important;
    opacity: 0.95; /* Marginally softens the body text for better readability */
}

/* 4. Keeps icons perfectly matched to your text color */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning i,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning svg {
    color: #F2EDE9 !important;
    fill: #F2EDE9 !important;
    flex-shrink: 0;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.elementor-8 .elementor-element.elementor-element-9d86c9f.warning,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning {
    background-color: #CD6E33 !important; 
    border-radius: 10px !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    padding: 16px 20px !important;
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    margin: 16px 0 !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder's Specific Heading Title */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning h1, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h2, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h3, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h4 {
    color: #F2EDE9 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target JetFormBuilder's Specific Heading Description (If you use it) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning p, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning span {
    color: #F2EDE9 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 4. Target the outer block wrapper to strip any hidden form backgrounds */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. The Subtle Dark Success Container Card */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent {
    /* Your exact dark background theme color */
    background-color: #171516 !important; 
    
    border-radius: 10px !important;
    
    /* Crisp micro-border using your brand orange at a soft 20% opacity */
    border: 1px solid rgba(205, 110, 51, 0.2) !important;
    /* Clean brand orange left anchor line for the detail accent */
    border-left: 4px solid #CD6E33 !important; 
    
    padding: 16px 20px !important;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 !important;
    
    /* A deep dark shadow so it sits naturally over the dark canvas */
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.4) !important;
    
    /* Smooth entrance animation */
    animation: successPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder & Elementor Headings (Using your brand orange for the detail pop) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h1, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h2, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h3, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h4 {
    color: #CD6E33 !important; /* Brand orange detail color */
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target Body Text/Descriptions (Using your light theme text color) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .elementor-text-editor,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .elementor-text-editor *,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent p, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent span {
    color: #F2EDE9 !important; /* Your light text color */
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95; /* Subtle blend for modern typography hierarchy */
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. Strip outer form wrappers of hidden default backgrounds */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Keep Icons matching your brand orange detail color */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent i,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent svg {
    color: #CD6E33 !important;
    fill: #CD6E33 !important;
    flex-shrink: 0;
}

/* 6. Success Animation Keyframes */
@keyframes successPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. Establish the layout framework for the field container */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris .jet-form-builder__field-wrap,
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris .jet-form-builder__field-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. Format the Input Field itself */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type="number"],
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris input[type="number"] {
    background-color: #171516 !important;
    color: #F2EDE9 !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-radius: 10px !important;
    padding: 14px 45px 14px 16px !important; /* Generous right padding to prevent text overlapping the "kr" */
    font-weight: 600 !important;
    font-size: 16px !important;
    width: 100% !important;
    transition: border-color 0.2s ease;
}

/* Accent highlight when the user clicks inside the price field */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type="number"]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Inject the "kr" suffix using CSS */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris .jet-form-builder__field-wrap::after,
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris .jet-form-builder__field-wrap::after {
    content: "kr" !important;
    position: absolute !important;
    right: 18px !important; /* Snaps the text inside the right boundary of the field */
    color: #CD6E33 !important; /* Uses your detail color to draw attention to the currency */
    font-weight: 700 !important;
    font-size: 15px !important;
    pointer-events: none !important; /* Allows clicks to pass through straight to the input box */
}

/* 4. Clean up: Hide the ugly browser default spin arrows on dark mode */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input::-webkit-outer-spin-button,
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type=number] {
    -moz-appearance: textfield !important;
}

/* 1. Selve input-feltet hvor man skriver inn adressen */

.adresse input {

    background-color: #100E0B !important;

    color: #F2EDE9 !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    padding: 12px 15px;

}



/* Fargen på hjelpeteksten (placeholder) inni feltet */

.adresse input::placeholder {

    color: rgba(242, 237, 233, 0.5) !important;

}



/* 2. Selve dropdown-boksen (Listen som fylles med adresser) */

.jet-adr-list {

    background-color: #100E0B !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);

    margin-top: 4px;

    padding: 0;

    list-style: none;

    overflow: hidden;

    z-index: 9999; /* Sørger for at den legger seg oppå alt annet innhold */

}



/* 3. De individuelle radene/adresseforslagene inni listen */

.jet-adr-list-item, 

.jet-adr-list li {

    background-color: #100E0B !important; /* Låser bakgrunnen til mørk i vanlig tilstand */

    color: #F2EDE9 !important;

    padding: 10px 14px;

    font-size: 14px;

    cursor: pointer;

    border-bottom: 1px solid rgba(205, 110, 51, 0.15) !important; /* Svak oransje linje mellom adresser */

    transition: background-color 0.2s ease;

}



/* Fjerner den siste skillelinjen i bunnen av boksen */

.jet-adr-list-item:last-child,

.jet-adr-list li:last-child {

    border-bottom: none !important;

}



/* Når du holder musen over en adresse i listen (Hover-tilstand) */

.jet-adr-list-item:hover,

.jet-adr-list li:hover {

    background-color: rgba(205, 110, 51, 0.2) !important; /* Elegant oransje glød som markering */

    color: #F2EDE9 !important;

}



/* Hvis JetFormBuilder uthever deler av teksten (f.eks. match på det du har skrevet) */

.jet-adr-list-item strong,

.jet-adr-list-item b {

    color: #CD6E33 !important; /* Gjør treffet oransje */

    font-weight: 600;

}
.dato_felt {
    width: 50%!important;
}/* End custom CSS */
/* Start custom CSS for jet-form-builder-form, class: .elementor-element-15b4707 *//* Target only the main WordPress buttons inside your content area */
.style-wysiwyg .wp-core-ui .button {
    background: linear-gradient(135deg, #CD6E33, #C77B49)!important; 
    color: #F2EDE9!important;            /* Lyse tekstfargen din */
    border: none!important; 
    border-radius: 99px!important;   
    padding: 6px 14px;                 /* Behagelig luft rundt teksten */
    font-weight: 500;   
    transition: all 0.3s ease; 
    box-shadow: 0 2px 4px rgba(23, 21, 22, 0.4); 
    margin-bottom: 15px !important; 
    display: inline-block;             /* Gjør at padding og margin oppfører seg pent */
}

/* Hover-tilstand for kun denne knappen */
.style-wysiwyg .wp-core-ui .button:hover {
    background: linear-gradient(135deg, #C77B49, #CD6E33)!important; 
    color: #ffffff!important;          /* Ren hvit tekst på hover */
    cursor: pointer;                   /* Peker-ikon */
    box-shadow: 0 4px 8px rgba(16, 14, 11, 0.6); /* Dypere skygge */
}

input[type="file" i] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #171516 !important;
    border: 1px solid #100E0B !important;
    color: #F2EDE9 !important;
    padding: 10px !important;
    border-radius: 99pxpx !important;
    width: 100% !important;
}

/* 2. Focus State */
input[type="file" i]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Button Customization (Standard) */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-15b4707-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 4. Button Customization (WebKit Webkit Engine Backup) */
input[type="file" i]::-webkit-file-upload-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 5. Hover Effects */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-15b4707-button:hover {
    opacity: 0.9 !important;
}
input[type="file" i]::-webkit-file-upload-button:hover {
    opacity: 0.9 !important;
}

small {
    color: #fffff7!important;
}

.mce-menu .mce-menu-item:nth-child(2),
.mce-menu .mce-menu-item:nth-child(3) {
    display: none !important;
}
/* 1. Gi selve rullegardinmenyen din nyanse-sort bakgrunn og mørk ramme */
.mce-menu {
    background-color: #171516 !important; /* Nyanse sort */
    border: 1px solid #100E0B !important;  /* Hoved sort ramme */
    border-radius: 4px !important;
    padding: 5px 0 !important;
}

/* 2. Tving teksten inni menyen til å bruke din lyse tekstfarge */
.mce-menu .mce-menu-item .mce-text {
    color: #F2EDE9 !important; /* Din lyse tekstfarge */
}

/* 3. Styling når man holder musen over et valg (Hover / Aktiv tilstand) */
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-active,
.mce-menu .mce-menu-item:focus {
    background-color: #CD6E33 !important; /* Din hovedfarge som bakgrunn på hover */
}

/* Sørg for at teksten forblir lys og pen også når man hoverer */
.mce-menu .mce-menu-item:hover .mce-text,
.mce-menu .mce-menu-item.mce-active .mce-text {
    color: #F2EDE9 !important;
}

.heading {
    font-family: 'Fraunces', serif !important;
    font-size: 32px !important;
    color: #F2EDE9; /* Din lyse tekstfarge fra tidligere */
    font-weight: 700; /* Tykkelsen på skriften (bold). Kan endres til f.eks 400 for tynnere */
    line-height: 1.2; /* Sørger for at linjeavstanden er tett og pen hvis tittelen er lang */
    margin-bottom: 5px;
    margin-top: 50px;/* Litt luft under tittelen ned til neste element */
}

/* 1. The Outer Container (The Card Background) */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar {
    /* Soft, 8% tinted background using your theme's accent color (defaults to a soft light orange if not found) */
    background-color: rgba(16, 14, 11, 100) !important; 
    
    /* Your requested 10px soft borders */
    border-radius: 10px !important;
    
    /* Breathing room inside the card */
    padding: 16px 20px !important;
    
    /* A very clean, micro-border outline for a crisp 2026 look */
    border: 1px solid rgba(205, 110, 51, 0.25) !important;
    
    /* Subtle depth shadow */
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.03) !important;
    
    /* Smooth entrance animation */
    animation: subtlePopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. The Input Inside (Now blending into the card perfectly) */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar input {
    background-color: transparent !important; /* Transparent so the card color shows through */
    color: var(--e-global-color-accent, #ff5722) !important; /* Uses your theme color for the text */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    pointer-events: none; /* Keeps it strictly informational */
}

/* 3. Ensure the JetFormBuilder label doesn't mess with the card spacing */
.elementor-8 .elementor-element.elementor-element-15b4707 .leveringsklar .jet-form-builder__label {
    display: none;
}

/* 4. The Entrance Animation */
@keyframes subtlePopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px) scale(0.98); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

/* 1. The Warning Container Card */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning {
    /* Your exact brand colors */
    background-color: #CD6E33 !important; 
    
    /* 10px soft borders for continuity */
    border-radius: 10px !important;
    
    /* Frame styling optimized for the new dark background */
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    /* Internal spacing */
    padding: 16px 20px !important;
    
    /* Layout alignment */
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    margin: 16px 0 !important;
    
    /* Adjusted shadow to complement the solid dark box */
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. All text inside (Headings, bold text, paragraphs, and spans) */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning strong,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning b,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning h4,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning p,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning span {
    color: #F2EDE9 !important; /* Your light brand text color */
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* 3. Increase font-weight slightly for headings to stand out on the solid background */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning strong,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning b,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning h4 {
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em;
}

.elementor-8 .elementor-element.elementor-element-15b4707 .warning p,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning span {
    font-size: 14px !important;
    opacity: 0.95; /* Marginally softens the body text for better readability */
}

/* 4. Keeps icons perfectly matched to your text color */
.elementor-8 .elementor-element.elementor-element-15b4707 .warning i,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning svg {
    color: #F2EDE9 !important;
    fill: #F2EDE9 !important;
    flex-shrink: 0;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.elementor-8 .elementor-element.elementor-element-15b4707.warning,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning {
    background-color: #CD6E33 !important; 
    border-radius: 10px !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    padding: 16px 20px !important;
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    margin: 16px 0 !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder's Specific Heading Title */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.warning h1, .elementor-8 .elementor-element.elementor-element-15b4707.warning h2, .elementor-8 .elementor-element.elementor-element-15b4707.warning h3, .elementor-8 .elementor-element.elementor-element-15b4707.warning h4 {
    color: #F2EDE9 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target JetFormBuilder's Specific Heading Description (If you use it) */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707.warning p, .elementor-8 .elementor-element.elementor-element-15b4707.warning span {
    color: #F2EDE9 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 4. Target the outer block wrapper to strip any hidden form backgrounds */
.elementor-8 .elementor-element.elementor-element-15b4707.warning .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-15b4707 .warning .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. The Subtle Dark Success Container Card */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent {
    /* Your exact dark background theme color */
    background-color: #171516 !important; 
    
    border-radius: 10px !important;
    
    /* Crisp micro-border using your brand orange at a soft 20% opacity */
    border: 1px solid rgba(205, 110, 51, 0.2) !important;
    /* Clean brand orange left anchor line for the detail accent */
    border-left: 4px solid #CD6E33 !important; 
    
    padding: 16px 20px !important;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 !important;
    
    /* A deep dark shadow so it sits naturally over the dark canvas */
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.4) !important;
    
    /* Smooth entrance animation */
    animation: successPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder & Elementor Headings (Using your brand orange for the detail pop) */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent h1, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h2, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h3, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent h4 {
    color: #CD6E33 !important; /* Brand orange detail color */
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target Body Text/Descriptions (Using your light theme text color) */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .elementor-text-editor,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .elementor-text-editor *,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent p, .elementor-8 .elementor-element.elementor-element-15b4707.godkjent span {
    color: #F2EDE9 !important; /* Your light text color */
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95; /* Subtle blend for modern typography hierarchy */
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. Strip outer form wrappers of hidden default backgrounds */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-15b4707 .godkjent .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Keep Icons matching your brand orange detail color */
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent i,
.elementor-8 .elementor-element.elementor-element-15b4707.godkjent svg {
    color: #CD6E33 !important;
    fill: #CD6E33 !important;
    flex-shrink: 0;
}

/* 6. Success Animation Keyframes */
@keyframes successPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. Establish the layout framework for the field container */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris .jet-form-builder__field-wrap,
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris .jet-form-builder__field-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. Format the Input Field itself */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type="number"],
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris input[type="number"] {
    background-color: #171516 !important;
    color: #F2EDE9 !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-radius: 10px !important;
    padding: 14px 45px 14px 16px !important; /* Generous right padding to prevent text overlapping the "kr" */
    font-weight: 600 !important;
    font-size: 16px !important;
    width: 100% !important;
    transition: border-color 0.2s ease;
}

/* Accent highlight when the user clicks inside the price field */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type="number"]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Inject the "kr" suffix using CSS */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris .jet-form-builder__field-wrap::after,
.elementor-8 .elementor-element.elementor-element-15b4707.valpe-pris .jet-form-builder__field-wrap::after {
    content: "kr" !important;
    position: absolute !important;
    right: 18px !important; /* Snaps the text inside the right boundary of the field */
    color: #CD6E33 !important; /* Uses your detail color to draw attention to the currency */
    font-weight: 700 !important;
    font-size: 15px !important;
    pointer-events: none !important; /* Allows clicks to pass through straight to the input box */
}

/* 4. Clean up: Hide the ugly browser default spin arrows on dark mode */
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input::-webkit-outer-spin-button,
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.elementor-8 .elementor-element.elementor-element-15b4707 .valpe-pris input[type=number] {
    -moz-appearance: textfield !important;
}

/* 1. Selve input-feltet hvor man skriver inn adressen */

.adresse input {

    background-color: #100E0B !important;

    color: #F2EDE9 !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    padding: 12px 15px;

}



/* Fargen på hjelpeteksten (placeholder) inni feltet */

.adresse input::placeholder {

    color: rgba(242, 237, 233, 0.5) !important;

}



/* 2. Selve dropdown-boksen (Listen som fylles med adresser) */

.jet-adr-list {

    background-color: #100E0B !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);

    margin-top: 4px;

    padding: 0;

    list-style: none;

    overflow: hidden;

    z-index: 9999; /* Sørger for at den legger seg oppå alt annet innhold */

}



/* 3. De individuelle radene/adresseforslagene inni listen */

.jet-adr-list-item, 

.jet-adr-list li {

    background-color: #100E0B !important; /* Låser bakgrunnen til mørk i vanlig tilstand */

    color: #F2EDE9 !important;

    padding: 10px 14px;

    font-size: 14px;

    cursor: pointer;

    border-bottom: 1px solid rgba(205, 110, 51, 0.15) !important; /* Svak oransje linje mellom adresser */

    transition: background-color 0.2s ease;

}



/* Fjerner den siste skillelinjen i bunnen av boksen */

.jet-adr-list-item:last-child,

.jet-adr-list li:last-child {

    border-bottom: none !important;

}



/* Når du holder musen over en adresse i listen (Hover-tilstand) */

.jet-adr-list-item:hover,

.jet-adr-list li:hover {

    background-color: rgba(205, 110, 51, 0.2) !important; /* Elegant oransje glød som markering */

    color: #F2EDE9 !important;

}


.jet-adr-list-item strong,

.jet-adr-list-item b {

    color: #CD6E33 !important; /* Gjør treffet oransje */

    font-weight: 600;

}
.dato_felt {
    width: 70%!important;
}

.jet-form-builder__field-wrap.phone-field-wrap .iti__country-list {
  background-color: #171516!important;
  border: 1px solid #CD6E33!important;
  border-radius: 2px;
}

.cb-k5xnqk5s .jet-form-builder__field-wrap .iti__selected-country .iti__selected-dial-code {
    color: #F2EDE9!important;
}/* End custom CSS */
/* Start custom CSS for jet-form-builder-form, class: .elementor-element-9d86c9f *//* Target only the main WordPress buttons inside your content area */
.style-wysiwyg .wp-core-ui .button {
    background: linear-gradient(135deg, #CD6E33, #C77B49)!important; 
    color: #F2EDE9!important;            /* Lyse tekstfargen din */
    border: none!important; 
    border-radius: 99px!important;   
    padding: 6px 14px;                 /* Behagelig luft rundt teksten */
    font-weight: 500;   
    transition: all 0.3s ease; 
    box-shadow: 0 2px 4px rgba(23, 21, 22, 0.4); 
    margin-bottom: 15px !important; 
    display: inline-block;             /* Gjør at padding og margin oppfører seg pent */
}

/* Hover-tilstand for kun denne knappen */
.style-wysiwyg .wp-core-ui .button:hover {
    background: linear-gradient(135deg, #C77B49, #CD6E33)!important; 
    color: #ffffff!important;          /* Ren hvit tekst på hover */
    cursor: pointer;                   /* Peker-ikon */
    box-shadow: 0 4px 8px rgba(16, 14, 11, 0.6); /* Dypere skygge */
}

input[type="file" i] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #171516 !important;
    border: 1px solid #100E0B !important;
    color: #F2EDE9 !important;
    padding: 10px !important;
    border-radius: 99pxpx !important;
    width: 100% !important;
}

/* 2. Focus State */
input[type="file" i]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Button Customization (Standard) */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-9d86c9f-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 4. Button Customization (WebKit Webkit Engine Backup) */
input[type="file" i]::-webkit-file-upload-button {
    appearance: none;
    -webkit-appearance: none;
    background: linear-gradient(135deg, #CD6E33, #C77B49) !important;
    color: #F2EDE9 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
    transition: opacity 0.2s ease !important;
}

/* 5. Hover Effects */
input[type="file" i]::file-.elementor-8 .elementor-element.elementor-element-9d86c9f-button:hover {
    opacity: 0.9 !important;
}
input[type="file" i]::-webkit-file-upload-button:hover {
    opacity: 0.9 !important;
}

small {
    color: #fffff7!important;
}

.mce-menu .mce-menu-item:nth-child(2),
.mce-menu .mce-menu-item:nth-child(3) {
    display: none !important;
}
/* 1. Gi selve rullegardinmenyen din nyanse-sort bakgrunn og mørk ramme */
.mce-menu {
    background-color: #171516 !important; /* Nyanse sort */
    border: 1px solid #100E0B !important;  /* Hoved sort ramme */
    border-radius: 4px !important;
    padding: 5px 0 !important;
}

/* 2. Tving teksten inni menyen til å bruke din lyse tekstfarge */
.mce-menu .mce-menu-item .mce-text {
    color: #F2EDE9 !important; /* Din lyse tekstfarge */
}

/* 3. Styling når man holder musen over et valg (Hover / Aktiv tilstand) */
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-active,
.mce-menu .mce-menu-item:focus {
    background-color: #CD6E33 !important; /* Din hovedfarge som bakgrunn på hover */
}

/* Sørg for at teksten forblir lys og pen også når man hoverer */
.mce-menu .mce-menu-item:hover .mce-text,
.mce-menu .mce-menu-item.mce-active .mce-text {
    color: #F2EDE9 !important;
}

.heading {
    font-family: 'Fraunces', serif !important;
    font-size: 32px !important;
    color: #F2EDE9; /* Din lyse tekstfarge fra tidligere */
    font-weight: 700; /* Tykkelsen på skriften (bold). Kan endres til f.eks 400 for tynnere */
    line-height: 1.2; /* Sørger for at linjeavstanden er tett og pen hvis tittelen er lang */
    margin-bottom: 5px;
    margin-top: 50px;/* Litt luft under tittelen ned til neste element */
}

/* 1. The Outer Container (The Card Background) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar {
    /* Soft, 8% tinted background using your theme's accent color (defaults to a soft light orange if not found) */
    background-color: rgba(16, 14, 11, 100) !important; 
    
    /* Your requested 10px soft borders */
    border-radius: 10px !important;
    
    /* Breathing room inside the card */
    padding: 16px 20px !important;
    
    /* A very clean, micro-border outline for a crisp 2026 look */
    border: 1px solid rgba(205, 110, 51, 0.25) !important;
    
    /* Subtle depth shadow */
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.03) !important;
    
    /* Smooth entrance animation */
    animation: subtlePopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. The Input Inside (Now blending into the card perfectly) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar input {
    background-color: transparent !important; /* Transparent so the card color shows through */
    color: var(--e-global-color-accent, #ff5722) !important; /* Uses your theme color for the text */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    pointer-events: none; /* Keeps it strictly informational */
}

/* 3. Ensure the JetFormBuilder label doesn't mess with the card spacing */
.elementor-8 .elementor-element.elementor-element-9d86c9f .leveringsklar .jet-form-builder__label {
    display: none;
}

/* 4. The Entrance Animation */
@keyframes subtlePopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px) scale(0.98); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

/* 1. The Warning Container Card */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning {
    /* Your exact brand colors */
    background-color: #CD6E33 !important; 
    
    /* 10px soft borders for continuity */
    border-radius: 10px !important;
    
    /* Frame styling optimized for the new dark background */
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    /* Internal spacing */
    padding: 16px 20px !important;
    
    /* Layout alignment */
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    margin: 16px 0 !important;
    
    /* Adjusted shadow to complement the solid dark box */
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. All text inside (Headings, bold text, paragraphs, and spans) */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning strong,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning b,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning h4,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning p,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning span {
    color: #F2EDE9 !important; /* Your light brand text color */
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* 3. Increase font-weight slightly for headings to stand out on the solid background */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning strong,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning b,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning h4 {
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em;
}

.elementor-8 .elementor-element.elementor-element-9d86c9f .warning p,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning span {
    font-size: 14px !important;
    opacity: 0.95; /* Marginally softens the body text for better readability */
}

/* 4. Keeps icons perfectly matched to your text color */
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning i,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning svg {
    color: #F2EDE9 !important;
    fill: #F2EDE9 !important;
    flex-shrink: 0;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.elementor-8 .elementor-element.elementor-element-9d86c9f.warning,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning {
    background-color: #CD6E33 !important; 
    border-radius: 10px !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-left: 4px solid #F2EDE9 !important; 
    
    padding: 16px 20px !important;
    box-shadow: 0px 8px 24px rgba(205, 110, 51, 0.2) !important;
    margin: 16px 0 !important;
    
    /* Smooth entrance animation */
    animation: warningPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder's Specific Heading Title */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning h1, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h2, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h3, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning h4 {
    color: #F2EDE9 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target JetFormBuilder's Specific Heading Description (If you use it) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning p, .elementor-8 .elementor-element.elementor-element-9d86c9f.warning span {
    color: #F2EDE9 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 4. Target the outer block wrapper to strip any hidden form backgrounds */
.elementor-8 .elementor-element.elementor-element-9d86c9f.warning .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-9d86c9f .warning .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Animation Keyframes */
@keyframes warningPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. The Subtle Dark Success Container Card */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent {
    /* Your exact dark background theme color */
    background-color: #171516 !important; 
    
    border-radius: 10px !important;
    
    /* Crisp micro-border using your brand orange at a soft 20% opacity */
    border: 1px solid rgba(205, 110, 51, 0.2) !important;
    /* Clean brand orange left anchor line for the detail accent */
    border-left: 4px solid #CD6E33 !important; 
    
    padding: 16px 20px !important;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 !important;
    
    /* A deep dark shadow so it sits naturally over the dark canvas */
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.4) !important;
    
    /* Smooth entrance animation */
    animation: successPopUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 2. Target JetFormBuilder & Elementor Headings (Using your brand orange for the detail pop) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .elementor-heading-title,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h1, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h2, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h3, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent h4 {
    color: #CD6E33 !important; /* Brand orange detail color */
    font-weight: 700 !important;
    font-size: 18px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Target Body Text/Descriptions (Using your light theme text color) */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading-desc,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .elementor-text-editor,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .elementor-text-editor *,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent p, .elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent span {
    color: #F2EDE9 !important; /* Your light text color */
    font-size: 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95; /* Subtle blend for modern typography hierarchy */
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. Strip outer form wrappers of hidden default backgrounds */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent .jet-form-builder__heading,
.elementor-8 .elementor-element.elementor-element-9d86c9f .godkjent .jet-form-builder__heading {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 5. Keep Icons matching your brand orange detail color */
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent i,
.elementor-8 .elementor-element.elementor-element-9d86c9f.godkjent svg {
    color: #CD6E33 !important;
    fill: #CD6E33 !important;
    flex-shrink: 0;
}

/* 6. Success Animation Keyframes */
@keyframes successPopUp {
    0% { 
        opacity: 0; 
        transform: translateY(6px); 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* 1. Establish the layout framework for the field container */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris .jet-form-builder__field-wrap,
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris .jet-form-builder__field-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. Format the Input Field itself */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type="number"],
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris input[type="number"] {
    background-color: #171516 !important;
    color: #F2EDE9 !important;
    border: 1px solid rgba(242, 237, 233, 0.15) !important;
    border-radius: 10px !important;
    padding: 14px 45px 14px 16px !important; /* Generous right padding to prevent text overlapping the "kr" */
    font-weight: 600 !important;
    font-size: 16px !important;
    width: 100% !important;
    transition: border-color 0.2s ease;
}

/* Accent highlight when the user clicks inside the price field */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type="number"]:focus {
    border-color: #CD6E33 !important;
    outline: none !important;
}

/* 3. Inject the "kr" suffix using CSS */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris .jet-form-builder__field-wrap::after,
.elementor-8 .elementor-element.elementor-element-9d86c9f.valpe-pris .jet-form-builder__field-wrap::after {
    content: "kr" !important;
    position: absolute !important;
    right: 18px !important; /* Snaps the text inside the right boundary of the field */
    color: #CD6E33 !important; /* Uses your detail color to draw attention to the currency */
    font-weight: 700 !important;
    font-size: 15px !important;
    pointer-events: none !important; /* Allows clicks to pass through straight to the input box */
}

/* 4. Clean up: Hide the ugly browser default spin arrows on dark mode */
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input::-webkit-outer-spin-button,
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.elementor-8 .elementor-element.elementor-element-9d86c9f .valpe-pris input[type=number] {
    -moz-appearance: textfield !important;
}

/* 1. Selve input-feltet hvor man skriver inn adressen */

.adresse input {

    background-color: #100E0B !important;

    color: #F2EDE9 !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    padding: 12px 15px;

}



/* Fargen på hjelpeteksten (placeholder) inni feltet */

.adresse input::placeholder {

    color: rgba(242, 237, 233, 0.5) !important;

}



/* 2. Selve dropdown-boksen (Listen som fylles med adresser) */

.jet-adr-list {

    background-color: #100E0B !important;

    border: 1px solid #CD6E33 !important;

    border-radius: 6px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);

    margin-top: 4px;

    padding: 0;

    list-style: none;

    overflow: hidden;

    z-index: 9999; /* Sørger for at den legger seg oppå alt annet innhold */

}



/* 3. De individuelle radene/adresseforslagene inni listen */

.jet-adr-list-item, 

.jet-adr-list li {

    background-color: #100E0B !important; /* Låser bakgrunnen til mørk i vanlig tilstand */

    color: #F2EDE9 !important;

    padding: 10px 14px;

    font-size: 14px;

    cursor: pointer;

    border-bottom: 1px solid rgba(205, 110, 51, 0.15) !important; /* Svak oransje linje mellom adresser */

    transition: background-color 0.2s ease;

}



/* Fjerner den siste skillelinjen i bunnen av boksen */

.jet-adr-list-item:last-child,

.jet-adr-list li:last-child {

    border-bottom: none !important;

}



/* Når du holder musen over en adresse i listen (Hover-tilstand) */

.jet-adr-list-item:hover,

.jet-adr-list li:hover {

    background-color: rgba(205, 110, 51, 0.2) !important; /* Elegant oransje glød som markering */

    color: #F2EDE9 !important;

}



/* Hvis JetFormBuilder uthever deler av teksten (f.eks. match på det du har skrevet) */

.jet-adr-list-item strong,

.jet-adr-list-item b {

    color: #CD6E33 !important; /* Gjør treffet oransje */

    font-weight: 600;

}
.dato_felt {
    width: 50%!important;
}/* End custom CSS */