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

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


/* ---------- AUTOPILOT PLAN / PACKAGE PAGES ----------
   Presentation-only layer for MyListing package selection and WooCommerce
   listing-package products. No checkout, entitlement or product logic changes. */
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget){
 background:linear-gradient(180deg,#f8f9fc 0%,#f2f4f8 100%)!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .elementor-widget-case27-package-selection-widget{
 max-width:1220px!important;margin:0 auto!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .elementor-widget-heading h1,
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .elementor-widget-heading h2,
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .elementor-widget-heading h3{
 color:var(--ap-heading)!important;font-weight:900!important;letter-spacing:-.04em!important;
 text-align:center!important;line-height:1.35!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .elementor-widget-heading h1{font-size:42px!important}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .elementor-widget-heading h2{font-size:36px!important}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .elementor-widget-case27-package-selection-widget .section-body{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px!important;margin:0!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .elementor-widget-case27-package-selection-widget .section-body>div{
 width:auto!important;max-width:none!important;padding:0!important;margin:0!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item{
 position:relative!important;overflow:hidden!important;min-height:100%!important;
 border:1px solid #e2e5ee!important;border-radius:22px!important;background:#fff!important;
 box-shadow:0 16px 45px rgba(13,18,44,.08)!important;
 transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item:hover{
 transform:translateY(-4px)!important;border-color:#cfc7ff!important;box-shadow:0 22px 55px rgba(13,18,44,.13)!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-name{
 margin:0!important;padding:30px 30px 16px!important;color:var(--ap-heading)!important;
 font-size:20px!important;font-weight:900!important;letter-spacing:-.02em!important;text-transform:none!important;line-height:1.6!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item.featured .plan-name,
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item.active .plan-name{color:var(--ap-purple-2)!important}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-image{
 display:block!important;width:calc(100% - 40px)!important;margin:0 20px!important;border-radius:16px!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-price{
 margin:0!important;padding:18px 28px 5px!important;color:var(--ap-navy)!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-price>span,
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-price ins span.woocommerce-Price-amount{
 color:var(--ap-navy)!important;font-size:42px!important;font-weight:900!important;line-height:1.3!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-price span.woocommerce-Price-currencySymbol{
 color:var(--ap-purple)!important;font-size:20px!important;font-weight:800!important;top:-8px!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-price del span.woocommerce-Price-amount{
 color:#98a0b2!important;font-size:19px!important;text-decoration-color:#98a0b2!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-desc{
 margin:0!important;padding:12px 30px 8px!important;color:#454c60!important;font-size:14px!important;line-height:2!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-features{
 margin:0!important;padding:12px 30px 22px!important;color:#596175!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-features li,
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-features p{
 color:#596175!important;font-size:13px!important;line-height:1.95!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .select-package{
 padding:10px 24px 26px!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .select-plan{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
 min-height:50px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--ap-navy),#252b55)!important;
 color:#fff!important;font-size:13px!important;font-weight:900!important;box-shadow:0 10px 25px rgba(23,26,56,.16)!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .select-plan:hover{
 background:linear-gradient(135deg,var(--ap-purple),var(--ap-blue))!important;color:#fff!important;
}
body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .featured-plan-badge{
 border-left-color:var(--ap-purple)!important;border-right-color:transparent!important;right:0!important;left:auto!important;top:0!important;
}

/* Single WooCommerce listing-package product page */
body.autopilot-design-v2.single-product .product-type-job_package,
body.autopilot-design-v2.single-product .product-type-job_package_subscription{
 max-width:1280px!important;margin:38px auto 70px!important;padding:28px!important;
 border:1px solid var(--ap-border)!important;border-radius:24px!important;background:#fff!important;
 box-shadow:0 18px 55px rgba(13,18,44,.08)!important;
}
body.autopilot-design-v2.single-product .product-type-job_package .summary,
body.autopilot-design-v2.single-product .product-type-job_package_subscription .summary{
 padding:22px 28px!important;
}
body.autopilot-design-v2.single-product .product-type-job_package .product_title,
body.autopilot-design-v2.single-product .product-type-job_package_subscription .product_title{
 color:var(--ap-heading)!important;font-size:36px!important;font-weight:900!important;line-height:1.5!important;
 letter-spacing:-.035em!important;margin:0 0 20px!important;
}
body.autopilot-design-v2.single-product .product-type-job_package p.price,
body.autopilot-design-v2.single-product .product-type-job_package_subscription p.price{
 margin:0 0 22px!important;color:var(--ap-purple)!important;font-size:38px!important;font-weight:900!important;line-height:1.4!important;
}
body.autopilot-design-v2.single-product .product-type-job_package p.price ins,
body.autopilot-design-v2.single-product .product-type-job_package_subscription p.price ins{text-decoration:none!important}
body.autopilot-design-v2.single-product .product-type-job_package p.price ins .woocommerce-Price-amount,
body.autopilot-design-v2.single-product .product-type-job_package_subscription p.price ins .woocommerce-Price-amount{color:var(--ap-green)!important;font-weight:900!important}
body.autopilot-design-v2.single-product .product-type-job_package p.price del,
body.autopilot-design-v2.single-product .product-type-job_package_subscription p.price del{color:#9aa1b0!important;font-size:21px!important}
body.autopilot-design-v2.single-product .product-type-job_package .woocommerce-product-details__short-description,
body.autopilot-design-v2.single-product .product-type-job_package_subscription .woocommerce-product-details__short-description{
 color:#343a4d!important;font-size:16px!important;line-height:2.15!important;margin:0 0 20px!important;
}
body.autopilot-design-v2.single-product .product-type-job_package .woocommerce-product-details__short-description p,
body.autopilot-design-v2.single-product .product-type-job_package_subscription .woocommerce-product-details__short-description p{color:#343a4d!important}
body.autopilot-design-v2.single-product .product-type-job_package .cart,
body.autopilot-design-v2.single-product .product-type-job_package_subscription .cart{margin-top:22px!important}
body.autopilot-design-v2.single-product .product-type-job_package .single_add_to_cart_button,
body.autopilot-design-v2.single-product .product-type-job_package_subscription .single_add_to_cart_button{
 min-height:54px!important;padding:13px 30px!important;border:0!important;border-radius:13px!important;
 background:linear-gradient(135deg,var(--ap-navy),#252b55)!important;color:#fff!important;font-weight:900!important;font-size:14px!important;
 box-shadow:0 12px 28px rgba(23,26,56,.18)!important;
}
body.autopilot-design-v2.single-product .product-type-job_package .single_add_to_cart_button:hover,
body.autopilot-design-v2.single-product .product-type-job_package_subscription .single_add_to_cart_button:hover{
 background:linear-gradient(135deg,var(--ap-purple),var(--ap-blue))!important;color:#fff!important;
}
body.autopilot-design-v2.single-product .product-type-job_package .quantity .qty,
body.autopilot-design-v2.single-product .product-type-job_package_subscription .quantity .qty{
 min-height:54px!important;border:1px solid var(--ap-border)!important;border-radius:12px!important;
}
body.autopilot-design-v2.single-product .product-type-job_package .woocommerce-product-gallery,
body.autopilot-design-v2.single-product .product-type-job_package_subscription .woocommerce-product-gallery{
 border-radius:18px!important;overflow:hidden!important;
}
@media(max-width:767px){
 body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .elementor-widget-heading h1{font-size:30px!important}
 body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .elementor-widget-heading h2{font-size:27px!important}
 body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .elementor-widget-case27-package-selection-widget .section-body{grid-template-columns:1fr!important;gap:18px!important}
 body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-name{font-size:18px!important;padding:24px 22px 12px!important}
 body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-price>span,
 body.autopilot-design-v2:has(.elementor-widget-case27-package-selection-widget) .pricing-item .plan-price ins span.woocommerce-Price-amount{font-size:34px!important}
 body.autopilot-design-v2.single-product .product-type-job_package,
 body.autopilot-design-v2.single-product .product-type-job_package_subscription{margin:18px 12px 40px!important;padding:12px!important;border-radius:18px!important}
 body.autopilot-design-v2.single-product .product-type-job_package .summary,
 body.autopilot-design-v2.single-product .product-type-job_package_subscription .summary{padding:16px 8px!important}
 body.autopilot-design-v2.single-product .product-type-job_package .product_title,
 body.autopilot-design-v2.single-product .product-type-job_package_subscription .product_title{font-size:27px!important}
 body.autopilot-design-v2.single-product .product-type-job_package p.price,
 body.autopilot-design-v2.single-product .product-type-job_package_subscription p.price{font-size:31px!important}
}

/* =========================================================
   PLAN PAGES — TYPOGRAPHY / VISUAL HIERARCHY v2.4.4
   Strong selectors intentionally avoid changing WooCommerce behavior.
   ========================================================= */

/* Package-selection page: make the page heading unmistakable. */
body.autopilot-design-v2 .elementor-widget-case27-package-selection-widget + *{}
body.autopilot-design-v2 .elementor-widget-case27-package-selection-widget .section-body .pricing-item .plan-name,
body.autopilot-design-v2 .pricing-item .plan-name{
  color:#101326!important;
  -webkit-text-fill-color:#101326!important;
  font-family:'Vazirmatn',Tahoma,sans-serif!important;
  font-size:20px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  line-height:1.7!important;
  text-transform:none!important;
}
body.autopilot-design-v2 .pricing-item.featured .plan-name,
body.autopilot-design-v2 .pricing-item.active .plan-name{
  color:#4f35b2!important;
  -webkit-text-fill-color:#4f35b2!important;
}
body.autopilot-design-v2 .pricing-item .plan-price,
body.autopilot-design-v2 .pricing-item .plan-price > span,
body.autopilot-design-v2 .pricing-item .plan-price span.woocommerce-Price-amount,
body.autopilot-design-v2 .pricing-item .plan-price ins span.woocommerce-Price-amount{
  color:#171a38!important;
  -webkit-text-fill-color:#171a38!important;
  font-weight:900!important;
}
body.autopilot-design-v2 .pricing-item .plan-price > span,
body.autopilot-design-v2 .pricing-item .plan-price ins span.woocommerce-Price-amount{
  font-size:42px!important;
  line-height:1.35!important;
}
body.autopilot-design-v2 .pricing-item .plan-price span.woocommerce-Price-currencySymbol{
  color:#5d36e8!important;
  -webkit-text-fill-color:#5d36e8!important;
  font-size:20px!important;
  font-weight:900!important;
}
body.autopilot-design-v2 .pricing-item .plan-price del span.woocommerce-Price-amount{
  color:#98a0b2!important;
  -webkit-text-fill-color:#98a0b2!important;
  font-size:19px!important;
}
body.autopilot-design-v2 .pricing-item .plan-desc,
body.autopilot-design-v2 .pricing-item .plan-features,
body.autopilot-design-v2 .pricing-item .plan-features li{
  color:#3f4658!important;
  -webkit-text-fill-color:#3f4658!important;
}

/* The actual Elementor page heading above the package cards. */
body.autopilot-design-v2 .elementor-widget-case27-package-selection-widget ~ .elementor-widget-heading h1,
body.autopilot-design-v2 .elementor-widget-case27-package-selection-widget ~ .elementor-widget-heading h2,
body.autopilot-design-v2 .elementor-widget-case27-package-selection-widget .elementor-widget-heading h1,
body.autopilot-design-v2 .elementor-widget-case27-package-selection-widget .elementor-widget-heading h2{
  color:#101326!important;
  -webkit-text-fill-color:#101326!important;
  font-family:'Vazirmatn',Tahoma,sans-serif!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  line-height:1.45!important;
}

/* Single WooCommerce plan page — target WooCommerce's real title class
   directly as well as the product-type wrapper, so theme specificity cannot
   turn it into a thin blue heading. */
body.autopilot-design-v2.woocommerce.single-product div.product .product_title,
body.autopilot-design-v2.single-product div.product .product_title,
body.autopilot-design-v2.single-product .summary .product_title,
body.autopilot-design-v2.single-product h1.product_title.entry-title.case27-primary-text{
  color:#101326!important;
  -webkit-text-fill-color:#101326!important;
  font-family:'Vazirmatn',Tahoma,sans-serif!important;
  font-size:38px!important;
  font-weight:950!important;
  line-height:1.55!important;
  letter-spacing:-.04em!important;
  text-shadow:none!important;
  opacity:1!important;
  margin:0 0 22px!important;
}

body.autopilot-design-v2.woocommerce.single-product div.product p.price,
body.autopilot-design-v2.single-product div.product p.price{
  color:#5d36e8!important;
  -webkit-text-fill-color:#5d36e8!important;
  font-size:38px!important;
  font-weight:900!important;
  line-height:1.45!important;
}
body.autopilot-design-v2.woocommerce.single-product div.product p.price .woocommerce-Price-amount,
body.autopilot-design-v2.single-product div.product p.price .woocommerce-Price-amount{
  color:#20a56d!important;
  -webkit-text-fill-color:#20a56d!important;
  font-weight:950!important;
}
body.autopilot-design-v2.woocommerce.single-product div.product p.price del,
body.autopilot-design-v2.single-product div.product p.price del,
body.autopilot-design-v2.woocommerce.single-product div.product p.price del .woocommerce-Price-amount,
body.autopilot-design-v2.single-product div.product p.price del .woocommerce-Price-amount{
  color:#98a0b2!important;
  -webkit-text-fill-color:#98a0b2!important;
  font-size:21px!important;
}

body.autopilot-design-v2.single-product .summary.entry-summary{
  border:1px solid #e2e4ec!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 18px 55px rgba(13,18,44,.08)!important;
}
body.autopilot-design-v2.single-product .woocommerce-product-details__short-description,
body.autopilot-design-v2.single-product .woocommerce-product-details__short-description p{
  color:#343a4d!important;
  -webkit-text-fill-color:#343a4d!important;
  font-size:16px!important;
  line-height:2.15!important;
}

@media(max-width:767px){
  body.autopilot-design-v2.woocommerce.single-product div.product .product_title,
  body.autopilot-design-v2.single-product div.product .product_title,
  body.autopilot-design-v2.single-product .summary .product_title,
  body.autopilot-design-v2.single-product h1.product_title.entry-title.case27-primary-text{
    font-size:29px!important;
    line-height:1.6!important;
  }
  body.autopilot-design-v2 .pricing-item .plan-name{font-size:19px!important}
  body.autopilot-design-v2 .pricing-item .plan-price > span,
  body.autopilot-design-v2 .pricing-item .plan-price ins span.woocommerce-Price-amount{font-size:35px!important}
}