/* Pinnacle Drive's Elementor kit, inspected 16 October 2026.
   Site palette: #050505, #141212, #181515, #372F2F, #C99A42, #FFFFFF, #7A7A7A.
   Main section titles: Inter 2.5em/1.2 700; section labels: Inter 18px/1.2 400.
   Elementor's live colour variables take precedence over the matching fallbacks. */
.pdi{
  --pdi-text:var(--e-global-color-f3dd7f3,#FFFFFF);
  --pdi-muted:var(--e-global-color-text,#7A7A7A);
  --pdi-line:#372F2F;--pdi-soft:#141212;--pdi-panel:#181515;
  color:var(--pdi-text);background:var(--pdi-dark);font-family:var(--e-global-typography-text-font-family,"Inter"),sans-serif;
  font-size:16px;line-height:1.6;max-width:1240px;
}
#pdi-main{background:var(--e-global-color-primary,#050505)}
.pdi h1,.pdi h2,.pdi h3,.pdi p,.pdi label,.pdi a{font-family:inherit}
.pdi h1,.pdi h2,.pdi-detail-heading h1{
  font-size:2.5em;font-weight:700;line-height:1.2;letter-spacing:normal;color:var(--pdi-text);
}
.pdi h3{font-size:20px;line-height:1.2;font-weight:600;color:var(--pdi-text)}
.pdi .pdi-eyebrow{font-size:18px;line-height:1.2;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--pdi-accent)}
.pdi .pdi-card .pdi-eyebrow{font-size:12px}
.pdi .pdi-card h3{font-size:20px;line-height:1.2;font-weight:600}
.pdi .pdi-card{background:var(--pdi-panel);color:var(--pdi-text);border-color:var(--pdi-line);border-radius:12px}
.pdi .pdi-card:hover{box-shadow:0 12px 30px #0005}
.pdi .pdi-card-photo{background:var(--pdi-soft)}
.pdi .pdi-badge{background:var(--pdi-dark);color:var(--pdi-accent);border:1px solid var(--pdi-line)}
.pdi .pdi-status{background:var(--pdi-accent);color:var(--pdi-dark)}
.pdi .pdi-card-bottom strong,.pdi .pdi-price{color:var(--pdi-text)}
.pdi .pdi-card-link,.pdi .pdi-card-whatsapp,.pdi .pdi-phone{color:var(--pdi-accent)}
.pdi .pdi-card-whatsapp{display:flex;justify-content:space-between;border-top:1px solid var(--pdi-line);margin-top:14px;padding-top:13px;font-size:13px;font-weight:500}
.pdi .pdi-filters,.pdi .pdi-offer,.pdi .pdi-contract,.pdi .pdi-empty,.pdi .pdi-message{background:var(--pdi-soft);border-color:var(--pdi-line);color:var(--pdi-text)}
.pdi .pdi-panel{background:var(--pdi-panel);border-color:var(--pdi-line)}
.pdi .pdi-panel h2{font-size:24px;line-height:1.2;font-weight:700}
.pdi .pdi-feature-groups h3{font-size:18px;font-weight:600}
.pdi .pdi-description,.pdi .pdi-checks{color:var(--pdi-muted)}
.pdi .pdi-checks li:before{color:var(--pdi-accent)}
.pdi input:not([type=checkbox]):not([type=hidden]),.pdi select,.pdi textarea{
  background:var(--pdi-dark);color:var(--pdi-text);border-color:var(--pdi-line);color-scheme:dark;
}
.pdi input::placeholder,.pdi textarea::placeholder{color:var(--pdi-muted);opacity:1}
.pdi select option{background:var(--pdi-dark);color:var(--pdi-text)}
.pdi .pdi-button{background:var(--pdi-accent);border-color:var(--pdi-accent);color:var(--pdi-dark);border-radius:100px;font-weight:500}
.pdi .pdi-button-outline{background:transparent;color:var(--pdi-text);border-color:var(--pdi-accent)}
.pdi .pdi-button:hover{filter:brightness(1.08)}
.pdi .pdi-checkbox input{accent-color:var(--pdi-accent)}
.pdi .pdi-section-header>a,.pdi .pdi-carousel-actions>a,.pdi .pdi-filter-footer>a,.pdi .pdi-enquiry a{color:var(--pdi-accent)}
.pdi .pdi-carousel-actions button{border-color:var(--pdi-line);color:var(--pdi-text);background:var(--pdi-panel)}
.pdi .pdi-carousel-actions button:hover{border-color:var(--pdi-accent)}
.pdi .pdi-finance{border-color:var(--pdi-line)}
.pdi .pdi-availability{color:var(--pdi-accent)}
.pdi .pdi-placeholder{background:linear-gradient(135deg,#141212,#292020);color:var(--pdi-muted)}
.pdi .pdi-main-photo{background:var(--pdi-soft)}
.pdi .pdi-main-photo>span{background:#050505e8;color:var(--pdi-accent)}
.pdi .pdi-thumbnails button{color:var(--pdi-text)}
.pdi .pdi-pagination a,.pdi .pdi-pagination span{color:var(--pdi-text);border-color:var(--pdi-line)}
.pdi .pdi-pagination .current{background:var(--pdi-accent);color:var(--pdi-dark);border-color:var(--pdi-accent)}
.pdi .pdi-lightbox{background:var(--pdi-dark)}
.pdi .pdi-lightbox button{background:var(--pdi-panel);color:var(--pdi-accent)}
.pdi .pdi-fine{color:var(--pdi-muted)}
@media(max-width:767px){
  .pdi h1,.pdi h2,.pdi-detail-heading h1{font-size:clamp(28px,7.5vw,40px)}
  .pdi .pdi-eyebrow{font-size:18px}
  .pdi .pdi-section-header{flex-wrap:wrap}
  .pdi .pdi-carousel-actions{max-width:none;justify-content:flex-start}
  .pdi .pdi-carousel-actions>a{width:auto;margin-right:12px;text-align:left}
  .pdi .pdi-panel h2{font-size:24px}
}
.pdi .pdi-card-bottom{flex-wrap:wrap;row-gap:12px}
.pdi .pdi-card-bottom strong{white-space:nowrap}

/* 1.1.1: keep listing titles consistent in every link state. */
.pdi .pdi-card h3 a,
.pdi .pdi-card h3 a:link,
.pdi .pdi-card h3 a:visited,
.pdi .pdi-card h3 a:hover,
.pdi .pdi-card h3 a:focus,
.pdi .pdi-card h3 a:active{
  color:var(--pdi-text)!important;
  text-decoration:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
/* Gallery photos have no selected border, focus ring or theme hover fill. */
.pdi .pdi-gallery,
.pdi .pdi-gallery img,
.pdi .pdi-gallery button,
.pdi .pdi-gallery button:hover,
.pdi .pdi-gallery button:focus,
.pdi .pdi-gallery button:focus-visible,
.pdi .pdi-gallery button:active,
.pdi .pdi-gallery button[aria-pressed="true"]{
  border:0!important;
  outline:none!important;
  box-shadow:none!important;
}
.pdi .pdi-gallery .pdi-main-photo,
.pdi .pdi-gallery .pdi-main-photo:hover,
.pdi .pdi-gallery .pdi-main-photo:focus,
.pdi .pdi-gallery .pdi-main-photo:active,
.pdi .pdi-gallery .pdi-thumbnails button,
.pdi .pdi-gallery .pdi-thumbnails button:hover,
.pdi .pdi-gallery .pdi-thumbnails button:focus,
.pdi .pdi-gallery .pdi-thumbnails button:active{
  background:transparent!important;
  color:inherit!important;
}
.pdi .pdi-gallery .pdi-main-photo,
.pdi .pdi-gallery .pdi-thumbnails button{
  padding:0!important;
  -webkit-tap-highlight-color:transparent;
}

/* 1.1.2: no link underlines anywhere inside the inventory plugin. */
.pdi a,
.pdi a:link,
.pdi a:visited,
.pdi a:hover,
.pdi a:focus,
.pdi a:focus-visible,
.pdi a:active,
.pdi a *,
.pdi a:hover *,
.pdi a:focus *{
  text-decoration:none!important;
  text-decoration-line:none!important;
}

/* 1.1.3: hide the featured carousel scrollbar while retaining native scrolling. */
.pdi .pdi-track{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.pdi .pdi-track::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}

/* 1.1.4: matching outline icons in every shared inventory card and overview. */
.pdi .pdi-icon{display:block;flex:0 0 auto;width:20px;height:20px;vertical-align:middle}
.pdi .pdi-spec-grid dt{display:flex;align-items:center;gap:9px;min-height:24px}
.pdi .pdi-spec-grid dt .pdi-icon{color:var(--pdi-accent)}
.pdi .pdi-spec-grid dd{margin-left:29px}
.pdi .pdi-card-specs>span{display:inline-flex;align-items:center;gap:6px}
.pdi .pdi-card-specs>span+span:before{content:none;margin:0}
.pdi .pdi-card-specs .pdi-icon{width:17px;height:17px;color:var(--pdi-accent)}

/* SVG controls stay centred regardless of the theme's button typography. */
.pdi .pdi-lightbox{padding:60px 16px 20px;max-height:calc(100dvh - 32px);overflow:auto}
.pdi .pdi-lightbox>div{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px}
.pdi .pdi-lightbox>div>img{grid-column:2;grid-row:1;display:block;width:auto;max-width:100%;max-height:calc(100dvh - 132px);min-width:0;justify-self:center;object-fit:contain}
.pdi .pdi-lightbox button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;padding:0!important;margin:0!important;
  line-height:1!important;text-indent:0!important;letter-spacing:0!important;
  vertical-align:middle;flex-shrink:0;
}
.pdi .pdi-lightbox button .pdi-icon{display:block;width:22px;height:22px;margin:0;pointer-events:none}
.pdi .pdi-lightbox [data-pdi-close]{position:absolute;top:10px;right:12px;left:auto;bottom:auto;transform:none}
.pdi .pdi-lightbox [data-pdi-photo-prev]{grid-column:1;grid-row:1;justify-self:center;align-self:center}
.pdi .pdi-lightbox [data-pdi-photo-next]{grid-column:3;grid-row:1;justify-self:center;align-self:center}
@media(max-width:600px){
  .pdi .pdi-lightbox{width:96vw;max-width:96vw;padding:60px 6px 14px}
  .pdi .pdi-lightbox>div{grid-template-columns:44px minmax(0,1fr) 44px;gap:3px}
}

/* 1.1.5: featured section heading follows the homepage's 48px scale. */
.pdi.pdi-featured > .pdi-section-header h2{
  font-size:48px;
  line-height:1.2;
}
@media(max-width:1024px){
  .pdi.pdi-featured > .pdi-section-header h2{font-size:40px}
}
@media(max-width:767px){
  .pdi.pdi-featured > .pdi-section-header h2{font-size:32px}
}
@media(max-width:375px){
  .pdi.pdi-featured > .pdi-section-header h2{font-size:28px}
}

/* 1.1.6: suppress the theme's duplicate title, keeping the inventory's own H1. */
body.single-pdi_car .page-header,
body.single-pdi_car h1.entry-title,
body.single-pdi_car .entry-header > .entry-title,
body.single-pdi_car .wp-block-post-title,
body.single-pdi_car .elementor-widget-theme-post-title{
  display:none!important;
}
/* Body copy keeps its authored case; headings/section labels use Title Case. */
.pdi,
.pdi *{
  text-transform:none!important;
}
.pdi h1,.pdi h2,.pdi h3,.pdi h4,.pdi h5,.pdi h6,
.pdi .pdi-eyebrow,.pdi .pdi-badge,.pdi .pdi-contract,
.pdi .pdi-results-bar>span{
  text-transform:capitalize!important;
}

/* 1.1.7: consistent main titles across inventory and car detail pages. */
.pdi.pdi-inventory > .pdi-heading h1,
.pdi.pdi-detail > .pdi-detail-heading h1{
  font-size:48px;
  line-height:1.2;
  overflow-wrap:break-word;
}
@media(max-width:1024px){
  .pdi.pdi-inventory > .pdi-heading h1,
  .pdi.pdi-detail > .pdi-detail-heading h1{font-size:40px}
}
@media(max-width:767px){
  .pdi.pdi-inventory > .pdi-heading h1,
  .pdi.pdi-detail > .pdi-detail-heading h1{font-size:32px}
}
@media(max-width:375px){
  .pdi.pdi-inventory > .pdi-heading h1,
  .pdi.pdi-detail > .pdi-detail-heading h1{font-size:28px}
}

/* 1.1.8: real vector arrows avoid iOS rendering Unicode arrows as blue emoji. */
.pdi .pdi-card-link,
.pdi .pdi-carousel-actions>a,
.pdi .pdi-section-header>a,
.pdi .pdi-main-photo>span{display:inline-flex;align-items:center;gap:8px}
.pdi .pdi-card-link .pdi-icon,
.pdi .pdi-card-whatsapp .pdi-icon,
.pdi .pdi-carousel-actions>a .pdi-icon,
.pdi .pdi-section-header>a .pdi-icon,
.pdi .pdi-main-photo>span .pdi-icon,
.pdi .pdi-button .pdi-icon{width:17px;height:17px;fill:none;stroke:currentColor;flex-shrink:0}
.pdi .pdi-carousel-actions button{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}
.pdi .pdi-carousel-actions button .pdi-icon{width:20px;height:20px;fill:none;stroke:currentColor}

/* 1.1.9: compact shared cards with edge-to-edge photos and stacked actions. */
.pdi .pdi-card-photo{
  flex:0 0 auto;display:block;position:relative;aspect-ratio:1.48;
  padding:0!important;margin:0!important;line-height:0;
}
.pdi .pdi-card-photo>img{
  position:absolute;inset:0;display:block;width:100%!important;height:100%!important;
  max-width:none;max-height:none;object-fit:cover;margin:0!important;padding:0!important;
}
.pdi .pdi-card-photo .pdi-badge,.pdi .pdi-card-photo .pdi-status{line-height:1.4}
.pdi .pdi-card-content{padding:18px}
.pdi .pdi-card h3{margin:0 0 14px}
.pdi .pdi-card-specs{margin-bottom:15px;gap:8px 12px}
.pdi .pdi-card-bottom{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:10px 12px;padding-top:14px;margin-top:auto;
}
.pdi .pdi-card-price-row{display:flex;align-items:baseline;gap:5px;flex-wrap:nowrap}
.pdi .pdi-card-price-row strong{display:inline;font-size:20px;line-height:1.25;white-space:nowrap}
.pdi .pdi-card-price-row small{display:inline;font-size:11px;line-height:1.25;white-space:nowrap}
.pdi .pdi-card-pricing del{font-size:11px;margin-bottom:4px}
.pdi .pdi-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.pdi .pdi-card-actions .pdi-card-link,
.pdi .pdi-card-actions .pdi-card-whatsapp{
  display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;
  padding:0;margin:0;border:0;font-size:11px;line-height:1.4;white-space:nowrap;
}
.pdi .pdi-card-actions .pdi-icon{width:14px;height:14px}
@media(max-width:600px){
  .pdi .pdi-card-price-row strong{font-size:18px}
  .pdi .pdi-card-bottom{grid-template-columns:1fr;gap:12px}
  .pdi .pdi-card-actions{justify-self:end}
}
/* Wrap the action column only when the available card width requires it. */
.pdi .pdi-card-bottom{display:flex;flex-wrap:wrap}
.pdi .pdi-card-pricing{flex:1 0 auto}
.pdi .pdi-card-actions{flex:0 0 auto;margin-left:auto}