/* Scoped to the Triple X shell. Native input names, hooks and visibility remain intact. */
.txf-form-shell { --txf-orange:#ff620a; --txf-border:#303030; --txf-muted:#b2b2b2; color:#f4f4f4; font-family:Manrope,sans-serif; padding:34px 0 64px; max-width:1240px; margin-inline:auto; background:transparent; }
.txf-form-shell *, .txf-form-shell *::before, .txf-form-shell *::after { box-sizing:border-box; }
.txf-form-shell .txf-intro { margin-bottom:30px; }
.txf-form-shell .txf-eyebrow { color:#ff9a58; text-transform:uppercase; letter-spacing:1.4px; font-size:11px; line-height:1.6; }
.txf-form-shell .txf-intro h1 { color:#f5f5f5; font-family:var(--heading-font,'Arial Narrow',sans-serif); font-size:clamp(32px,4vw,46px); line-height:1.15; text-transform:uppercase; margin:9px 0 12px; font-weight:800; letter-spacing:-.7px; }
.txf-form-shell .txf-intro h1 span { color:var(--txf-orange); }
.txf-form-shell .txf-intro p { color:var(--txf-muted); font-size:14px; line-height:1.7; margin:0; }
.txf-form-shell .theme-listing-form__wrapper.txf-layout { display:grid; grid-template-columns:180px minmax(0,1fr) 280px; gap:26px; align-items:start; }
.txf-form-shell .theme-listing-form__wrapper.txf-layout--no-nav { grid-template-columns:minmax(0,1fr) 280px; }
.txf-form-shell .theme-listing-form__left.txf-navigation { position:sticky; top:110px; left:auto; width:auto; height:auto; padding:0; margin:0; background:transparent; border:0; z-index:2; }
.txf-form-shell .theme-listing-form__tab-menu { position:static !important; width:auto !important; padding:0; margin:0; background:transparent; box-shadow:none; }
.txf-form-shell .theme-listing-form__tab-menu ul.nav { display:flex; flex-direction:column; gap:7px; margin:0; padding:0; list-style:none; }
.txf-form-shell .theme-listing-form__tab-menu .nav-item { width:100%; margin:0; padding:0; }
.txf-form-shell .theme-listing-form__tab-menu .nav-link { display:flex; align-items:center; gap:9px; min-height:46px; padding:10px; margin:0; border:1px solid transparent; border-radius:9px; background:transparent; color:#bcbcbc; text-decoration:none; font-size:12px; line-height:1.5; }
.txf-form-shell .theme-listing-form__tab-menu .nav-link::before, .txf-form-shell .theme-listing-form__tab-menu .nav-link::after { content:none; }
.txf-form-shell .theme-listing-form__tab-menu .nav-link.active { color:#ffac79; background:#24160e; border-color:#773912; }
.txf-form-shell .txf-nav-number { display:grid; place-items:center; flex:0 0 23px; height:23px; border:1px solid #474747; border-radius:50%; font-size:10px; }
.txf-form-shell .nav-link.active .txf-nav-number { background:var(--txf-orange); border-color:var(--txf-orange); color:#fff; }
.txf-form-shell .theme-listing-form__right { width:auto; min-width:0; max-width:none; padding:0; margin:0; flex:none; }
.txf-form-shell .theme-listing-form__content { padding:0; background:transparent; border:0; box-shadow:none; }
.txf-form-shell .directorist-add-listing-form { padding:0; background:transparent; }
.txf-form-shell .directorist-content-module { padding:0; margin:0 0 24px; border:1px solid var(--txf-border); border-radius:14px; background:#121212; box-shadow:none; scroll-margin-top:115px; }
.txf-form-shell .directorist-content-module__title { background:transparent; border:0; border-bottom:1px solid #2a2a2a; border-radius:14px 14px 0 0; padding:22px 24px 18px; margin:0; }
.txf-form-shell .directorist-content-module__title h4 { display:flex; align-items:center; gap:10px; color:#f4f4f4; font-size:20px; line-height:1.4; font-weight:700; margin:0; padding:0; background:transparent; }
.txf-form-shell .directorist-content-module__title .directorist-icon-mask::after { background-color:#ff9a58; }
.txf-form-shell .directorist-content-module__contents { padding:24px; background:transparent; }
.txf-form-shell .directorist-form-group { margin-bottom:22px; }
.txf-form-shell .directorist-form-group:last-child { margin-bottom:0; }
.txf-form-shell .directorist-form-group > label, .txf-form-shell .directorist-form-group .directorist-form-label { display:block; margin:0 0 9px; color:#e7e7e7; font-size:13px; font-weight:600; line-height:1.6; }
.txf-form-shell .directorist-form-required { color:#ff8849; }
.txf-form-shell input.directorist-form-element, .txf-form-shell textarea.directorist-form-element, .txf-form-shell select.directorist-form-element, .txf-form-shell .directorist-form-group > input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=button]):not([type=submit]), .txf-form-shell .directorist-form-group > textarea { border:1px solid #414141; border-radius:8px; background:#1b1b1b; color:#f4f4f4; box-shadow:none; min-height:46px; padding:11px 13px; font-size:13px; line-height:1.6; max-width:100%; }
.txf-form-shell input::placeholder, .txf-form-shell textarea::placeholder { color:#999; opacity:1; }
.txf-form-shell textarea.directorist-form-element { min-height:110px; resize:vertical; }
.txf-form-shell .directorist-form-description, .txf-form-shell .directorist-form-group small, .txf-form-shell .directorist-form-group .directorist-form-description-text { color:#b2b2b2; font-size:12px; line-height:1.7; }
.txf-form-shell .directorist-select2 .select2-selection, .txf-form-shell .select2-container--default .select2-selection--single, .txf-form-shell .select2-container--default .select2-selection--multiple { min-height:46px; border:1px solid #414141; border-radius:8px; background:#1b1b1b; color:#eee; padding:5px 8px; }
.txf-form-shell .select2-container { max-width:100%; }
.txf-form-shell .select2-selection--single .select2-selection__rendered { color:#eee; line-height:32px; font-size:13px; }
.txf-form-shell .select2-selection .select2-selection__placeholder { color:#aaa; }
.txf-form-shell .select2-container--default .select2-selection--multiple .select2-selection__choice { display:inline-flex; align-items:center; gap:5px; border:1px solid #94471e; border-radius:6px; background:#302015; color:#ffbd93; padding:3px 8px; font-size:12px; line-height:1.6; margin:3px 6px 3px 0; }
.txf-form-shell .select2-selection__choice__remove { color:#ffbd93 !important; background:transparent; }
.txf-form-shell .select2-search__field { color:#eee; background:transparent; }
.txf-form-shell .select2-dropdown { background:#1b1b1b; color:#eee; border-color:#414141; }
.txf-form-shell .select2-results__option--highlighted { background:#412411; color:#fff; }
/* Select2 mounts its option popup under body rather than inside the form. */
body:has(.txf-form-shell) .select2-dropdown { background:#1b1b1b; color:#eee; border-color:#414141; }
body:has(.txf-form-shell) .select2-results__option { color:#eee; }
body:has(.txf-form-shell) .select2-container--default .select2-results__option--highlighted[aria-selected] { background:#412411; color:#fff; }
body:has(.txf-form-shell) .select2-container--default .select2-results__option[aria-selected=true] { background:#302015; }
body:has(.txf-form-shell) .select2-dropdown .select2-search__field { background:#242424; color:#eee; border:1px solid #505050; }
.txf-form-shell .directorist-custom-field-checkbox .directorist-checkbox { display:inline-flex; align-items:center; min-height:38px; padding:7px 10px; margin:0 7px 9px 0; border:1px solid #3b3b3b; border-radius:7px; background:#1b1b1b; vertical-align:top; }
.txf-form-shell .directorist-custom-field-checkbox .directorist-checkbox:has(input:checked) { border-color:#a94b18; background:#2e1b10; }
.txf-form-shell .directorist-checkbox label, .txf-form-shell .directorist-radio label { color:#ddd; font-size:12px; font-weight:400; line-height:1.6; }
.txf-form-shell input[type=checkbox], .txf-form-shell input[type=radio] { accent-color:var(--txf-orange); }
.txf-form-shell .directorist-custom-field-checkbox .directorist-checkbox label { margin:0; }
.txf-form-shell .directorist-custom-field-btn-more { display:block; color:#ffac79; font-size:12px; padding-top:4px; }
.txf-form-shell .wp-editor-container { border:1px solid #414141; border-radius:0 0 8px 8px; }
.txf-form-shell .mce-panel, .txf-form-shell .mce-toolbar-grp, .txf-form-shell .quicktags-toolbar { background:#242424; border-color:#414141; }
.txf-form-shell .mce-btn, .txf-form-shell .wp-switch-editor, .txf-form-shell .quicktags-toolbar input { background:#303030; border-color:#505050; color:#eee; box-shadow:none; }
.txf-form-shell .mce-btn button, .txf-form-shell .mce-ico, .txf-form-shell .mce-txt, .txf-form-shell .mce-menubtn span { color:#eee; text-shadow:none; }
.txf-form-shell .mce-statusbar, .txf-form-shell .mce-path-item { background:#242424; color:#bbb; border-color:#414141; }
.txf-form-shell .wp-editor-area { background:#1b1b1b; color:#eee; }

/* Code mode is a textarea, Visual mode is a separate TinyMCE document.
   The PHP editor settings supply the matching palette inside that iframe. */
.txf-form-shell .wp-editor-wrap .wp-editor-container,
.txf-form-shell .wp-editor-wrap .mce-edit-area,
.txf-form-shell .wp-editor-wrap iframe { background:#1b1b1b !important; border-color:#494949 !important; }
.txf-form-shell .wp-editor-wrap .wp-editor-container textarea.wp-editor-area {
    background:#1b1b1b !important;
    color:#f2f2f2 !important;
    -webkit-text-fill-color:#f2f2f2;
    caret-color:#f2f2f2;
    padding:14px !important;
    font:14px/1.7 Consolas,Monaco,monospace;
    box-shadow:none !important;
    border:0 !important;
}
.txf-form-shell .wp-editor-wrap textarea.wp-editor-area::placeholder { color:#bdbdbd; opacity:1; }
.txf-form-shell .wp-editor-wrap :is(.quicktags-toolbar,.mce-toolbar-grp,.mce-toolbar,.mce-panel) {
    background:#242424 !important; border-color:#494949 !important;
}
.txf-form-shell .wp-editor-wrap .quicktags-toolbar :is(input.ed_button,button.ed_button),
.txf-form-shell .wp-editor-wrap :is(.mce-btn,.wp-switch-editor) {
    background:#303030 !important;
    color:#f2f2f2 !important;
    border:1px solid #666 !important;
    box-shadow:none !important;
    text-shadow:none !important;
}
.txf-form-shell .wp-editor-wrap :is(.mce-btn button,.mce-ico,.mce-txt,.mce-menubtn span) {
    color:#f2f2f2 !important; text-shadow:none !important;
}
.txf-form-shell .wp-editor-wrap .quicktags-toolbar .ed_button:hover,
.txf-form-shell .wp-editor-wrap :is(.mce-btn:hover,.mce-btn.mce-active,.wp-switch-editor:hover),
.txf-form-shell .wp-editor-wrap.tmce-active .switch-tmce,
.txf-form-shell .wp-editor-wrap.html-active .switch-html {
    background:#50301d !important; color:#fff !important; border-color:#ffb17d !important;
}
.txf-form-shell .wp-editor-wrap :is(.ed_button,.mce-btn button,.wp-switch-editor,textarea.wp-editor-area):focus-visible {
    outline:2px solid #ffb17d !important; outline-offset:-2px;
}
.txf-form-shell .wp-editor-wrap :is(.mce-statusbar,.mce-path-item) { background:#242424 !important; color:#bdbdbd !important; }
/* TinyMCE places menus and dialogs at the end of body, outside the form. */
body:has(.txf-form-shell) :is(.mce-floatpanel,.mce-menu,.mce-window,.mce-window-head,.mce-window .mce-container-body) {
    background:#242424 !important; border-color:#666 !important; color:#f2f2f2 !important;
}
body:has(.txf-form-shell) :is(.mce-floatpanel,.mce-window) :is(.mce-text,.mce-ico,.mce-txt,.mce-title,.mce-label,.mce-btn button,.mce-menu-item span) {
    color:#f2f2f2 !important; text-shadow:none !important;
}
body:has(.txf-form-shell) :is(.mce-floatpanel,.mce-window) :is(.mce-textbox,.mce-btn) {
    background:#303030 !important; color:#f2f2f2 !important; border-color:#666 !important;
}
body:has(.txf-form-shell) .mce-menu-item:hover,
body:has(.txf-form-shell) .mce-menu-item.mce-selected { background:#50301d !important; }
.txf-form-shell .wp-core-ui .button, .txf-form-shell .insert-media { background:#242424; border-color:#505050; color:#ddd; }
.txf-form-shell .directorist-btn { border-radius:8px; font-size:13px; line-height:1.5; }
.txf-form-shell .directorist-btn-light, .txf-form-shell .directorist-btn-secondary { background:#242424; border:1px solid #484848; color:#eee; }
.txf-form-shell .directorist-form-submit__btn { min-height:50px; margin-top:18px; border:1px solid var(--txf-orange); background:var(--txf-orange); color:#fff; font-weight:700; box-shadow:0 4px 18px #ff620a20; }
.txf-form-shell .directorist-form-submit__btn:hover { background:#e85400; border-color:#e85400; }
.txf-form-shell .directorist-add-listing-form__action { border:1px solid #303030; border-radius:14px; background:#121212; padding:24px; margin-top:0; }
.txf-form-shell .directorist-add-listing-form__publish { background:transparent; color:#eee; }
.txf-form-shell .directorist-add-listing-form__publish__title { color:#f4f4f4; font-size:21px; line-height:1.4; }
.txf-form-shell .directorist-add-listing-form__publish__subtitle { color:#b2b2b2; font-size:13px; line-height:1.7; }
.txf-form-shell .directorist-add-listing-form__publish__icon .directorist-icon-mask::after { background-color:var(--txf-orange); }
.txf-form-shell .ezmu__media-picker-section { background:#19130f; border:1px dashed #7d4c2c; border-radius:10px; padding:24px 15px; color:#ddd; }
.txf-form-shell .ezmu__media-picker-section p, .txf-form-shell .ezmu__media-picker-section li { color:#b8b0aa; }
.txf-form-shell .ezmu__media-picker-icon-wrap-upload { color:#ff9a58; }
.txf-form-shell .ezmu__media-picker-controls { max-width:100%; }
.txf-form-shell .directorist-form-image-upload-field img { max-width:100%; }
.txf-form-shell .directorist-form-social-info-field .directorist-form-group { background:transparent; }
.txf-form-shell .directorist-alert, .txf-form-shell .directorist-error { color:#ffc6ba; }
.txf-form-shell .directorist-form-group a { color:#ffac79; }
.txf-form-shell .txf-aside { position:sticky; top:110px; min-width:0; display:grid; gap:17px; }
.txf-form-shell .txf-aside-card { padding:19px; border:1px solid #303030; border-radius:14px; background:#121212; }
.txf-form-shell .txf-aside h2 { color:#f4f4f4; font-size:19px; font-weight:700; line-height:1.4; margin:10px 0; }
.txf-form-shell .txf-aside h3 { color:#eee; font-size:13px; line-height:1.6; font-weight:700; margin:0 0 8px; }
.txf-form-shell .txf-aside p { color:#b2b2b2; font-size:12px; line-height:1.8; margin:0; }
.txf-form-shell .txf-section-status { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#b2b2b2; font-size:11px; margin:18px 0 9px; }
.txf-form-shell .txf-progress { height:3px; border-radius:4px; background:#353535; overflow:hidden; }
.txf-form-shell .txf-progress > span { display:block; height:100%; background:var(--txf-orange); }
.txf-form-shell .txf-name-preview { border-top:1px solid #303030; margin-top:20px; padding-top:16px; }
.txf-form-shell .txf-name-preview > span { display:block; color:#b2b2b2; font-size:11px; margin-bottom:7px; }
.txf-form-shell .txf-name-preview strong { display:block; color:#f4f4f4; font-family:var(--heading-font,'Arial Narrow',sans-serif); font-size:25px; line-height:1.25; text-transform:uppercase; overflow-wrap:anywhere; }
.txf-form-shell .txf-section-next { display:flex; justify-content:flex-end; border-top:1px solid #303030; margin-top:24px; padding-top:16px; }
.txf-form-shell .txf-section-next a { display:inline-flex; align-items:center; min-height:42px; padding:9px 14px; border:1px solid #743914; border-radius:8px; background:#25170e; color:#ffac79; font-size:12px; text-decoration:none; }
.txf-form-shell [hidden] { display:none !important; }
.txf-form-shell a:focus-visible, .txf-form-shell button:focus-visible, .txf-form-shell input:focus-visible, .txf-form-shell select:focus-visible, .txf-form-shell textarea:focus-visible { outline:2px solid #ff853c; outline-offset:3px; }
/* dClassified uses deep selectors and a 100% !important width on this shell.
   Reset its original full-width split layout before applying our own grid. */
.directorist-add-listing-wrapper.theme-listing-form-area.txf-form-shell {
    display:block; width:calc(100% - 48px); max-width:1400px !important;
    margin:0 auto !important; float:none; flex:none; min-width:0;
}
.directorist-add-listing-wrapper.txf-form-shell > .txf-intro { display:block; width:100%; max-width:none; }
.directorist-add-listing-wrapper.txf-form-shell > .txf-layout { width:100%; min-width:0; max-width:100%; margin:0; }
.directorist-add-listing-wrapper.txf-form-shell #theme-listing-id { width:auto; min-width:0; max-width:100%; margin:0; padding:0; left:auto; right:auto; }
.directorist-add-listing-wrapper.txf-form-shell #theme-listing-id .theme-listing-form__tab-menu {
    float:none; max-width:100%; width:100% !important; margin:0; padding:0; left:auto; right:auto; transform:none;
}
.directorist-add-listing-wrapper.txf-form-shell #theme-listing-id .nav { display:flex; flex-direction:column; gap:7px; padding:0; margin:0; width:100%; }
.directorist-add-listing-wrapper.txf-form-shell #theme-listing-id .nav-item { display:block; width:100%; max-width:100%; margin:0; }
.directorist-add-listing-wrapper.txf-form-shell #theme-listing-id .nav-link {
    width:100%; max-width:100%; min-height:46px; padding:10px; border:1px solid transparent;
    border-radius:9px; color:#bcbcbc; background:transparent; font-size:12px; line-height:1.5; font-weight:500;
}
.directorist-add-listing-wrapper.txf-form-shell #theme-listing-id .nav-link:hover,
.directorist-add-listing-wrapper.txf-form-shell #theme-listing-id .nav-link.active { background:#24160e; border-color:#773912; color:#ffac79; }
.directorist-add-listing-wrapper.txf-form-shell .txf-layout > .theme-listing-form__right {
    width:100%; max-width:100%; min-width:0; padding:0; margin:0; flex:none; background:transparent;
}
.directorist-add-listing-wrapper.txf-form-shell .txf-layout > .theme-listing-form__right > .theme-listing-form__content {
    width:100%; max-width:none; min-width:0; padding:0; margin:0; background:transparent;
}
.txf-form-shell #directorist-add-listing-form { width:100% !important; min-width:0; max-width:none !important; margin:0; }
.txf-form-shell #directorist-add-listing-form > .directorist-add-listing-form { width:100%; min-width:0; max-width:none; }
.txf-form-shell #directorist-add-listing-form .directorist-content-module { background:#121212; border-color:#303030; }
.txf-form-shell #directorist-add-listing-form .directorist-content-module__title { background:transparent; color:#f4f4f4; }
.txf-form-shell #directorist-add-listing-form .directorist-content-module__title h4 {
    color:#f4f4f4; background:transparent; font-size:20px !important; line-height:1.4;
}
.txf-form-shell #directorist-add-listing-form .directorist-content-module__contents {
    background:transparent; border-radius:0 0 14px 14px; padding:24px;
    flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0;
}
.txf-form-shell #directorist-add-listing-form .directorist-content-module__contents > .directorist-form-group {
    width:100%; max-width:100%; min-width:0; margin:0 0 22px;
}
.txf-form-shell #directorist-add-listing-form .directorist-form-label,
.txf-form-shell #directorist-add-listing-form .directorist-form-group label { color:#e7e7e7; }
.txf-form-shell #directorist-add-listing-form .directorist-custom-field-checkbox { display:block; }
.txf-form-shell #directorist-add-listing-form .directorist-custom-field-checkbox .directorist-checkbox {
    display:inline-flex; width:auto; padding:7px 10px; margin:0 7px 9px 0;
}
.txf-form-shell #directorist-add-listing-form .mce-panel,
.txf-form-shell #directorist-add-listing-form .mce-toolbar-grp,
.txf-form-shell #directorist-add-listing-form .mce-toolbar,
.txf-form-shell #directorist-add-listing-form .quicktags-toolbar { background:#242424; border-color:#414141; }
.txf-form-shell #directorist-add-listing-form .mce-btn,
.txf-form-shell #directorist-add-listing-form .wp-switch-editor { background:#303030; border-color:#505050; color:#eee; }
.txf-form-shell #directorist-add-listing-form .mce-ico,
.txf-form-shell #directorist-add-listing-form .mce-txt,
.txf-form-shell #directorist-add-listing-form .mce-btn button { color:#eee; text-shadow:none; }
.txf-form-shell #directorist-add-listing-form .directorist-add-listing-form__action { background:#121212; color:#eee; }
.txf-form-shell #directorist-add-listing-form .directorist-add-listing-form__publish__title { color:#f4f4f4; }
.txf-form-shell #directorist-add-listing-form .directorist-add-listing-form__publish__subtitle { color:#b2b2b2; }
@media (max-width:1100px) {
    .txf-form-shell .theme-listing-form__wrapper.txf-layout { grid-template-columns:170px minmax(0,1fr); gap:24px; }
    .txf-form-shell .txf-aside { grid-column:2; grid-template-columns:1fr 1fr; position:static; }
}
@media (max-width:767px) {
    .txf-form-shell { padding:24px 0 40px; }
    .txf-form-shell .theme-listing-form__wrapper.txf-layout { display:block; }
    .txf-form-shell .theme-listing-form__left.txf-navigation { position:static; display:block !important; transform:none; width:100%; margin-bottom:22px; }
    .txf-form-shell .theme-listing-form__tab-menu ul.nav { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
    .txf-form-shell .theme-listing-form__tab-menu .nav-link { min-height:46px; padding:8px; font-size:12px; }
    .txf-form-shell .directorist-content-module__title { padding:18px; }
    .txf-form-shell .directorist-content-module__contents, .txf-form-shell .directorist-add-listing-form__action { padding:18px; }
    .txf-form-shell .directorist-content-module__title h4 { font-size:19px; }
    .txf-form-shell .txf-aside { margin-top:24px; grid-template-columns:1fr; }
    .txf-form-shell input.directorist-form-element, .txf-form-shell textarea.directorist-form-element, .txf-form-shell select.directorist-form-element, .txf-form-shell .select2-search__field { font-size:16px; }
    .txf-form-shell .directorist-custom-field-checkbox .directorist-checkbox { min-height:44px; }
    .txf-form-shell .directorist-form-location-field, .txf-form-shell .directorist-form-map-field { min-width:0; }
    .directorist-add-listing-wrapper.theme-listing-form-area.txf-form-shell { width:calc(100% - 32px); }
    .directorist-add-listing-wrapper.txf-form-shell #theme-listing-id { position:static; width:100%; margin:0 0 22px; }
    .directorist-add-listing-wrapper.txf-form-shell #theme-listing-id .nav { display:grid; grid-template-columns:1fr 1fr; }
    .directorist-add-listing-wrapper.txf-form-shell #theme-listing-id .nav-link { padding:8px; }
    .txf-form-shell #directorist-add-listing-form .directorist-content-module__contents { padding:18px; }
}
