/* Header Vehicle Finder - admin controlled design (WoodMart override) */
.akw-vehicle-finder{
    display:grid !important;
    grid-template-columns:max-content minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) var(--akw-action-width,56px) var(--akw-action-width,56px) !important;
    align-items:center !important;
    column-gap:var(--akw-finder-gap,12px) !important;
    row-gap:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:var(--akw-finder-padding,22px) 24px !important;
    background:var(--akw-finder-bg,#062b78) !important;
    border:var(--akw-finder-border-width,0px) solid var(--akw-finder-border,#0a347f) !important;
    border-radius:var(--akw-finder-radius,0px) !important;
    color:var(--akw-finder-title-color,#fff) !important;
}
.akw-vehicle-finder .akw-vf-title{
    display:flex !important;
    align-items:center !important;
    min-height:var(--akw-finder-height,52px) !important;
    margin:0 calc(var(--akw-finder-title-gap,6px) - var(--akw-finder-gap,12px)) 0 0 !important;
    color:var(--akw-finder-title-color,#fff) !important;
    font-size:var(--akw-finder-title-size,16px) !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}
.akw-vehicle-finder select.akw-make,
.akw-vehicle-finder select.akw-model,
.akw-vehicle-finder select.akw-year{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:var(--akw-finder-height,52px) !important;
    min-height:var(--akw-finder-height,52px) !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 12px !important;
    border-radius:var(--akw-finder-field-radius,2px) !important;
    border:1px solid var(--akw-finder-field-border,#17418a) !important;
    background-color:var(--akw-finder-field-bg,#fff) !important;
    color:var(--akw-finder-field-text,#4f5968) !important;
    cursor:pointer !important;
    outline:none !important;
    appearance:auto !important;
    -webkit-appearance:auto !important;
    box-shadow:none !important;
    background-image:none !important;
    transition:background-color var(--akw-action-transition,200ms) ease,border-color var(--akw-action-transition,200ms) ease,color var(--akw-action-transition,200ms) ease !important;
}
.akw-vehicle-finder select.akw-make option,
.akw-vehicle-finder select.akw-model option,
.akw-vehicle-finder select.akw-year option{
    background:var(--akw-finder-field-bg,#fff) !important;
    color:var(--akw-finder-field-text,#4f5968) !important;
}
.akw-vehicle-finder select.akw-make option:checked,
.akw-vehicle-finder select.akw-model option:checked,
.akw-vehicle-finder select.akw-year option:checked{
    background:var(--akw-finder-field-hover-bg,#f7f9fc) !important;
    color:var(--akw-finder-field-hover-text,#1d2327) !important;
}
.akw-vehicle-finder select.akw-make:hover,
.akw-vehicle-finder select.akw-model:hover,
.akw-vehicle-finder select.akw-year:hover{
    background-color:var(--akw-finder-field-hover-bg,#f7f9fc) !important;
    border-color:var(--akw-finder-field-hover-border,#ff7418) !important;
    color:var(--akw-finder-field-hover-text,#1d2327) !important;
}
.akw-vehicle-finder button.akw-search,
.akw-vehicle-finder button.akw-reset{
    width:var(--akw-action-width,56px) !important;
    min-width:var(--akw-action-width,56px) !important;
    max-width:var(--akw-action-width,56px) !important;
    height:var(--akw-action-height,52px) !important;
    min-height:var(--akw-action-height,52px) !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:var(--akw-action-radius,2px) !important;
    border:var(--akw-action-border-width,1px) solid transparent !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    outline:none !important;
    transition:background-color var(--akw-action-transition,200ms) ease,border-color var(--akw-action-transition,200ms) ease,color var(--akw-action-transition,200ms) ease,transform var(--akw-action-transition,200ms) ease !important;
}
.akw-vehicle-finder button.akw-action-button svg{
    width:var(--akw-action-icon-size,27px) !important;
    height:var(--akw-action-icon-size,27px) !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    pointer-events:none !important;
}
.akw-vehicle-finder button.akw-search{
    background:var(--akw-search-bg,#123b7a) !important;
    color:var(--akw-search-icon,#fff) !important;
    border-color:var(--akw-search-border,#3b5f95) !important;
}
.akw-vehicle-finder button.akw-reset{
    background:var(--akw-reset-bg,#123b7a) !important;
    color:var(--akw-reset-icon,#fff) !important;
    border-color:var(--akw-reset-border,#3b5f95) !important;
}
.akw-vehicle-finder button.akw-search:hover{
    background:var(--akw-search-hover-bg,#2857a8) !important;
    color:var(--akw-search-hover-icon,#fff) !important;
    border-color:var(--akw-search-hover-border,#5f84c2) !important;
}
.akw-vehicle-finder button.akw-reset:hover{
    background:var(--akw-reset-hover-bg,#2857a8) !important;
    color:var(--akw-reset-hover-icon,#fff) !important;
    border-color:var(--akw-reset-hover-border,#5f84c2) !important;
}
@media (hover:hover) and (pointer:fine){
    .akw-vehicle-finder button.akw-search.akw-anim-lift:hover,
    .akw-vehicle-finder button.akw-reset.akw-anim-lift:hover{transform:translateY(calc(-1 * var(--akw-action-lift,1px))) !important;}
    .akw-vehicle-finder button.akw-search.akw-anim-scale:hover,
    .akw-vehicle-finder button.akw-reset.akw-anim-scale:hover{transform:scale(var(--akw-action-scale,1)) !important;}
    .akw-vehicle-finder button.akw-reset.akw-anim-rotate:hover svg{animation:akwResetHover var(--akw-action-transition,200ms) ease both;}
}
@keyframes akwResetHover{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}
.akw-vehicle-finder button.akw-search:focus-visible,
.akw-vehicle-finder button.akw-reset:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--akw-search-hover-border,#5f84c2) 35%,transparent) !important;}
@media (max-width:1100px){
    .akw-vehicle-finder{
        grid-template-columns:max-content repeat(3,minmax(150px,1fr)) var(--akw-action-width,56px) var(--akw-action-width,56px) !important;
        column-gap:var(--akw-finder-gap,12px) !important;
        row-gap:0 !important;
        padding:var(--akw-finder-padding,18px) !important;
    }
}
@media (max-width:767px){
    .akw-vehicle-finder .akw-vf-message{
        grid-column:auto !important;
        width:100% !important;
        margin:0 0 var(--akw-finder-gap,10px) !important;
        padding:0 !important;
        order:99 !important;
    }
    .akw-vehicle-finder{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        column-gap:0 !important;
        row-gap:0 !important;
        padding:var(--akw-finder-padding,18px) 16px !important;
    }
    .akw-vehicle-finder .akw-vf-title{
        min-height:0 !important;
        margin:0 0 var(--akw-finder-title-gap,6px) !important;
        font-size:var(--akw-finder-title-size,16px) !important;
    }
}

.akw-product-fitment{margin:30px 0}.akw-product-fitment h3{text-align:center}.akw-product-fitment table{width:100%;border-collapse:collapse}.akw-product-fitment th,.akw-product-fitment td{padding:12px;border:1px solid #ddd;text-align:center}.akw-product-fitment th{font-weight:600;background:#f6f6f6}

@media (max-width:767px){
    .akw-vehicle-finder select.akw-make,
    .akw-vehicle-finder select.akw-model,
    .akw-vehicle-finder select.akw-year,
    .akw-vehicle-finder button.akw-search,
    .akw-vehicle-finder button.akw-reset{
        margin-left:0 !important;
        margin-top:0 !important;
        margin-bottom:var(--akw-finder-gap,10px) !important;
    }
    .akw-vehicle-finder button.akw-search,
    .akw-vehicle-finder button.akw-reset{margin-bottom:0 !important;}
}


/* Vehicle Finder state messages */
.akw-vehicle-finder .akw-vf-message{
  grid-column:2 / -1;
  justify-self:stretch;
  width:100%;
  box-sizing:border-box;
  margin:2px 0 0;
  padding:6px 0 0;
  font-size:14px;
  line-height:1.4;
  font-weight:500;
  color:var(--akw-finder-message-color,#fff) !important;
}
.akw-vehicle-finder .akw-vf-message[data-type="warning"],
.akw-vehicle-finder .akw-vf-message[data-type="error"],
.akw-vehicle-finder .akw-vf-message[data-type="info"]{ color:var(--akw-finder-message-color,#fff) !important; }

.akw-vehicle-finder select:disabled,
.akw-vehicle-finder button:disabled{ cursor:not-allowed; opacity:.55; }

/* Mobile: collapsible vehicle finder. Desktop remains unchanged. */
@media (max-width:767px){
    .akw-vehicle-finder .akw-vf-title{
        position:relative !important;
        width:100% !important;
        box-sizing:border-box !important;
        min-height:44px !important;
        margin:0 !important;
        padding:0 44px 0 0 !important;
        cursor:pointer !important;
        user-select:none !important;
    }
    .akw-vehicle-finder .akw-vf-title:focus-visible{
        outline:2px solid var(--akw-finder-field-hover-border,#ff7418) !important;
        outline-offset:2px !important;
    }

    /* Closed/open indicator: clean search icon when closed, clean X when open. */
    .akw-vehicle-finder .akw-vf-toggle{
        position:absolute !important;
        right:4px !important;
        top:50% !important;
        width:24px !important;
        height:24px !important;
        margin-top:-12px !important;
        border:0 !important;
        border-radius:0 !important;
        box-sizing:border-box !important;
        transform:none !important;
        transition:none !important;
    }
    .akw-vehicle-finder:not(.akw-mobile-open) .akw-vf-toggle:before{
        content:"" !important;
        position:absolute !important;
        left:3px !important;
        top:3px !important;
        width:12px !important;
        height:12px !important;
        border:2px solid currentColor !important;
        border-radius:50% !important;
        box-sizing:border-box !important;
    }
    .akw-vehicle-finder:not(.akw-mobile-open) .akw-vf-toggle:after{
        content:"" !important;
        position:absolute !important;
        left:14px !important;
        top:15px !important;
        width:8px !important;
        height:2px !important;
        background:currentColor !important;
        border-radius:2px !important;
        transform:rotate(45deg) !important;
        transform-origin:left center !important;
    }
    .akw-vehicle-finder.akw-mobile-open .akw-vf-toggle:before,
    .akw-vehicle-finder.akw-mobile-open .akw-vf-toggle:after{
        content:"" !important;
        position:absolute !important;
        left:3px !important;
        top:11px !important;
        width:20px !important;
        height:2px !important;
        background:currentColor !important;
        border:0 !important;
        border-radius:2px !important;
    }
    .akw-vehicle-finder.akw-mobile-open .akw-vf-toggle:before{
        transform:rotate(45deg) !important;
    }
    .akw-vehicle-finder.akw-mobile-open .akw-vf-toggle:after{
        transform:rotate(-45deg) !important;
    }

    .akw-vehicle-finder:not(.akw-mobile-open) select.akw-make,
    .akw-vehicle-finder:not(.akw-mobile-open) select.akw-model,
    .akw-vehicle-finder:not(.akw-mobile-open) select.akw-year,
    .akw-vehicle-finder:not(.akw-mobile-open) button.akw-search,
    .akw-vehicle-finder:not(.akw-mobile-open) button.akw-reset,
    .akw-vehicle-finder:not(.akw-mobile-open) .akw-vf-message{
        display:none !important;
    }

    .akw-vehicle-finder.akw-mobile-open select.akw-make,
    .akw-vehicle-finder.akw-mobile-open select.akw-model,
    .akw-vehicle-finder.akw-mobile-open select.akw-year{
        margin-bottom:var(--akw-finder-gap,10px) !important;
    }

    /* Search + Reset sit together in one compact action row. */
    .akw-vehicle-finder.akw-mobile-open button.akw-search,
    .akw-vehicle-finder.akw-mobile-open button.akw-reset{
        width:calc(50% - 5px) !important;
        min-width:0 !important;
        max-width:none !important;
        height:48px !important;
        min-height:48px !important;
        margin:0 !important;
    }
    .akw-vehicle-finder.akw-mobile-open button.akw-search{
        margin-right:10px !important;
    }
    .akw-vehicle-finder.akw-mobile-open button.akw-reset{
        margin-right:0 !important;
    }
    .akw-vehicle-finder.akw-mobile-open{
        flex-wrap:wrap !important;
    }
    .akw-vehicle-finder.akw-mobile-open button.akw-search,
    .akw-vehicle-finder.akw-mobile-open button.akw-reset{
        display:inline-flex !important;
        flex:0 0 calc(50% - 5px) !important;
    }
}


/* v0.1.88: final mobile action layout only. Desktop remains unchanged. */
@media (max-width:767px){
    .akw-vehicle-finder.akw-mobile-open{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        column-gap:10px !important;
        row-gap:10px !important;
        align-items:center !important;
    }
    .akw-vehicle-finder.akw-mobile-open .akw-vf-title{
        grid-column:1 / -1 !important;
        width:100% !important;
        margin:0 !important;
        min-height:44px !important;
    }
    .akw-vehicle-finder.akw-mobile-open select.akw-make,
    .akw-vehicle-finder.akw-mobile-open select.akw-model,
    .akw-vehicle-finder.akw-mobile-open select.akw-year{
        grid-column:1 / -1 !important;
        width:100% !important;
        height:48px !important;
        min-height:48px !important;
        margin:0 !important;
    }
    .akw-vehicle-finder.akw-mobile-open button.akw-search,
    .akw-vehicle-finder.akw-mobile-open button.akw-reset{
        grid-column:auto !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:48px !important;
        min-height:48px !important;
        margin:0 !important;
        padding:0 12px !important;
        display:flex !important;
        flex:initial !important;
        gap:8px !important;
        font-size:15px !important;
        font-weight:600 !important;
    }
    .akw-vehicle-finder.akw-mobile-open button.akw-search::after{
        content:"SEARCH" !important;
    }
    .akw-vehicle-finder.akw-mobile-open button.akw-reset::after{
        content:"RESET" !important;
    }
    .akw-vehicle-finder.akw-mobile-open button.akw-search svg,
    .akw-vehicle-finder.akw-mobile-open button.akw-reset svg{
        flex:0 0 auto !important;
        width:22px !important;
        height:22px !important;
    }
    .akw-vehicle-finder.akw-mobile-open .akw-vf-message{
        grid-column:1 / -1 !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }
}

/* v0.1.95: restore the approved v0.1.88 mobile layout for searchable controls. */
@media (max-width:767px){
  .akw-vehicle-finder.akw-mobile-open{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:10px !important;
    row-gap:10px !important;
    align-items:center !important;
  }
  .akw-vehicle-finder.akw-mobile-open .akw-vf-title{
    grid-column:1 / -1 !important;
    width:100% !important;
    margin:0 !important;
    min-height:44px !important;
  }
  .akw-vehicle-finder.akw-mobile-open .akw-searchable-select{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
  .akw-vehicle-finder.akw-mobile-open .akw-searchable-select .akw-search-input{
    width:100% !important;
    height:48px !important;
    min-height:48px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
  .akw-vehicle-finder.akw-mobile-open button.akw-search,
  .akw-vehicle-finder.akw-mobile-open button.akw-reset{
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:48px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:0 12px !important;
    display:flex !important;
    flex:initial !important;
    gap:8px !important;
    font-size:15px !important;
    font-weight:600 !important;
    box-sizing:border-box !important;
  }
  .akw-vehicle-finder.akw-mobile-open button.akw-search::after{content:"SEARCH" !important;}
  .akw-vehicle-finder.akw-mobile-open button.akw-reset::after{content:"RESET" !important;}
  .akw-vehicle-finder.akw-mobile-open button.akw-search svg,
  .akw-vehicle-finder.akw-mobile-open button.akw-reset svg{
    flex:0 0 auto !important;
    width:22px !important;
    height:22px !important;
  }
  .akw-vehicle-finder.akw-mobile-open .akw-vf-message{
    grid-column:1 / -1 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
}


/* v0.1.96: searchable finder controls are the visible controls; native selects are data-only. */
.akw-vehicle-finder .akw-searchable-select{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
}
.akw-vehicle-finder .akw-searchable-select > select.akw-make,
.akw-vehicle-finder .akw-searchable-select > select.akw-model,
.akw-vehicle-finder .akw-searchable-select > select.akw-year{
    display:none !important;
}
.akw-vehicle-finder .akw-searchable-select .akw-search-input{
    display:block !important;
    width:100% !important;
    height:var(--akw-finder-height,52px) !important;
    min-height:var(--akw-finder-height,52px) !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 42px 0 12px !important;
    border-radius:var(--akw-finder-field-radius,2px) !important;
    border:1px solid var(--akw-finder-field-border,#17418a) !important;
    background:var(--akw-finder-field-bg,#fff) !important;
    color:var(--akw-finder-field-text,#4f5968) !important;
    outline:none !important;
    box-shadow:none !important;
    font:inherit !important;
}
.akw-vehicle-finder .akw-searchable-select .akw-search-input:hover,
.akw-vehicle-finder .akw-searchable-select .akw-search-input:focus{
    background:var(--akw-finder-field-hover-bg,#f7f9fc) !important;
    border-color:var(--akw-finder-field-hover-border,#ff7418) !important;
    color:var(--akw-finder-field-hover-text,#1d2327) !important;
}
.akw-vehicle-finder .akw-searchable-select .akw-search-options{
    box-sizing:border-box !important;
}
@media (max-width:767px){
    .akw-vehicle-finder:not(.akw-mobile-open) .akw-searchable-select{
        display:none !important;
    }
    .akw-vehicle-finder.akw-mobile-open .akw-searchable-select{
        grid-column:1 / -1 !important;
        display:block !important;
        width:100% !important;
        margin:0 !important;
    }
    .akw-vehicle-finder.akw-mobile-open .akw-searchable-select .akw-search-input{
        height:48px !important;
        min-height:48px !important;
    }
}


/* v0.1.100: body-level searchable dropdown styling. The popup is moved out of
   the finder wrapper to escape Elementor/WoodMart stacking and overflow contexts,
   so it must carry its own colors instead of inheriting the page theme. */
.akw-search-options.akw-vf-floating{
    position:fixed !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:4px 0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:var(--akw-finder-field-bg,#fff) !important;
    color:var(--akw-finder-field-text,#4f5968) !important;
    border:1px solid var(--akw-finder-field-border,#17418a) !important;
    border-radius:var(--akw-finder-field-radius,2px) !important;
    box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
    z-index:2147483647 !important;
    text-align:left !important;
    font:inherit !important;
}
.akw-search-options.akw-vf-floating .akw-search-option{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:10px 12px !important;
    background:var(--akw-finder-field-bg,#fff) !important;
    color:var(--akw-finder-field-text,#4f5968) !important;
    cursor:pointer !important;
    font:inherit !important;
    line-height:1.3 !important;
    text-align:left !important;
    white-space:nowrap !important;
}
.akw-search-options.akw-vf-floating .akw-search-option:hover,
.akw-search-options.akw-vf-floating .akw-search-option[aria-selected="true"]{
    background:var(--akw-finder-field-hover-bg,#f7f9fc) !important;
    color:var(--akw-finder-field-hover-text,#1d2327) !important;
}
.akw-search-options.akw-vf-floating .akw-search-empty{
    display:block !important;
    padding:10px 12px !important;
    background:var(--akw-finder-field-bg,#fff) !important;
    color:var(--akw-finder-field-text,#4f5968) !important;
    font:inherit !important;
    line-height:1.3 !important;
}

/* v0.1.101: visible dropdown indicator for searchable controls. */
.akw-vehicle-finder .akw-searchable-select::after{
    content:"" !important;
    position:absolute !important;
    right:16px !important;
    top:50% !important;
    width:8px !important;
    height:8px !important;
    margin-top:-6px !important;
    border-right:2px solid var(--akw-finder-field-text,#4f5968) !important;
    border-bottom:2px solid var(--akw-finder-field-text,#4f5968) !important;
    transform:rotate(45deg) !important;
    pointer-events:none !important;
    z-index:3 !important;
}
.akw-vehicle-finder .akw-searchable-select.is-open::after{
    margin-top:-2px !important;
    transform:rotate(225deg) !important;
}
.akw-vehicle-finder .akw-searchable-select:hover::after,
.akw-vehicle-finder .akw-searchable-select:focus-within::after{
    border-color:var(--akw-finder-field-hover-text,#1d2327) !important;
}
@media (max-width:767px){
    .akw-vehicle-finder.akw-mobile-open .akw-searchable-select::after{
        right:14px !important;
    }
}
