/*
 AUTOPILOT DESIGN SYSTEM v2.0.0
 INTENTIONAL VISUAL OVERHAUL — MYLISTING
 Presentation layer only. No data/business logic.
*/

@font-face{
 font-family:'Vazirmatn';
 src:url('fonts/Vazirmatn.woff2') format('woff2-variations'),
     url('fonts/Vazirmatn.woff2') format('woff2');
 font-weight:100 900;
 font-style:normal;
 font-display:swap;
}
body.autopilot-design-v2,
body.autopilot-design-v2 input,
body.autopilot-design-v2 select,
body.autopilot-design-v2 textarea,
body.autopilot-design-v2 button{
 font-family:'Vazirmatn',Tahoma,sans-serif!important;
}

:root{
 --ap-navy:#171a38;
 --ap-navy-2:#111a38;
 --ap-purple:#5d36e8;
 --ap-purple-2:#5642c5;
 --ap-blue:#168cff;
 --ap-blue-2:#25a4ff;
 --ap-bg:#f7f7fb;
 --ap-surface:#ffffff;
 --ap-text:#161827;
 --ap-heading:#101326;
 --ap-muted:#74798c;
 --ap-border:#e2e4ec;
 --ap-purple-soft:#f4f1ff;
 --ap-blue-soft:#eff7ff;
 --ap-green:#20a56d;
 --ap-orange:#e48a20;
 --ap-red:#d14d5c;
 --ap-radius:18px;
 --ap-radius-sm:12px;
 --ap-shadow:0 12px 35px rgba(13,18,44,.075);
 --ap-shadow-lg:0 20px 55px rgba(13,18,44,.12);
}

/* ---------- FOUNDATION ---------- */
html,body{min-height:100%}
body.autopilot-design-v2{
 background:
   radial-gradient(circle at 50% -10%,rgba(86,66,197,.045),transparent 35%),
   var(--ap-bg)!important;
 color:var(--ap-text)!important;
}
.autopilot-design-v2 *{box-sizing:border-box}
.autopilot-design-v2 a{text-decoration:none}
.autopilot-design-v2 p{line-height:1.9}
.autopilot-design-v2 h1,
.autopilot-design-v2 h2,
.autopilot-design-v2 h3,
.autopilot-design-v2 h4,
.autopilot-design-v2 h5,
.autopilot-design-v2 h6{
 color:var(--ap-heading)!important;
 letter-spacing:-.02em;
}
/* Dark-background hero/CTA blocks across the Autopilot plugin suite need
   white headings; the blanket rule above would otherwise force the same
   dark heading color onto a dark background and make titles unreadable. */
.autopilot-design-v2 .apcd-hero h1,
.autopilot-design-v2 .apcd-hero h2,
.autopilot-design-v2 .apcd-hero h3,
.autopilot-design-v2 .atp-hero h1,
.autopilot-design-v2 .atp-hero h2,
.autopilot-design-v2 .atp-cta h1,
.autopilot-design-v2 .atp-cta h2,
.autopilot-design-v2 .ati-hero h1,
.autopilot-design-v2 .ati-hero h2,
.autopilot-design-v2 .audc-network-hero h1,
.autopilot-design-v2 .audc-network-hero h2,
.autopilot-design-v2 .audc-network-hero h3,
.autopilot-design-v2 .aiq-hero h1,
.autopilot-design-v2 .aiq-hero h2,
.autopilot-design-v2 .aiq-hero h3,
.autopilot-design-v2 .apx-score-panel h1,
.autopilot-design-v2 .apx-score-panel h2,
.autopilot-design-v2 .apx-score-panel h3,
.autopilot-design-v2 .apx-principle-card h1,
.autopilot-design-v2 .apx-principle-card h2,
.autopilot-design-v2 .apx-principle-card h3,
.autopilot-design-v2 .apx-content-hero h1,
.autopilot-design-v2 .apx-content-hero h2,
.autopilot-design-v2 .apx-content-hero h3,
.autopilot-design-v2 .ap-dark-section h1,
.autopilot-design-v2 .ap-dark-section h2,
.autopilot-design-v2 .ap-dark-section h3,
.autopilot-design-v2 .ap-dark-section h4,
.autopilot-design-v2 .ap-dark-section h5,
.autopilot-design-v2 .ap-dark-section h6{
 color:#fff!important;
}

