/*
 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;
}

/* ---------- 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;
}

/* ---------- MOBILE ---------- */
@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;
}