/* 1. PREMIUM CALENDAR STYLING - FILMILY BRANDING */
        /* Force Ultimate Member Dark Mode to Yield */
        html body div.picker .picker__holder {
            background: rgba(15, 23, 42, 0.85) !important;
            backdrop-filter: blur(12px) !important;
            -webkit-backdrop-filter: blur(12px) !important;
            z-index: 9999999 !important;
        }

        html body div.picker .picker__frame {
            background: #13141c !important;
            border-radius: 24px !important;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
            border: 1px solid #23243a !important;
            padding: 24px !important;
            box-sizing: border-box !important;
            width: calc(100% - 24px) !important;
            min-width: 0 !important;
            max-width: 360px !important;
            margin: 0 auto !important;
            top: 15% !important;
            color: #ffffff !important;
        }

        html body div.picker .picker__wrap,
        html body div.picker .picker__box {
            background: transparent !important;
            border: none !important;
            margin: 0 !important;
            padding: 0 !important;
            padding-bottom: 0px !important;
            box-shadow: none !important;
        }

        html body div.picker {
            padding-bottom: 0px !important;
            margin-bottom: 0px !important;
        }

        html body div.picker.picker--opened .picker__frame {
            transform: translateY(0) !important;
            opacity: 1 !important;
        }

        /* Single Line Header Layout */
        html body div.picker .picker__header {
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            text-align: left !important;
            position: relative !important;
            padding: 0 !important;
            margin: 0 0 18px !important;
            height: auto !important;
            line-height: 1 !important;
            border: none !important;
            background: transparent !important;
        }

        div.picker .picker__month,
        div.picker .picker__year,
        div.picker .picker__select--month,
        div.picker .picker__select--year {
            display: inline-block !important;
            vertical-align: middle !important;
            float: none !important;
            margin: 0 !important;
        }

        html body div.picker .picker__month {
            order: 1 !important;
            flex: 1 1 auto !important;
            min-width: 0 !important;
            white-space: nowrap !important;
            text-align: left !important;
            font-weight: 800 !important;
            color: #ffffff !important;
            font-size: 17px !important;
            line-height: 1.2 !important;
        }

        /* Dropdown selects inside header */
        div.picker .picker__select--month,
        div.picker .picker__select--year {
            background: #1e202e !important;
            border: 1px solid #2d3044 !important;
            border-radius: 8px !important;
            height: 32px !important;
            line-height: 30px !important;
            font-weight: 800 !important;
            color: #ffffff !important;
            font-size: 14px !important;
            padding: 0 22px 0 8px !important;
            outline: none !important;
            order: 2 !important;
            flex: 0 0 84px !important;
            width: 84px !important;
            max-width: 84px !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            appearance: none !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
            background-repeat: no-repeat !important;
            background-position: right 8px center !important;
            cursor: pointer !important;
        }

        /* div.picker .picker__nav--prev,
                        div.picker .picker__nav--next {
                            position: absolute !important;
                            top: 50% !important;
                            transform: translateY(-50%) !important;
                            bottom: auto !important;
                            width: 32px !important;
                            height: 32px !important;
                            border-radius: 8px !important;
                            background: transparent !important;
                            border: none !important;
                            cursor: pointer !important;
                            opacity: 1 !important;
                            visibility: visible !important;
                            display: flex !important;
                            align-items: center !important;
                            justify-content: center !important;
                            transition: all 0.2s ease !important;
                            margin: 0 !important;
                        }

                        div.picker .picker__nav--prev {
                            left: 4px !important;
                        }

                        div.picker .picker__nav--next {
                            right: 4px !important;
                        }

                        html body div.picker .picker__nav--prev:hover,
                        html body div.picker .picker__nav--next:hover {
                            background: transparent !important;
                            border: none !important;
                        }

                        html body div.picker .picker__nav--prev:before {
                            border-right-color: #ffffff !important;
                            border-width: 6px !important;
                            transition: all 0.2s ease !important;
                        }

                        html body div.picker .picker__nav--next:before {
                            border-left-color: #ffffff !important;
                            border-width: 6px !important;
                            transition: all 0.2s ease !important;
                        }

                        html body div.picker .picker__nav--prev:hover:before {
                            border-right-color: #F73B3E !important;
                        }

                        html body div.picker .picker__nav--next:hover:before {
                            border-left-color: #F73B3E !important;
                        } */

        /* Table & Days */
        html body div.picker .picker__table {
            width: 100% !important;
            border-collapse: separate !important;
            border-spacing: 0 6px !important;
            background: transparent !important;
            border: none !important;
            margin-bottom: 0 !important;
        }

        html body div.picker .picker__table th,
        html body div.picker .picker__table td {
            background: transparent !important;
            border: none !important;
        }

        html body div.picker .picker__weekday {
            font-size: 11px !important;
            font-weight: 700 !important;
            color: #94a3b8 !important;
            text-transform: uppercase !important;
            text-align: center !important;
            border: none !important;
            padding-bottom: 12px !important;
            background: transparent !important;
        }

        html body div.picker .picker__day {
            font-size: 14px !important;
            font-weight: 600 !important;
            color: #f1f5f9 !important;
            border-radius: 12px !important;
            width: 40px !important;
            height: 40px !important;
            line-height: 40px !important;
            text-align: center !important;
            transition: all 0.2s ease !important;
            background: transparent !important;
            border: 1px solid transparent !important;
            padding: 0 !important;
            margin: 0 auto !important;
        }

        html body div.picker .picker__day--disabled,
        html body div.picker .picker__day--outfocus {
            color: #475569 !important;
            background: transparent !important;
        }

        html body div.picker .picker__day--infocus:hover {
            background: #282a3d !important;
            color: #ffffff !important;
            border-color: #3b3e59 !important;
        }

        /* html body div.picker .picker__day--selected,
                    html body div.picker .picker__day--selected:hover,
                    html body div.picker .picker__day--highlighted {
                        background: #F73B3E !important;
                        color: #fff !important;
                        font-weight: 800 !important;
                        border-color: #F73B3E !important;
                        box-shadow: 0 4px 10px rgba(247, 59, 62, 0.3) !important;
                    } */

        html body div.picker .picker__day--highlighted {
            background: transparent !important;
            color: #ffffff !important;
            border-color: #F73B3E !important;
            box-shadow: none !important;
        }

        html body div.picker .picker__day--selected,
        html body div.picker .picker__day--selected:hover {
            background: #F73B3E !important;
            color: #fff !important;
            font-weight: 800 !important;
            border-color: #F73B3E !important;
            box-shadow: 0 4px 10px rgba(247, 59, 62, 0.3) !important;
        }

        html body div.picker .picker__day--today {
            color: #ffffff !important;
            font-weight: 800 !important;
            border: 1px solid #F73B3E !important;
            background: rgba(247, 59, 62, 0.2) !important;
        }

        /* Overriding the blue square from um dark mode */
        body div.um.um-dark .picker__day--selected,
        html body div.picker .picker__day--selected {
            background: #F73B3E !important;
            color: #fff !important;
        }

        /* Footer */
        html body div.picker .picker__footer {
            display: flex !important;
            gap: 5px !important;
            margin-top: 5px !important;
            padding: 5px 0 0 0 !important;
            border-top: 1px solid #23243a !important;
            background: transparent !important;
            align-items: center !important;
        }

        html body div.picker .picker__button--today,
        html body div.picker .picker__button--clear,
        html body div.picker .picker__button--close {
            flex: 1 !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            border-radius: 6px !important;
            padding: 4px !important;
            cursor: pointer !important;
            text-align: center !important;
            border: 1px solid #2d3044 !important;
            background: #1e202e !important;
            color: #f1f5f9 !important;
            transition: all 0.2s ease !important;
        }

        html body div.picker .picker__button--today:hover,
        html body div.picker .picker__button--clear:hover {
            background: #2b2e45 !important;
            color: #ffffff !important;
        }

        html body div.picker .picker__button--close {
            background: #F73B3E !important;
            color: #fff !important;
            border: 1px solid #F73B3E !important;
        }

        html body div.picker .picker__button--close:hover {
            background: #d32f2f !important;
            box-shadow: 0 4px 10px rgba(247, 59, 62, 0.3) !important;
        }

        /* HIDE MASONRY GHOST ELEMENTS */
        /* ===== FILMLY DATEPICKER LAYOUT FIX ===== */
        html body div.picker .picker__box .picker__header .picker__nav--prev,
        html body div.picker .picker__box .picker__header .picker__nav--next {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        html body div.picker .picker__box .picker__header {
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            height: auto !important;
            line-height: 1 !important;
            padding: 0 !important;
            margin: 0 0 18px !important;
            text-align: left !important;
            position: relative !important;
        }

        html body div.picker .picker__box .picker__header .picker__month {
            order: 1 !important;
        }

        html body div.picker .picker__box .picker__header .picker__select--year,
        html body div.picker .picker__box .picker__header .picker__select--month {
            order: 2 !important;
        }

        html body div.picker .picker__box .picker__header .picker__nav--prev {
            order: 3 !important;
        }

        html body div.picker .picker__box .picker__header .picker__nav--next {
            order: 4 !important;
        }

        html body div.picker .picker__box .picker__header .picker__month {
            flex: 1 1 auto !important;
            min-width: 0 !important;
            margin: 0 !important;
            text-align: left !important;
            font-size: 17px !important;
            line-height: 1.2 !important;
            white-space: nowrap !important;
        }

        html body div.picker .picker__box .picker__header .picker__select--year,
        html body div.picker .picker__box .picker__header .picker__select--month {
            flex: 0 0 84px !important;
            width: 84px !important;
            max-width: 84px !important;
            min-width: 0 !important;
            height: 34px !important;
            margin: 0 !important;
            padding: 0 24px 0 10px !important;
            line-height: 32px !important;
            box-sizing: border-box !important;
        }

        html body div.picker .picker__box .picker__header .picker__nav--prev,
        html body div.picker .picker__box .picker__header .picker__nav--next {
            position: static !important;
            transform: none !important;
            flex: 0 0 32px !important;
            width: 32px !important;
            height: 32px !important;
            padding: 0 !important;
            margin: 0 !important;
            border-radius: 8px !important;
            background: #1e202e !important;
            border: 1px solid #2d3044 !important;
            box-sizing: border-box !important;
        }

        html body div.picker .picker__box .picker__header .picker__nav--prev:hover,
        html body div.picker .picker__box .picker__header .picker__nav--next:hover {
            background: #2b2e45 !important;
        }

        html body div.picker .picker__box .picker__header .picker__nav--prev::before,
        html body div.picker .picker__box .picker__header .picker__nav--next::before {
            content: "" !important;
            display: block !important;
            width: 0 !important;
            height: 0 !important;
            margin: 0 !important;
            border-style: solid !important;
        }

        html body div.picker .picker__box .picker__header .picker__nav--prev::before {
            border-width: 5px 7px 5px 0 !important;
            border-color: transparent #ffffff transparent transparent !important;
        }

        html body div.picker .picker__box .picker__header .picker__nav--next::before {
            border-width: 5px 0 5px 7px !important;
            border-color: transparent transparent transparent #ffffff !important;
        }

        html body div.picker .picker__box .picker__header .picker__nav--disabled {
            opacity: 0.3 !important;
            cursor: default !important;
            pointer-events: none !important;
        }

        html body div.picker .picker__box .picker__day--highlighted {
            background: transparent !important;
            color: #ffffff !important;
            border-color: #F73B3E !important;
            box-shadow: none !important;
        }

        html body div.picker .picker__box .picker__day--selected,
        html body div.picker .picker__box .picker__day--selected:hover {
            background: #F73B3E !important;
            color: #ffffff !important;
            border-color: #F73B3E !important;
            box-shadow: 0 4px 10px rgba(247, 59, 62, 0.3) !important;
        }

        html body div.picker .picker__box .picker__footer {
            border-top: 1px solid #23243a !important;
            margin-top: 8px !important;
            padding-top: 10px !important;
        }

        html body div.picker .picker__holder .picker__frame {
            box-sizing: border-box !important;
            width: calc(100% - 24px) !important;
            min-width: 0 !important;
            max-width: 360px !important;
        }

        html body .um-directory .um-members-wrapper .um-members .um-gutter-sizer,
        html body .um-directory .um-members-wrapper .um-members .um-grid-sizer,
        html body .um-directory .um-members-wrapper .um-members.masonry .um-gutter-sizer,
        html body .um-directory .um-members-wrapper .um-members.masonry .um-grid-sizer {
            display: none !important;
        }

        /* 2. CREW MEMBER GRID ALIGNMENT - ENFORCE LEFT TO RIGHT (STRICTOR) */
        html body .um-directory .um-members-wrapper .um-members,
        html body .um-directory .um-members-wrapper .um-members.masonry {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: flex-start !important;
            /* Stricly packs from the left */
            align-content: flex-start !important;
            gap: 24px !important;
            height: auto !important;
            text-align: left !important;
        }

        html body .um-directory .um-members-wrapper .um-members .um-member,
        html body .um-directory .um-members-wrapper .um-members.masonry .um-member {
            flex: 0 0 calc(25% - 18px) !important;
            /* 4 columns */
            min-width: 250px !important;
            margin: 0 !important;
            /* Removes auto-margins that could cause centering */
            position: relative !important;
            /* Prevents Masonry from using absolute positioning */
            top: auto !important;
            left: auto !important;
            transform: none !important;
            float: none !important;
        }

        @media (max-width: 1200px) {

            html body .um-directory .um-members-wrapper .um-members .um-member,
            html body .um-directory .um-members-wrapper .um-members.masonry .um-member {
                flex: 0 0 calc(33.333% - 16px) !important;
                /* 3 columns on smaller desktops/laptops */
            }
        }

        @media (max-width: 900px) {

            html body .um-directory .um-members-wrapper .um-members .um-member,
            html body .um-directory .um-members-wrapper .um-members.masonry .um-member {
                flex: 0 0 calc(50% - 12px) !important;
                /* 2 columns on tablets */
            }
        }

        @media (max-width: 600px) {

            html body .um-directory .um-members-wrapper .um-members .um-member,
            html body .um-directory .um-members-wrapper .um-members.masonry .um-member {
                flex: 0 0 100% !important;
                /* 1 column on mobile */
            }
        }

        @media (max-width: 480px) {

            /* Member card compacted */
            html body .um-directory .um-members-wrapper .um-members .um-member {
                min-width: 0 !important;
                padding: 12px !important;
            }

            /* Directory search/filter bar stack */
            html body .um-directory .um-member-directory-header-row {
                flex-direction: column !important;
                gap: 8px !important;
            }

            html body .um-directory .um-members-filter-search {
                width: 100% !important;
            }

            html body .um-directory .um-members-filter-search input {
                width: 100% !important;
            }
        }


        /* 3. CONSOLIDATE FILTERS - HIDE DUPLICATES */
        /* Hide the generic 'primary_role' filter (duplicate of primary_role_crew / primary_role_crew_27) */
        html body .um-search-filter[data-filter="primary_role"],
        html body .um-filter-item[data-key="role"] {
            display: none !important;
            visibility: hidden !important;
            height: 0 !important;
            overflow: hidden !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* 4. USER PROFILE AND EDIT PROFILE ADJUSTMENTS */
        /* Hide ONLY tab navigations on edit profile */
        .um-profile.um-editing .um-profile-nav,
        .um-profile.um-editing .um-profile-navbar,
        .um-profile.um-editing .um-profile-nav-bar,
        .um-profile.um-editing .um-profile-subnav,
        .um-editing .um-profile-nav,
        .um-editing .um-profile-navbar,
        .um-editing .um-profile-nav-bar,
        .um-editing .um-profile-subnav,
        .um-form[data-mode="profile"] .um-profile-nav,
        .um-form[data-mode="edit"] .um-profile-nav {
            display: none !important;
            visibility: hidden !important;
            height: 0 !important;
            min-height: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
            border: none !important;
        }

        .um-profile.um-editing .um-header,
        .um-editing .um-header,
        .um-profile.um-editing .um-profile-photo,
        .um-profile.um-editing .um-cover {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            height: auto !important;
        }

        /* 4. USER PROFILE AND EDIT PROFILE ADJUSTMENTS */
        /* Hide ONLY tab navigations on edit profile */
        .um-profile.um-editing .um-profile-nav,
        .um-profile.um-editing .um-profile-navbar,
        .um-profile.um-editing .um-profile-nav-bar,
        .um-profile.um-editing .um-profile-subnav,
        .um-editing .um-profile-nav,
        .um-editing .um-profile-navbar,
        .um-editing .um-profile-nav-bar,
        .um-editing .um-profile-subnav,
        .um-form[data-mode="profile"] .um-profile-nav,
        .um-form[data-mode="edit"] .um-profile-nav {
            display: none !important;
            visibility: hidden !important;
            height: 0 !important;
            min-height: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
            border: none !important;
        }

        .um-profile.um-editing .um-header,
        .um-editing .um-header,
        .um-profile.um-editing .um-profile-photo,
        .um-profile.um-editing .um-cover {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            height: auto !important;
        }

        /* Edit profile container max-width 1140px centered */
        .um-profile.um-editing,
        .um-profile.um-editing .um-form,
        .um-profile.um-editing .um-profile-body {
            max-width: 1140px !important;
            width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            box-sizing: border-box !important;
            float: none !important;
            clear: both !important;
            background: transparent !important;
        }

        /* Scope UM edit profile rows, columns, and field groups to 100% full width */
        .um-profile.um-editing .um-row,
        .um-profile.um-editing .um-col-1,
        .um-profile.um-editing .um-col-2,
        .um-profile.um-editing .um-col-121,
        .um-profile.um-editing .um-col-122,
        .um-profile.um-editing .um-field-group,
        .um-profile.um-editing .um-field-type-group {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
            box-sizing: border-box !important;
            display: block !important;
            float: none !important;
            clear: both !important;
            margin-bottom: 25px !important;
            background: transparent !important;
        }

        /* 3. Section titles & headers styling - ensure proper margin/clearance and zero overlapping */
        html body .um-field-title,
        html body .um-field-group-head {
            clear: both !important;
            display: block !important;
            width: 100% !important;
            margin-top: 20px !important;
            margin-bottom: 15px !important;
            white-space: normal !important;
            word-wrap: break-word !important;
            overflow: visible !important;
            line-height: 1.3 !important;
        }

        /* Hide portfolio from the main user profile */
        .um-profile.um-viewing .um-field-portfolio,
        .um-profile.um-viewing .um-field[data-key="portfolio"] {
            display: none !important;
        }

        /* Hide latest projects from edit profile because it's syncing automatically */
        .um-profile.um-editing .um-field-latest_projects,
        .um-profile.um-editing .um-field[data-key="latest_projects"],
        .um-profile.um-editing .um-field-latest-projects,
        .um-profile.um-editing .um-field[data-key="latest-projects"],
        .um-profile.um-editing .um-field[data-key="projects"] {
            display: none !important;
        }

        /* Ensure showreel and portfolio take up full width instead of half on edit profile */
        .um-profile.um-editing .um-field-showreel,
        .um-profile.um-editing .um-field[data-key="showreel"],
        .um-profile.um-editing .um-field-portfolio,
        .um-profile.um-editing .um-field[data-key="portfolio"] {
            width: 100% !important;
            max-width: 100% !important;
            float: none !important;
            clear: both !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-bottom: 24px !important;
        }

        /* Mobile full-width override for 50/50 columns */
        @media (max-width: 768px) {

            html body .um .um-row .um-col-121,
            html body .um .um-row .um-col-122 {
                width: 100% !important;
                float: none !important;
                display: block !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                clear: both !important;
            }

            html body .um .um-row .um-col-121 {
                margin-bottom: 30px !important;
            }
        }

        /* 5. ACCOUNT SETTINGS PAGE — CLEAN DARK THEME OVERRIDE */

        .um-account,
        .um-account-main,
        .um-account-side,
        .um-account-tab,
        .um-account-meta {
            background-color: transparent !important;
        }

        .um-account-side {
            background: #13141c !important;
            border: 1px solid #23243a !important;
            border-radius: 20px !important;
            padding: 24px !important;
        }

        .um-account-main {
            background: #13141c !important;
            border: 1px solid #23243a !important;
            border-radius: 20px !important;
            padding: 32px !important;
        }

        /* ── TABLET ONLY FIX FOR UM ACCOUNT PAGE (701px - 900px / iPad 768px) ── */
        @media (min-width: 701px) and (max-width: 900px) {

            /* Hide Ultimate Member's duplicate accordion tab bar on tablet */
            div.uimob800 .um-account-nav,
            div.uimob500 .um-account-nav,
            .um-account-nav {
                display: none !important;
            }

            /* Keep side navigation at 240px width on tablet instead of UM's broken 10% */
            div.uimob800 .um-account-side,
            div.uimob500 .um-account-side,
            body.um-page-account div.uimob800 .um-account-side {
                width: 240px !important;
                float: left !important;
                padding: 0 !important;
                margin: 0 !important;
                box-sizing: border-box !important;
            }

            /* Main form card takes remaining space cleanly */
            div.uimob800 .um-account-main,
            div.uimob500 .um-account-main,
            body.um-page-account div.uimob800 .um-account-main {
                width: calc(100% - 260px) !important;
                max-width: none !important;
                float: right !important;
                margin: 0 !important;
                box-sizing: border-box !important;
            }

            /* Restore tab links and text labels */
            div.uimob800 .um-account-side li a,
            div.uimob500 .um-account-side li a {
                display: flex !important;
                align-items: center !important;
                padding: 12px 16px !important;
                height: auto !important;
                line-height: 1.4 !important;
                text-align: left !important;
            }

            div.uimob800 .um-account-side li a span.um-account-title,
            div.uimob500 .um-account-side li a span.um-account-title {
                display: inline-block !important;
                opacity: 1 !important;
                visibility: visible !important;
            }

            div.uimob800 .um-account-side li a span.um-account-icontip,
            div.uimob500 .um-account-side li a span.um-account-icontip {
                display: inline-block !important;
                float: none !important;
                width: auto !important;
                height: auto !important;
                line-height: 1 !important;
                margin-right: 10px !important;
            }
        }

        /* ── MOBILE FIX FOR UM ACCOUNT PAGE (≤700px) ── */
        @media (max-width: 700px) {

            /* Stack sidebar and main vertically on mobile */
            div.uimob500 .um-account-side,
            body.um-page-account div.uimob500 .um-account-side,
            .um-account .um-account-side {
                width: 100% !important;
                float: none !important;
                margin-bottom: 16px !important;
                padding: 16px !important;
            }

            div.uimob500 .um-account-main,
            body.um-page-account div.uimob500 .um-account-main,
            .um-account .um-account-main {
                width: 100% !important;
                float: none !important;
                padding: 16px 12px !important;
                border-radius: 16px !important;
            }

            /* Fill the phone width — drop the UM form's max-width/side padding and
               the surrounding Elementor container's side padding */
            .um.um-account {
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                box-sizing: border-box !important;
            }

            .elementor-widget:has(.um.um-account) {
                width: 100% !important;
                max-width: 100% !important;
                flex-basis: 100% !important;
            }

            .e-con:has(> .elementor-widget .um.um-account) {
                padding-left: 8px !important;
                padding-right: 8px !important;
            }

            /* Mobile tab links ("Account", "Change Password") — UM greys them all
               out (#666) and only bolds the current one, so the selection is invisible */
            .um-account .um-account-nav a {
                height: auto !important;
                line-height: 1.3 !important;
                padding: 14px 40px 14px 44px !important;
                margin-bottom: 8px !important;
                border: 1px solid #23243a !important;
                border-radius: 12px !important;
                background: #1a1b26 !important;
                color: #9ca3af !important;
                font-weight: 600 !important;
            }

            .um-account .um-account-nav span.ico {
                left: 14px !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                font-size: 18px !important;
                line-height: 1 !important;
                color: #6b7280 !important;
            }

            .um-account .um-account-nav span.arr {
                right: 14px !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                font-size: 22px !important;
                line-height: 1 !important;
                color: #6b7280 !important;
                transition: transform 0.2s ease !important;
            }

            .um-account .um-account-nav a.current {
                background: rgba(247, 59, 62, 0.12) !important;
                border-color: #F73B3E !important;
                color: #ffffff !important;
                font-weight: 700 !important;
            }

            .um-account .um-account-nav a.current span.ico,
            .um-account .um-account-nav a.current span.arr {
                color: #F73B3E !important;
            }

            .um-account .um-account-nav a.current span.arr {
                transform: translateY(-50%) rotate(180deg) !important;
            }

            /* Allow labels to wrap on mobile — prevents text from overflowing screen */
            .um-account-main .um-field-label,
            .um-account .um-field-label,
            body.um-page-account .um-field-label,
            .um-form .um-field-label,
            .um .um-field-label {
                white-space: normal !important;
                flex-wrap: wrap !important;
                overflow: hidden !important;
            }

            .um-account-main .um-field-label label,
            .um-account .um-field-label label,
            body.um-page-account .um-field-label label {
                white-space: normal !important;
                word-break: break-word !important;
            }

            /* Ensure inputs fill width and have enough height */
            .um-account-main input[type="text"],
            .um-account-main input[type="email"],
            .um-account-main input[type="password"],
            .um-account-main select,
            .um-account-main textarea,
            html body .um-account input[type="text"],
            html body .um-account input[type="email"],
            html body .um-account input[type="password"],
            html body .um-account select,
            html body .um-account textarea {
                width: 100% !important;
                min-height: 48px !important;
                padding: 12px 16px !important;
                font-size: 14px !important;
                box-sizing: border-box !important;
            }

            /* More space between fields on mobile */
            .um-account-main .um-field {
                margin-bottom: 24px !important;
            }
        }

        /* Nuke background bands & borders on field wrappers */
        .um-account-main .um-field,
        .um-account-main .um-field-area,
        .um-account-main .um-field-label,
        .um-account-main .um-field-block,
        .um-account-main .um-field-area * {
            background: transparent !important;
            background-color: transparent !important;
            border: none !important;
            box-shadow: none !important;
        }

        .um-account-main .um-field {
            margin-bottom: 20px !important;
            padding: 0 !important;
        }


        /* ── ULTIMATE MEMBER LABELS, ASTERISKS & ICONS (PREVENT WRAPPING) ── */
        .um-account-main .um-field-label,
        .um-account .um-field-label,
        body.um-page-account .um-field-label,
        .um-form .um-field-label,
        .um .um-field-label {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            flex-wrap: nowrap !important;
            white-space: nowrap !important;
            gap: 6px !important;
            margin-bottom: 14px !important;
            clear: both !important;
            width: auto !important;
            max-width: 100% !important;
        }

        .um-account-main .um-field-label .um-clear,
        .um-account .um-field-label .um-clear,
        .um-form .um-field-label .um-clear,
        .um .um-field-label .um-clear {
            display: none !important;
        }

        .um-account-main .um-field-label label,
        .um-account .um-field-label label,
        body.um-page-account .um-field-label label,
        .um-form .um-field-label label,
        .um .um-field-label label {
            color: #ffffff !important;
            font-weight: 700 !important;
            font-size: 12px !important;
            margin-bottom: 0 !important;
            display: inline-flex !important;
            flex-direction: row !important;
            align-items: center !important;
            flex-wrap: nowrap !important;
            white-space: nowrap !important;
            line-height: 1.4 !important;
            width: auto !important;
            max-width: 100% !important;
            float: none !important;
        }

        .um-account-main .um-field-label span.um-req,
        .um-account .um-field-label span.um-req,
        body.um-page-account .um-field-label span.um-req,
        .um-form .um-field-label span.um-req,
        .um .um-field-label span.um-req,
        span.um-req {
            display: inline-block !important;
            float: none !important;
            clear: none !important;
            margin: 0 0 0 4px !important;
            padding: 0 !important;
            color: #F73B3E !important;
            font-size: 14px !important;
            line-height: 1 !important;
            vertical-align: middle !important;
            white-space: nowrap !important;
        }

        .um-account-main .um-field-label span.um-tip,
        .um-account .um-field-label span.um-tip,
        body.um-page-account .um-field-label span.um-tip,
        .um-form .um-field-label span.um-tip,
        .um .um-field-label span.um-tip,
        span.um-tip {
            display: inline-flex !important;
            align-items: center !important;
            float: none !important;
            clear: none !important;
            margin: 0 0 0 6px !important;
            padding: 0 !important;
            vertical-align: middle !important;
            white-space: nowrap !important;
            cursor: pointer !important;
            position: relative !important;
            top: 0 !important;
        }

        .um-account-main .um-field-label span.um-tip i,
        .um-account .um-field-label span.um-tip i,
        body.um-page-account .um-field-label span.um-tip i,
        .um-form .um-field-label span.um-tip i,
        .um .um-field-label span.um-tip i,
        span.um-tip i {
            font-size: 16px !important;
            color: #94a3b8 !important;
            line-height: 1 !important;
            display: inline-block !important;
            vertical-align: middle !important;
        }

        .um-account-main .um-field-label .um-field-label-icon,
        .um-account .um-field-label .um-field-label-icon,
        body.um-page-account .um-field-label .um-field-label-icon,
        .um-form .um-field-label .um-field-label-icon,
        .um .um-field-label .um-field-label-icon {
            display: inline-flex !important;
            align-items: center !important;
            float: none !important;
            clear: none !important;
            margin: 0 6px 0 0 !important;
            vertical-align: middle !important;
            height: auto !important;
            line-height: 1 !important;
        }

        /* ── ACCOUNT CHECKBOXES (Notifications & Web Notifications) ── */
        .um-account-main label.um-field-checkbox,
        body.um-page-account .um-account label.um-field-checkbox,
        body.um-page-account label.um-field-checkbox,
        .um-form label.um-field-checkbox,
        .um label.um-field-checkbox {
            position: relative !important;
            display: flex !important;
            align-items: center !important;
            min-height: 24px !important;
            padding-left: 32px !important;
            margin: 10px 0 !important;
            cursor: pointer !important;
            user-select: none !important;
        }

        .um-account-main .um-field-checkbox input[type="checkbox"],
        body.um-page-account .um-account .um-field-checkbox input[type="checkbox"],
        body.um-page-account input[type="checkbox"],
        .um-form .um-field-checkbox input[type="checkbox"],
        .um .um-field-checkbox input[type="checkbox"] {
            position: absolute !important;
            opacity: 0 !important;
            width: 0 !important;
            height: 0 !important;
            min-width: 0 !important;
            min-height: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
            outline: none !important;
            pointer-events: none !important;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            appearance: none !important;
            display: none !important;
            visibility: hidden !important;
        }

        .um-account-main .um-field-checkbox .um-field-checkbox-option,
        body.um-page-account .um-account .um-field-checkbox .um-field-checkbox-option,
        body.um-page-account .um-field-checkbox-option,
        .um-form .um-field-checkbox .um-field-checkbox-option,
        .um .um-field-checkbox .um-field-checkbox-option {
            margin: 0 !important;
            padding: 0 0 0 4px !important;
            display: inline-block !important;
            line-height: 22px !important;
            color: #ffffff !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            cursor: pointer !important;
        }

        html body .um-account-main label[for="um-export-data"],
        html body .um-account-main label[for="um-erase-data"],
        html body .um-account label[for="um-export-data"],
        html body .um-account label[for="um-erase-data"],
        html body.um-page-account label[for="um-export-data"],
        html body.um-page-account label[for="um-erase-data"] {
            font-size: 13px !important;
            font-weight: 600 !important;
            font-style: normal !important;
            text-transform: none !important;
            color: #cbd5e1 !important;
            white-space: normal !important;
            display: block !important;
            margin-top: 6px !important;
            margin-bottom: 14px !important;
        }

        html body .um-account-main label,
        html body .um-account label,
        html body.um-page-account label {
            white-space: normal !important;
            overflow: visible !important;
            text-overflow: unset !important;
            word-break: break-word !important;
            max-width: 100% !important;
        }

        /* Checkbox outer box: 20x20 with 4px radius */
        .um-account-main .um-field-checkbox .um-field-checkbox-state,
        body.um-page-account .um-account .um-field-checkbox .um-field-checkbox-state,
        body.um-page-account .um-field-checkbox .um-field-checkbox-state,
        .um-form .um-field-checkbox .um-field-checkbox-state,
        .um .um-field-checkbox .um-field-checkbox-state {
            position: absolute !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            left: 0 !important;
            width: 20px !important;
            height: 20px !important;
            min-width: 20px !important;
            min-height: 20px !important;
            border-radius: 4px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            box-sizing: border-box !important;
            transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
        }

        /* Unchecked state: crisp plain white box with white border */
        .um-account-main .um-field-checkbox:not(.active) .um-field-checkbox-state,
        body.um-page-account .um-account .um-field-checkbox:not(.active) .um-field-checkbox-state,
        body.um-page-account .um-field-checkbox:not(.active) .um-field-checkbox-state,
        .um-form .um-field-checkbox:not(.active) .um-field-checkbox-state,
        .um .um-field-checkbox:not(.active) .um-field-checkbox-state,
        .um-field-checkbox:not(:has(input:checked)) .um-field-checkbox-state {
            background: #ffffff !important;
            background-color: #ffffff !important;
            border: 2px solid #ffffff !important;
            border-color: #ffffff !important;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25) !important;
        }

        /* Unchecked state: hide empty outline icon so box is pure solid white */
        .um-account-main .um-field-checkbox:not(.active) .um-field-checkbox-state i,
        body.um-page-account .um-account .um-field-checkbox:not(.active) .um-field-checkbox-state i,
        body.um-page-account .um-field-checkbox:not(.active) .um-field-checkbox-state i,
        .um-form .um-field-checkbox:not(.active) .um-field-checkbox-state i,
        .um .um-field-checkbox:not(.active) .um-field-checkbox-state i,
        .um-field-checkbox:not(:has(input:checked)) .um-field-checkbox-state i,
        .um-icon-android-checkbox-outline-blank {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
            width: 0 !important;
            height: 0 !important;
        }

        /* Checked state: turns red (#F73B3E) */
        .um-account-main .um-field-checkbox.active .um-field-checkbox-state,
        body.um-page-account .um-account .um-field-checkbox.active .um-field-checkbox-state,
        body.um-page-account .um-field-checkbox.active .um-field-checkbox-state,
        .um-form .um-field-checkbox.active .um-field-checkbox-state,
        .um .um-field-checkbox.active .um-field-checkbox-state,
        .um-field-checkbox:has(input:checked) .um-field-checkbox-state {
            background: #F73B3E !important;
            background-color: #F73B3E !important;
            border: 2px solid #F73B3E !important;
            border-color: #F73B3E !important;
            box-shadow: 0 2px 10px rgba(247, 59, 62, 0.45) !important;
        }

        /* Checked icon: pure white checkmark, eliminating any blue */
        .um-account-main .um-field-checkbox.active .um-field-checkbox-state i,
        body.um-page-account .um-account .um-field-checkbox.active .um-field-checkbox-state i,
        body.um-page-account .um-field-checkbox.active .um-field-checkbox-state i,
        body.um-page-account .um-field-checkbox i.um-icon-android-checkbox-outline,
        body.um-page-account .um-field-checkbox.active i,
        .um-form .um-field-checkbox.active .um-field-checkbox-state i,
        .um .um-field-checkbox.active .um-field-checkbox-state i,
        .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
        .um-field-checkbox.active i,
        .um-field-checkbox:has(input:checked) .um-field-checkbox-state i {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: #ffffff !important;
            font-size: 13px !important;
            line-height: 1 !important;
            width: 100% !important;
            height: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            float: none !important;
            visibility: visible !important;
            opacity: 1 !important;
        }

        /* Replace icon glyph with pure standalone checkmark \f122 (eliminates built-in glyph square border) */
        .um-account-main .um-field-checkbox.active .um-field-checkbox-state i:before,
        body.um-page-account .um-account .um-field-checkbox.active .um-field-checkbox-state i:before,
        body.um-page-account .um-field-checkbox.active .um-field-checkbox-state i:before,
        body.um-page-account .um-field-checkbox i.um-icon-android-checkbox-outline:before,
        .um-form .um-field-checkbox.active .um-field-checkbox-state i:before,
        .um .um-field-checkbox.active .um-field-checkbox-state i:before,
        .um-field-checkbox.active .um-field-checkbox-state i:before,
        .um-field-checkbox:has(input:checked) .um-field-checkbox-state i:before {
            content: "\f122" !important;
            color: #ffffff !important;
            font-family: Ionicons !important;
            font-size: 13px !important;
            line-height: 1 !important;
            font-weight: 900 !important;
            display: block !important;
        }

        /* Input fields: clean single dark container with white text */
        .um-account-main input[type="text"],
        .um-account-main input[type="email"],
        .um-account-main input[type="password"],
        .um-account-main select,
        .um-account-main textarea {
            background-color: #1a1b26 !important;
            background: #1a1b26 !important;
            border: 1px solid #23243a !important;
            border-radius: 12px !important;
            color: #ffffff !important;
            padding: 14px 18px !important;
            font-size: 14px !important;
            width: 100% !important;
            box-sizing: border-box !important;
            transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
        }

        .um-account-main input:focus,
        .um-account-main select:focus,
        .um-account-main textarea:focus {
            border-color: #e63946 !important;
            outline: none !important;
            box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.2) !important;
        }

        /* Scorched earth dark mode for all form fields, inputs, selects, and select2 in UM Account ONLY */
        /* NOTE: .um-field-area intentionally excluded — applying bg to the wrapper creates a double-band effect */
        html body .um-account input[type="text"],
        html body .um-account input[type="email"],
        html body .um-account input[type="password"],
        html body .um-account input[type="number"],
        html body .um-account input[type="search"],
        html body .um-account input[type="tel"],
        html body .um-account textarea,
        html body .um-account select,
        html body .um-account input.um-form-field,
        html body .um-account textarea.um-form-field,
        html body .um-account select.um-form-field,
        html body .um-account .um-new-dropdown,
        html body.filmly-dark-mode .select2-container--default .select2-selection--single,
        html body.filmly-dark-mode .select2-container--default .select2-selection--multiple,
        html body.filmly-dark-mode .select2-container .select2-selection--single,
        html body.filmly-dark-mode .select2-container .select2-selection--multiple,
        html body.filmly-dark-mode .select2-container .select2-selection,
        html body.filmly-dark-mode span.select2-selection,
        html body.filmly-dark-mode .select2-dropdown,
        html body.filmly-dark-mode .select2-container--default .select2-dropdown,
        html body.filmly-dark-mode .select2-results__option {
            background-color: #1a1b26 !important;
            background: #1a1b26 !important;
            color: #ffffff !important;
            border: 1px solid #23243a !important;
            border-radius: 12px !important;
            box-shadow: none !important;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            appearance: none !important;
        }

        /* Ensure .um-field-area itself stays transparent (no double dark band) */
        html body .um-account .um-field-area {
            background: transparent !important;
            background-color: transparent !important;
            border: none !important;
            box-shadow: none !important;
            padding: 0 !important;
        }

        html body .select2-container--default .select2-selection--single .select2-selection__rendered,
        html body .select2-container .select2-selection__rendered,
        html body .select2-selection__rendered,
        html body .select2-selection__placeholder {
            color: #ffffff !important;
            line-height: 44px !important;
        }

        html body .select2-container--default .select2-selection--single .select2-selection__arrow b,
        html body .select2-selection__arrow b {
            border-color: #ffffff transparent transparent transparent !important;
        }

        html body select option,
        html body .select2-results__option,
        html body .select2-container--default .select2-results__option--highlighted[aria-selected],
        html body .select2-container--default .select2-results__option[aria-selected=true] {
            background-color: #1a1b26 !important;
            background: #1a1b26 !important;
            color: #ffffff !important;
        }

        /* Sidebar tab links */
        .um-account-side .um-account-link,
        .um-account-side li a {
            background: transparent !important;
            border: 1px solid transparent !important;
            border-radius: 12px !important;
            margin-bottom: 8px !important;
            padding: 12px 18px !important;
            color: #9ca3af !important;
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            transition: all 0.15s ease !important;
        }

        .um-account-side .um-account-link:hover,
        .um-account-side li a:hover {
            background: rgba(255, 255, 255, 0.05) !important;
            color: #ffffff !important;
            border-color: #23243a !important;
        }

        .um-account-side .um-account-link.current,
        .um-account-side li.current a,
        .um-account-side li a.current {
            background: rgba(230, 57, 70, 0.12) !important;
            border: 1px solid rgba(230, 57, 70, 0.4) !important;
            color: #ffffff !important;
            font-weight: 700 !important;
        }

        .um-account-side .um-account-link.current i,
        .um-account-side li.current a i,
        .um-account-side .um-account-link.current span {
            color: #e63946 !important;
        }

        /* Heading */
        .um-account-main .um-account-heading {
            color: #ffffff !important;
            font-size: 22px !important;
            font-weight: 800 !important;
            border-bottom: none !important;
            padding-bottom: 16px !important;
            margin-bottom: 24px !important;
        }

        /* Submit buttons — all UM account action buttons */
        .um-account-main input[type="submit"],
        .um-account-main input[type="button"],
        .um-account-main .um-button,
        .um-account-main button,
        .um-account-main .um-account-btn,
        .um-account-privacy .um-button,
        .um-account-privacy input[type="submit"],
        .um-account-privacy input[type="button"],
        .um-account-privacy button,
        body.um-page-account .um-account a.um-button,
        body.um-page-account .um-account button,
        body.um-page-account .um-account input[type="submit"],
        body.um-page-account .um-account input[type="button"],
        .um-account-section a.um-button,
        .um-account-section button,
        .um-account-section input[type="submit"],
        .um-account-section input[type="button"] {
            background: #e63946 !important;
            background-color: #e63946 !important;
            color: #ffffff !important;
            border-radius: 9999px !important;
            padding: 10px 24px !important;
            font-weight: 700 !important;
            font-size: 13px !important;
            border: none !important;
            cursor: pointer !important;
            box-shadow: 0 4px 14px rgba(230, 57, 70, 0.3) !important;
            transition: transform 0.15s ease, background 0.15s ease !important;
            text-decoration: none !important;
            display: inline-block !important;
        }

        .um-account-main input[type="submit"]:hover,
        .um-account-main input[type="button"]:hover,
        .um-account-main .um-button:hover,
        .um-account-main button:hover,
        .um-account-privacy .um-button:hover,
        .um-account-privacy input[type="submit"]:hover,
        .um-account-privacy input[type="button"]:hover,
        .um-account-privacy button:hover,
        body.um-page-account .um-account a.um-button:hover,
        body.um-page-account .um-account button:hover,
        body.um-page-account .um-account input[type="submit"]:hover,
        body.um-page-account .um-account input[type="button"]:hover,
        .um-account-section a.um-button:hover,
        .um-account-section button:hover,
        .um-account-section input[type="submit"]:hover,
        .um-account-section input[type="button"]:hover {
            background: #d62839 !important;
            background-color: #d62839 !important;
            transform: translateY(-1px) !important;
        }

        /* ── UM specific action button classes (Request data, Request data erase, etc.) ── */
        body .um-request-button,
        body a.um-request-button,
        body .um-export-data-button,
        body a.um-export-data-button,
        body .um-account-tab-content .um-request-button,
        body .um-account-tab-content a.um-request-button,
        body .um-account-tab-content .um-export-data-button,
        .um-col-12 .um-request-button,
        .um-col-12 a.um-request-button,
        .um-col-alt .um-request-button,
        .um-col-alt a.um-request-button,
        .um-field-area .um-request-button,
        .um-field-area a.um-request-button {
            background: #e63946 !important;
            background-color: #e63946 !important;
            color: #ffffff !important;
            border: none !important;
            border-radius: 50px !important;
            padding: 10px 22px !important;
            font-weight: 700 !important;
            font-size: 13px !important;
            cursor: pointer !important;
            text-decoration: none !important;
            display: inline-block !important;
            box-shadow: 0 4px 12px rgba(230, 57, 70, 0.35) !important;
            transition: background 0.15s ease, transform 0.15s ease !important;
        }

        body .um-request-button:hover,
        body a.um-request-button:hover,
        body .um-export-data-button:hover,
        body a.um-export-data-button:hover,
        body .um-account-tab-content .um-request-button:hover,
        body .um-account-tab-content a.um-request-button:hover,
        .um-col-12 .um-request-button:hover,
        .um-col-12 a.um-request-button:hover,
        .um-col-alt .um-request-button:hover,
        .um-col-alt a.um-request-button:hover {
            background: #d62839 !important;
            background-color: #d62839 !important;
            transform: translateY(-1px) !important;
            color: #ffffff !important;
        }

        /* 6. MEMBER DIRECTORY SEARCH BUTTON - ALWAYS READABLE */
        /* Ensure the search/do-search button always has visible text on hover */
        .um-directory .um-do-search,
        .um-directory input.um-do-search,
        .um-directory button.um-do-search {
            background: #000 !important;
            color: #fff !important;
            border: 2px solid #000 !important;
            transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
        }

        .um-directory .um-do-search:hover,
        .um-directory input.um-do-search:hover,
        .um-directory button.um-do-search:hover {
            background: #fff !important;
            color: #000 !important;
            border-color: #000 !important;
        }

        /* 7. JOB DESCRIPTION FONT CONSISTENCY */
        .single_job_listing,
        .single_job_listing .job_description,
        .job_description,
        .job_description p,
        .job_description ul,
        .job_description ol,
        .job_description li,
        .job_description h1,
        .job_description h2,
        .job_description h3,
        .job_description h4,
        .job_description h5,
        .job_description h6,
        .job_description span,
        .job_description a,
        .job_description blockquote,
        .f-job-desc,
        .f-job-desc p,
        .f-job-desc ul,
        .f-job-desc ol,
        .f-job-desc li,
        .f-job-desc span {
            font-family: degular, sans-serif;
        }

        .job_description p,
        .job_description li,
        .f-job-desc,
        .f-job-desc p,
        .f-job-desc li,
        .f-job-desc span,
        .f-job-desc div {
            color: #e2e8f0 !important;
            line-height: 1.7 !important;
            font-size: 15px !important;
        }

        .job_description h1,
        .job_description h2,
        .job_description h3,
        .job_description h4,
        .f-job-desc h1,
        .f-job-desc h2,
        .f-job-desc h3,
        .f-job-desc h4 {
            color: #ffffff !important;
            font-weight: 800 !important;
        }

        .job_description a,
        .f-job-desc a {
            color: #F73B3E !important;
            text-decoration: underline !important;
        }

        /* 8. WPJM [JOBS] SHORTCODE - FILMLY BRAND STYLING */
        .job_listings .job_filters,
        .job_listings .job_filters input,
        .job_listings .job_filters select,
        .job_listings .job_filters label,
        .job_filters,
        .job_filters input,
        .job_filters select,
        .job_filters label,
        ul.job_listings,
        ul.job_listings li,
        ul.job_listings .position h3,
        ul.job_listings .company,
        ul.job_listings .location,
        ul.job_listings .meta {
            font-family: degular, sans-serif;
        }

        .job_filters .search_jobs .filmly-salary-filter select,
        .job_filters .search_jobs .filmly-salary-filter input[type="text"] {
            width: 100%;
            padding: 8px 12px;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            font-size: 14px;
            font-family: degular, sans-serif;
            color: #334155;
            background-color: #fff;
            box-sizing: border-box;
        }

        .job_filters .search_jobs .filmly-salary-filter select {
            appearance: none;
            -webkit-appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
            cursor: pointer;
        }

        .job_filters .search_jobs .filmly-salary-filter select:focus,
        .job_filters .search_jobs .filmly-salary-filter input[type="text"]:focus {
            outline: none;
            border-color: #F73B3E;
            box-shadow: 0 0 0 3px rgba(247, 59, 62, 0.1);
        }