/* ---------- HEADER / NAV ---------- */
body.autopilot-design-v2 .header,
body.autopilot-design-v2 header,
body.autopilot-design-v2 .c27-main-header{
 background:linear-gradient(110deg,var(--ap-navy),#121a39)!important;
 border:0!important;
 box-shadow:0 8px 30px rgba(5,10,27,.18)!important;
}
body.autopilot-design-v2 .header .header-main,
body.autopilot-design-v2 .header .header-container,
body.autopilot-design-v2 .c27-main-header .header-container{
 background:transparent!important;
}
body.autopilot-design-v2 .header a,
body.autopilot-design-v2 header.header a,
body.autopilot-design-v2 .c27-main-header a{
 color:#fff!important;
}
body.autopilot-design-v2 .header a:hover,
body.autopilot-design-v2 .c27-main-header a:hover{
 color:#9ccfff!important;
}
body.autopilot-design-v2 .header .user-area,
body.autopilot-design-v2 .header .user-area a{
 color:#fff!important;
}
/* Anchor tags aren't the only text in the header — menu labels, icons,
   search placeholders and buttons that aren't wrapped in an <a> were
   inheriting the theme's original dark-on-light color and disappearing
   against the new dark header background. */
body.autopilot-design-v2 .header,
body.autopilot-design-v2 .header span,
body.autopilot-design-v2 .header li,
body.autopilot-design-v2 .header label,
body.autopilot-design-v2 .header i,
body.autopilot-design-v2 .c27-main-header,
body.autopilot-design-v2 .c27-main-header span,
body.autopilot-design-v2 .c27-main-header li,
body.autopilot-design-v2 .c27-main-header label,
body.autopilot-design-v2 .c27-main-header i{
 color:#fff!important;
}
body.autopilot-design-v2 .header input,
body.autopilot-design-v2 .header input::placeholder,
body.autopilot-design-v2 .c27-main-header input,
body.autopilot-design-v2 .c27-main-header input::placeholder{
 color:#e9e9f4!important;
}

/* ---------- PAGE CONTAINERS ---------- */
body.autopilot-design-v2 .content-area{
 background:transparent!important;
}

/* ---------- LISTING HERO ---------- */
body.autopilot-design-v2 .profile-cover,
body.autopilot-design-v2 .profile-header,
body.autopilot-design-v2 .listing-cover,
body.autopilot-design-v2 .listing-main-info{
 overflow:hidden!important;
}
body.autopilot-design-v2 .profile-header,
body.autopilot-design-v2 .listing-main-info{
 background:linear-gradient(125deg,var(--ap-navy),var(--ap-purple))!important;
 color:#fff!important;
 border:0!important;
 box-shadow:var(--ap-shadow-lg)!important;
}
body.autopilot-design-v2 .profile-header h1,
body.autopilot-design-v2 .profile-header h2,
body.autopilot-design-v2 .profile-header h3,
body.autopilot-design-v2 .listing-main-info h1,
body.autopilot-design-v2 .listing-main-info h2,
body.autopilot-design-v2 .listing-main-info h3{
 color:#fff!important;
}
body.autopilot-design-v2 .profile-header .profile-name,
body.autopilot-design-v2 .listing-main-info .listing-title{
 color:#fff!important;
}
body.autopilot-design-v2 .profile-header .profile-name .listing-cat,
body.autopilot-design-v2 .listing-main-info .listing-cat{
 color:#bdb7ff!important;
}

/* ---------- TABS ---------- */
body.autopilot-design-v2 .profile-menu,
body.autopilot-design-v2 .profile-menu-wrapper,
body.autopilot-design-v2 .listing-tabs{
 background:#fff!important;
 border:1px solid var(--ap-border)!important;
 border-radius:15px!important;
 box-shadow:var(--ap-shadow)!important;
 overflow:hidden!important;
 margin-top:16px!important;
}
body.autopilot-design-v2 .profile-menu ul,
body.autopilot-design-v2 .listing-tabs ul{
 background:#fff!important;
}
body.autopilot-design-v2 .profile-menu li a,
body.autopilot-design-v2 .listing-tabs li a{
 color:#383b4e!important;
 font-weight:700!important;
 border-bottom:3px solid transparent!important;
 transition:.2s ease!important;
}
body.autopilot-design-v2 .profile-menu li.active a,
body.autopilot-design-v2 .listing-tabs li.active a{
 color:var(--ap-purple-2)!important;
 border-bottom-color:var(--ap-blue)!important;
}
body.autopilot-design-v2 .profile-menu li a:hover,
body.autopilot-design-v2 .listing-tabs li a:hover{
 color:var(--ap-purple-2)!important;
 background:#fafaff!important;
}

/* ---------- ALL MAJOR CARDS ---------- */
body.autopilot-design-v2 .single-listing .element,
body.autopilot-design-v2 .single-job_listing .element,
body.autopilot-design-v2 .profile-content .element,
body.autopilot-design-v2 .profile-sidebar .element,
body.autopilot-design-v2 .listing-sidebar .element,
body.autopilot-design-v2 .listing-main-content .element,
body.autopilot-design-v2 .c27-content-wrapper .element,
body.autopilot-design-v2 .elementor-widget-container .element,
body.autopilot-design-v2 .lf-item,
body.autopilot-design-v2 .listing-preview{
 background:var(--ap-surface)!important;
 border:1px solid var(--ap-border)!important;
 border-radius:var(--ap-radius)!important;
 box-shadow:var(--ap-shadow)!important;
}
body.autopilot-design-v2 .single-listing .element,
body.autopilot-design-v2 .single-job_listing .element{
 margin-bottom:18px!important;
}
body.autopilot-design-v2 .single-listing .element:hover,
body.autopilot-design-v2 .single-job_listing .element:hover,
body.autopilot-design-v2 .lf-item:hover{
 box-shadow:var(--ap-shadow-lg)!important;
}

/* ---------- ELEMENT HEADERS ---------- */
body.autopilot-design-v2 .element .pf-head,
body.autopilot-design-v2 .element .element-head{
 border-bottom:1px solid #eceef4!important;
 margin-bottom:18px!important;
 padding-bottom:15px!important;
}
body.autopilot-design-v2 .element .pf-head h5,
body.autopilot-design-v2 .element .element-head h3,
body.autopilot-design-v2 .element .element-head h4{
 font-weight:800!important;
}

/* ---------- AUTOPILOT INTELLIGENCE: VISUAL LANGUAGE ---------- */
body.autopilot-design-v2 [class*="autopilot-intelligence"],
body.autopilot-design-v2 [id*="autopilot-intelligence"],
body.autopilot-design-v2 .autopilot-intelligence,
body.autopilot-design-v2 .ap-intelligence{
 position:relative!important;
 background:linear-gradient(145deg,#fcfbff,#f6f3ff)!important;
 border:1px solid #e1d9ff!important;
 border-radius:var(--ap-radius)!important;
 box-shadow:var(--ap-shadow)!important;
 overflow:hidden!important;
}
body.autopilot-design-v2 .autopilot-intelligence:before,
body.autopilot-design-v2 .ap-intelligence:before{
 content:""!important;
 display:block!important;
 position:absolute!important;
 inset-inline-start:0!important;
 top:0!important;
 bottom:0!important;
 width:4px!important;
 background:linear-gradient(180deg,var(--ap-blue),var(--ap-purple-2))!important;
}
body.autopilot-design-v2 .autopilot-card,
body.autopilot-design-v2 .ap-card{
 background:#fff!important;
 border:1px solid var(--ap-border)!important;
 border-radius:14px!important;
 box-shadow:0 7px 24px rgba(20,25,55,.05)!important;
}

/* ---------- SCORE ---------- */
body.autopilot-design-v2 .autopilot-score,
body.autopilot-design-v2 .ap-score{
 display:inline-flex!important;
 align-items:baseline!important;
 gap:4px!important;
 padding:12px 15px!important;
 border:1px solid #ddd6ff!important;
 border-radius:13px!important;
 background:#fff!important;
 color:var(--ap-purple-2)!important;
 box-shadow:0 5px 18px rgba(81,65,182,.07)!important;
}
body.autopilot-design-v2 .autopilot-score strong,
body.autopilot-design-v2 .ap-score strong{
 font-size:30px!important;
}

/* ---------- OPPORTUNITY / ACTION ---------- */
body.autopilot-design-v2 .autopilot-opportunity,
body.autopilot-design-v2 .ap-opportunity{
 background:linear-gradient(145deg,#f8fbff,#eef6ff)!important;
 border:1px solid #d5e7ff!important;
 border-radius:14px!important;
 padding:18px!important;
}
body.autopilot-design-v2 .autopilot-action,
body.autopilot-design-v2 .ap-action{
 background:#faf9ff!important;
 border:1px solid #e2dcff!important;
 border-radius:14px!important;
 padding:18px!important;
}

/* ---------- TAGS / PILLS ---------- */
body.autopilot-design-v2 .autopilot-badge,
body.autopilot-design-v2 .ap-badge,
body.autopilot-design-v2 .term-tag,
body.autopilot-design-v2 .tag{
 display:inline-flex!important;
 align-items:center!important;
 border-radius:999px!important;
 background:var(--ap-purple-soft)!important;
 color:var(--ap-purple-2)!important;
 border:1px solid #e2d9ff!important;
 padding:6px 11px!important;
 font-weight:700!important;
}

/* ---------- FORMS ---------- */
body.autopilot-design-v2 .form-group,
body.autopilot-design-v2 .field{
 margin-bottom:20px!important;
}
body.autopilot-design-v2 input[type=text],
body.autopilot-design-v2 input[type=email],
body.autopilot-design-v2 input[type=url],
body.autopilot-design-v2 input[type=tel],
body.autopilot-design-v2 input[type=number],
body.autopilot-design-v2 input[type=password],
body.autopilot-design-v2 input[type=search],
body.autopilot-design-v2 select,
body.autopilot-design-v2 textarea{
 min-height:48px!important;
 background:#fff!important;
 color:var(--ap-text)!important;
 border:1px solid #dfe2eb!important;
 border-radius:12px!important;
 box-shadow:inset 0 1px 2px rgba(0,0,0,.015)!important;
 padding:11px 14px!important;
}
body.autopilot-design-v2 textarea{min-height:110px!important}
body.autopilot-design-v2 input:focus,
body.autopilot-design-v2 select:focus,
body.autopilot-design-v2 textarea:focus{
 border-color:#786bd1!important;
 box-shadow:0 0 0 4px rgba(86,66,197,.10)!important;
 outline:none!important;
}
body.autopilot-design-v2 label{
 color:#34374b!important;
 font-weight:700!important;
}

/* ---------- FORM INPUT TEXT VISIBILITY FIX v2.4.4 ---------- */
/*
 * Stronger MyListing submission-form override.
 * Some theme/form selectors use equal-or-higher specificity and/or !important,
 * so the previous generic rule was not enough on listing-edit fields.
 */
html body.autopilot-design-v2 .add-listing-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html body.autopilot-design-v2 .add-listing-form textarea,
html body.autopilot-design-v2 .add-listing-form .form-group input,
html body.autopilot-design-v2 .add-listing-form .form-group textarea,
html body.autopilot-design-v2 .add-listing-form .field input,
html body.autopilot-design-v2 .add-listing-form .field textarea,
html body.autopilot-design-v2 .add-listing-form input.form-control,
html body.autopilot-design-v2 .add-listing-form textarea.form-control,
html body.autopilot-design-v2 .add-listing-form .form-control{
 color:#161827!important;
 opacity:1!important;
 -webkit-text-fill-color:#161827!important;
 text-shadow:none!important;
 caret-color:#161827!important;
 font-weight:500!important;
}

html body.autopilot-design-v2 .add-listing-form input::placeholder,
html body.autopilot-design-v2 .add-listing-form textarea::placeholder,
html body.autopilot-design-v2 .add-listing-form .form-control::placeholder{
 color:#8b93a3!important;
 opacity:1!important;
 -webkit-text-fill-color:#8b93a3!important;
}

/* Also cover MyListing/Elementor forms outside the add-listing wrapper. */
html body.autopilot-design-v2 .form-group input:not([type="submit"]):not([type="button"]),
html body.autopilot-design-v2 .form-group textarea,
html body.autopilot-design-v2 .field input:not([type="submit"]):not([type="button"]),
html body.autopilot-design-v2 .field textarea,
html body.autopilot-design-v2 input.form-control,
html body.autopilot-design-v2 textarea.form-control{
 color:#161827!important;
 opacity:1!important;
 -webkit-text-fill-color:#161827!important;
 caret-color:#161827!important;
}

html body.autopilot-design-v2 .form-group input::placeholder,
html body.autopilot-design-v2 .form-group textarea::placeholder,
html body.autopilot-design-v2 .field input::placeholder,
html body.autopilot-design-v2 .field textarea::placeholder,
html body.autopilot-design-v2 input.form-control::placeholder,
html body.autopilot-design-v2 textarea.form-control::placeholder{
 color:#8b93a3!important;
 opacity:1!important;
 -webkit-text-fill-color:#8b93a3!important;
}

/* ---------- FORM INPUT TEXT VISIBILITY FIX v2.4.3 ---------- */
/*
 * MyListing/Elementor can apply a very light text color and/or opacity to
 * form controls after the Design System stylesheet is loaded.  Keep typed
 * values clearly readable while leaving placeholders intentionally lighter.
 */
body.autopilot-design-v2 .form-group input[type="text"],
body.autopilot-design-v2 .form-group input[type="email"],
body.autopilot-design-v2 .form-group input[type="url"],
body.autopilot-design-v2 .form-group input[type="tel"],
body.autopilot-design-v2 .form-group input[type="number"],
body.autopilot-design-v2 .form-group input[type="password"],
body.autopilot-design-v2 .form-group input[type="search"],
body.autopilot-design-v2 .form-group textarea,
body.autopilot-design-v2 .field input[type="text"],
body.autopilot-design-v2 .field input[type="email"],
body.autopilot-design-v2 .field input[type="url"],
body.autopilot-design-v2 .field input[type="tel"],
body.autopilot-design-v2 .field input[type="number"],
body.autopilot-design-v2 .field input[type="password"],
body.autopilot-design-v2 .field input[type="search"],
body.autopilot-design-v2 .field textarea,
body.autopilot-design-v2 input.form-control,
body.autopilot-design-v2 textarea.form-control{
 color:#161827!important;
 opacity:1!important;
 -webkit-text-fill-color:#161827!important;
}
body.autopilot-design-v2 .form-group input::placeholder,
body.autopilot-design-v2 .form-group textarea::placeholder,
body.autopilot-design-v2 .field input::placeholder,
body.autopilot-design-v2 .field textarea::placeholder,
body.autopilot-design-v2 input.form-control::placeholder,
body.autopilot-design-v2 textarea.form-control::placeholder{
 color:#9aa3b2!important;
 opacity:1!important;
 -webkit-text-fill-color:#9aa3b2!important;
}
body.autopilot-design-v2 .form-group input:focus,
body.autopilot-design-v2 .form-group textarea:focus,
body.autopilot-design-v2 .field input:focus,
body.autopilot-design-v2 .field textarea:focus,
body.autopilot-design-v2 input.form-control:focus,
body.autopilot-design-v2 textarea.form-control:focus{
 color:#161827!important;
 opacity:1!important;
 -webkit-text-fill-color:#161827!important;
}

/* ---------- BUTTONS ---------- */
body.autopilot-design-v2 button,
body.autopilot-design-v2 input[type=submit],
body.autopilot-design-v2 input[type=button],
body.autopilot-design-v2 .button,
body.autopilot-design-v2 .btn,
body.autopilot-design-v2 .buttons{
 border-radius:11px!important;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
body.autopilot-design-v2 button:hover,
body.autopilot-design-v2 input[type=submit]:hover,
body.autopilot-design-v2 .button:hover,
body.autopilot-design-v2 .btn:hover,
body.autopilot-design-v2 .buttons:hover{
 transform:translateY(-2px)!important;
 box-shadow:0 9px 22px rgba(30,35,70,.13)!important;
}
body.autopilot-design-v2 input[type=submit],
body.autopilot-design-v2 .button-1,
body.autopilot-design-v2 .btn-primary{
 background:linear-gradient(135deg,var(--ap-purple-2),var(--ap-blue))!important;
 border:0!important;
 color:#fff!important;
}

/* ---------- SEARCH RESULTS ---------- */
body.autopilot-design-v2 .lf-item,
body.autopilot-design-v2 .lf-item-container,
body.autopilot-design-v2 .explore-classic .lf-item-container{
 overflow:hidden!important;
}
body.autopilot-design-v2 .lf-item .lf-item-info,
body.autopilot-design-v2 .lf-item .lf-item-info-2{
 background:#fff!important;
}
body.autopilot-design-v2 .lf-item .lf-item-info h4,
body.autopilot-design-v2 .lf-item .lf-item-info h5{
 font-weight:800!important;
 color:var(--ap-heading)!important;
}

/* ---------- MYLISTING ADD LISTING ---------- */
body.autopilot-design-v2 .add-listing-form,
body.autopilot-design-v2 .add-listing-form .form-section,
body.autopilot-design-v2 .add-listing-form .form-group{
 background:transparent!important;
}
body.autopilot-design-v2 .add-listing-form .form-section{
 background:#fff!important;
 border:1px solid var(--ap-border)!important;
 border-radius:var(--ap-radius)!important;
 box-shadow:var(--ap-shadow)!important;
 padding:24px!important;
 margin-bottom:18px!important;
}
body.autopilot-design-v2 .add-listing-form .form-section h3,
body.autopilot-design-v2 .add-listing-form .form-section h4{
 font-weight:850!important;
}

/* ---------- DROPDOWNS / SELECT2 ---------- */
body.autopilot-design-v2 .select2-container .select2-selection{
 min-height:48px!important;
 border:1px solid #dfe2eb!important;
 border-radius:12px!important;
 background:#fff!important;
}
body.autopilot-design-v2 .select2-dropdown{
 border:1px solid #dfe2eb!important;
 border-radius:12px!important;
 box-shadow:var(--ap-shadow-lg)!important;
 overflow:hidden!important;
}

/* ---------- NOTICES ---------- */
body.autopilot-design-v2 .woocommerce-message,
body.autopilot-design-v2 .woocommerce-info,
body.autopilot-design-v2 .notice,
body.autopilot-design-v2 .alert{
 border-radius:13px!important;
 border:1px solid var(--ap-border)!important;
 box-shadow:var(--ap-shadow)!important;
}

/* ---------- FOOTER ---------- */
body.autopilot-design-v2 footer{
 border-top:1px solid rgba(20,25,55,.08)!important;
}

/* ---------- HEADER / MOBILE NAVIGATION COLOR SYSTEM ----------
   Keep the desktop header treatment separate from MyListing's mobile drawer. */
@media only screen and (max-width:1200px){
 body.autopilot-design-v2 .header .i-nav,
 body.autopilot-design-v2 .c27-main-header .i-nav{
  background:#fff!important;
  color:var(--ap-text)!important;
 }
 body.autopilot-design-v2 .header .i-nav ul li a,
 body.autopilot-design-v2 .c27-main-header .i-nav ul li a{
  color:var(--ap-text)!important;
  opacity:1!important;
 }
 body.autopilot-design-v2 .header .i-nav ul li a:hover,
 body.autopilot-design-v2 .c27-main-header .i-nav ul li a:hover{
  color:var(--ap-purple)!important;
 }
 body.autopilot-design-v2 .header .i-nav ul li.current-menu-item>a,
 body.autopilot-design-v2 .header .i-nav ul li.current_page_item>a,
 body.autopilot-design-v2 .header .i-nav ul li.is-active>a,
 body.autopilot-design-v2 .c27-main-header .i-nav ul li.current-menu-item>a,
 body.autopilot-design-v2 .c27-main-header .i-nav ul li.current_page_item>a,
 body.autopilot-design-v2 .c27-main-header .i-nav ul li.is-active>a{
  color:var(--ap-purple)!important;
  background:var(--ap-purple-soft)!important;
 }
 body.autopilot-design-v2 .header .i-nav .mobile-nav-head,
 body.autopilot-design-v2 .c27-main-header .i-nav .mobile-nav-head{
  background:var(--ap-navy)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
 }
 body.autopilot-design-v2 .header .i-nav .mobile-nav-head a,
 body.autopilot-design-v2 .c27-main-header .i-nav .mobile-nav-head a,
 body.autopilot-design-v2 .header .i-nav .mobile-nav-head i,
 body.autopilot-design-v2 .c27-main-header .i-nav .mobile-nav-head i{
  color:#fff!important;
 }
 body.autopilot-design-v2 .header .i-nav .mobile-nav-button .header-button,
 body.autopilot-design-v2 .c27-main-header .i-nav .mobile-nav-button .header-button{
  background:#fff!important;
 }
 body.autopilot-design-v2 .header .i-nav .mobile-nav-button .header-button a,
 body.autopilot-design-v2 .c27-main-header .i-nav .mobile-nav-button .header-button a{
  background:linear-gradient(110deg,var(--ap-navy),#0b1027)!important;
  color:#fff!important;
 }
 body.autopilot-design-v2 .header .i-nav .mobile-user-menu,
 body.autopilot-design-v2 .c27-main-header .i-nav .mobile-user-menu{
  background:#f7f7fb!important;
 }
}

/* Desktop: the main navigation remains white on the dark Autopilot header. */
@media only screen and (min-width:1201px){
 body.autopilot-design-v2 .c27-main-header .i-nav>ul>li>a,
 body.autopilot-design-v2 .c27-main-header .i-nav .main-nav>li>a{
  color:#fff!important;
 }
 body.autopilot-design-v2 .c27-main-header .i-nav>ul>li>a:hover,
 body.autopilot-design-v2 .c27-main-header .i-nav .main-nav>li>a:hover{
  color:#9ccfff!important;
 }
}

/* ---------- MOBILE ---------- */
@media only screen and (max-width:1200px){
 /* Keep the existing MyListing header/logo visible above the drawer. */
 body.autopilot-design-v2 .c27-main-header .i-nav,
 body.autopilot-design-v2 .header .i-nav{
  top:80px!important;
  height:calc(100vh - 80px)!important;
 }
}
@media only screen and (max-width:480px){
 body.autopilot-design-v2 .c27-main-header .i-nav,
 body.autopilot-design-v2 .header .i-nav{
  top:60px!important;
  height:calc(100vh - 60px)!important;
 }
}

@media(max-width:767px){
 body.autopilot-design-v2 .single-listing .element,
 body.autopilot-design-v2 .single-job_listing .element{border-radius:14px!important}
 body.autopilot-design-v2 .add-listing-form .form-section{padding:18px!important}
 body.autopilot-design-v2 .profile-menu,
 body.autopilot-design-v2 .listing-tabs{border-radius:11px!important}
}

/* ---------- VISUAL DEBUG MARKER: invisible ---------- */
body.autopilot-design-v2:after{
 content:"";
 display:none;
}

/* ---------- HEADER DROPDOWN FIX ----------
   The blanket ".header a{color:#fff}" rule above assumes every header link sits on the
   dark header bar. The account dropdown (i-dropdown/dropdown-menu) pops up with its own
   light/white background though, so that same white text becomes invisible on it. Give
   dropdown links their own (specific enough to win) dark color back. */
body.autopilot-design-v2 .header .i-dropdown a,
body.autopilot-design-v2 .header .dropdown-menu a,
body.autopilot-design-v2 .header .mobile-user-menu a,
body.autopilot-design-v2 .c27-main-header .i-dropdown a,
body.autopilot-design-v2 .c27-main-header .dropdown-menu a,
body.autopilot-design-v2 .c27-main-header .mobile-user-menu a{
 color:var(--ap-text)!important;
}
body.autopilot-design-v2 .header .i-dropdown a:hover,
body.autopilot-design-v2 .header .dropdown-menu a:hover,
body.autopilot-design-v2 .header .mobile-user-menu a:hover,
body.autopilot-design-v2 .c27-main-header .i-dropdown a:hover,
body.autopilot-design-v2 .c27-main-header .dropdown-menu a:hover,
body.autopilot-design-v2 .c27-main-header .mobile-user-menu a:hover{
 color:var(--ap-purple-2)!important;
}

/* Same root cause, different popup: the header's search-box "instant results" suggestion
   list also opens with a light background, so it needs the same dark-text exception. */
body.autopilot-design-v2 .header .instant-results,
body.autopilot-design-v2 .header .instant-results a,
body.autopilot-design-v2 .header .instant-results span,
body.autopilot-design-v2 .header .instant-results li,
body.autopilot-design-v2 .c27-main-header .instant-results,
body.autopilot-design-v2 .c27-main-header .instant-results a,
body.autopilot-design-v2 .c27-main-header .instant-results span,
body.autopilot-design-v2 .c27-main-header .instant-results li{
 color:var(--ap-text)!important;
}

/* ---------- FORM TEXT PREMIUM VISIBILITY v2.4.5 ---------- */
/*
 * Final visibility pass for MyListing fields.
 * Goal: typed content is clearly visible in Autopilot navy/blue,
 * while placeholders remain softer. Presentation only.
 */
html body.autopilot-design-v2 .add-listing-form,
html body.autopilot-design-v2 .add-listing-form .form-section,
html body.autopilot-design-v2 .add-listing-form .form-group,
html body.autopilot-design-v2 .add-listing-form .field,
html body.autopilot-design-v2 .add-listing-form .form-field,
html body.autopilot-design-v2 .add-listing-form .c27-form-group,
html body.autopilot-design-v2 .add-listing-form .form-control-wrap{
 opacity:1!important;
}

html body.autopilot-design-v2 .add-listing-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html body.autopilot-design-v2 .add-listing-form textarea,
html body.autopilot-design-v2 .add-listing-form select,
html body.autopilot-design-v2 .add-listing-form .form-control,
html body.autopilot-design-v2 .add-listing-form .input-text,
html body.autopilot-design-v2 .add-listing-form .form-control.input-text,
html body.autopilot-design-v2 .add-listing-form [contenteditable="true"]{
 color:#101f4d!important;
 opacity:1!important;
 -webkit-text-fill-color:#101f4d!important;
 text-shadow:none!important;
 caret-color:#168cff!important;
 font-weight:600!important;
 font-size:15px!important;
 line-height:1.8!important;
 letter-spacing:0!important;
 background:#fff!important;
}

html body.autopilot-design-v2 .add-listing-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus,
html body.autopilot-design-v2 .add-listing-form textarea:focus,
html body.autopilot-design-v2 .add-listing-form select:focus,
html body.autopilot-design-v2 .add-listing-form .form-control:focus,
html body.autopilot-design-v2 .add-listing-form [contenteditable="true"]:focus{
 color:#07183f!important;
 -webkit-text-fill-color:#07183f!important;
 border-color:#168cff!important;
 box-shadow:0 0 0 4px rgba(22,140,255,.10), 0 5px 18px rgba(16,31,77,.06)!important;
 outline:none!important;
}

/* Make typed text readable even when MyListing adds light inline/theme rules. */
html body.autopilot-design-v2 .add-listing-form input[value]:not([type="submit"]):not([type="button"]),
html body.autopilot-design-v2 .add-listing-form textarea{
 color:#101f4d!important;
 -webkit-text-fill-color:#101f4d!important;
}

html body.autopilot-design-v2 .add-listing-form input::placeholder,
html body.autopilot-design-v2 .add-listing-form textarea::placeholder,
html body.autopilot-design-v2 .add-listing-form .form-control::placeholder,
html body.autopilot-design-v2 .add-listing-form .input-text::placeholder{
 color:#8b97b2!important;
 opacity:1!important;
 -webkit-text-fill-color:#8b97b2!important;
 font-weight:400!important;
}

/* The same visual treatment for Autopilot forms outside add-listing. */
html body.autopilot-design-v2 .form-group,
html body.autopilot-design-v2 .field,
html body.autopilot-design-v2 .form-field{
 opacity:1!important;
}
html body.autopilot-design-v2 .form-group input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html body.autopilot-design-v2 .form-group textarea,
html body.autopilot-design-v2 .field input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html body.autopilot-design-v2 .field textarea,
html body.autopilot-design-v2 input.form-control,
html body.autopilot-design-v2 textarea.form-control,
html body.autopilot-design-v2 .form-field input,
html body.autopilot-design-v2 .form-field textarea{
 color:#101f4d!important;
 opacity:1!important;
 -webkit-text-fill-color:#101f4d!important;
 caret-color:#168cff!important;
 font-weight:600!important;
}
html body.autopilot-design-v2 .form-group input:focus,
html body.autopilot-design-v2 .form-group textarea:focus,
html body.autopilot-design-v2 .field input:focus,
html body.autopilot-design-v2 .field textarea:focus,
html body.autopilot-design-v2 input.form-control:focus,
html body.autopilot-design-v2 textarea.form-control:focus,
html body.autopilot-design-v2 .form-field input:focus,
html body.autopilot-design-v2 .form-field textarea:focus{
 color:#07183f!important;
 -webkit-text-fill-color:#07183f!important;
 border-color:#168cff!important;
 box-shadow:0 0 0 4px rgba(22,140,255,.10),0 5px 18px rgba(16,31,77,.06)!important;
}

/* Section labels and helper text: cleaner hierarchy, without changing content. */
html body.autopilot-design-v2 .add-listing-form .form-group label,
html body.autopilot-design-v2 .add-listing-form .field label,
html body.autopilot-design-v2 .add-listing-form .form-field label{
 color:#101f4d!important;
 font-weight:750!important;
}
html body.autopilot-design-v2 .add-listing-form .tip,
html body.autopilot-design-v2 .add-listing-form .description,
html body.autopilot-design-v2 .add-listing-form small,
html body.autopilot-design-v2 .add-listing-form .help-block{
 color:#7b87a3!important;
}

/* A subtle, premium selection color makes editing feel intentional. */
html body.autopilot-design-v2 .add-listing-form input::selection,
html body.autopilot-design-v2 .add-listing-form textarea::selection,
html body.autopilot-design-v2 .add-listing-form [contenteditable="true"]::selection{
 background:rgba(22,140,255,.20)!important;
 color:#07183f!important;
}