/* Existing Avada search + category shortcode. Desktop hierarchy, no mobile override. */
.smd-product-categories__desktop-title { display: none; }

@media (min-width: 801px) {
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) {
    --smd-sidebar-paper: var(--awb-color1, #fffdf9);
    --smd-sidebar-green: var(--awb-custom_color_1, #0f3d32);
    --smd-sidebar-coral: var(--awb-color4, #f75a45);
    --smd-sidebar-rose: var(--awb-color5, #f2354b);
    --smd-sidebar-line: var(--awb-color3, #ede6df);
  }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) > .fusion-column-wrapper {
    padding: 18px !important;
    border: 1px solid color-mix(in srgb, var(--smd-sidebar-green) 18%, var(--smd-sidebar-paper));
    border-radius: 24px;
    background: radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--smd-sidebar-green) 9%, transparent), transparent 65%), linear-gradient(155deg, #fff, var(--smd-sidebar-paper) 55%, color-mix(in srgb, var(--smd-sidebar-green) 6%, var(--smd-sidebar-paper)));
    box-shadow: inset 0 1px 0 #fff, 0 3px 0 color-mix(in srgb, var(--smd-sidebar-green) 9%, transparent), 0 20px 38px -16px color-mix(in srgb, var(--smd-sidebar-green) 34%, transparent);
    overflow: visible;
  }

  /* Keep the actual Avada form, submit control, spinner and live results. */
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-element {
    position: relative;
    z-index: 5;
    margin: 0 0 22px !important;
    --awb-input-height: 56px;
    --awb-border-radius: 16px;
    --awb-text-size: 13px;
    --awb-live-results-bg-color: var(--smd-sidebar-paper);
    --awb-live-results-link-color: var(--smd-sidebar-green);
    --awb-live-results-meta-color: var(--awb-color6, #6b6b6b);
  }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-form-content { position: relative; }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-field { width: 100%; }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-field input[type="search"] {
    box-sizing: border-box;
    width: 100%; height: 56px;
    padding: 0 60px 0 14px !important;
    border: 1px solid var(--smd-sidebar-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: inset 0 2px 5px color-mix(in srgb, var(--smd-sidebar-green) 5%, transparent), 0 1px 0 #fff;
    color: var(--smd-sidebar-green);
    font-family: var(--awb-typography4-font-family, inherit);
    font-size: 13px;
    transition: border-color 160ms ease, box-shadow 160ms ease;
  }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-field input::placeholder { color: var(--awb-color6, #6b6b6b); font-size: 13px; opacity: 1; }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-field input:focus {
    outline: none;
    border-color: var(--smd-sidebar-coral);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--smd-sidebar-coral) 14%, transparent);
  }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-button {
    position: absolute; top: 6px; right: 6px; left: auto;
    width: 44px; height: 44px; margin: 0;
  }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-button input[type="submit"] {
    width: 44px; height: 44px; min-width: 44px; padding: 0;
    border: 0; border-radius: 50%; line-height: 44px;
    background: linear-gradient(125deg, var(--smd-sidebar-coral), var(--smd-sidebar-rose));
    color: #fff; font-size: 16px; cursor: pointer;
    box-shadow: 0 3px 9px color-mix(in srgb, var(--smd-sidebar-rose) 14%, transparent);
    transition: box-shadow 160ms ease;
  }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-button input[type="submit"]:hover { box-shadow: 0 4px 14px color-mix(in srgb, var(--smd-sidebar-rose) 25%, transparent); }
  /* Avada restores a cached icon color after AJAX; retain its transparent loading state. */
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-button input[type="submit"]:not([style*="color: transparent"]) { color: #fff !important; }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-button input[type="submit"]:focus-visible { outline: 2px solid var(--smd-sidebar-green); outline-offset: 3px; }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-results {
    border: 1px solid var(--smd-sidebar-line);
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(15, 61, 50, .12);
  }
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-result { font-size: 13px; line-height: 1.45; }

  body.woocommerce.archive .smd-product-categories {
    --smd-category-accent: var(--smd-sidebar-rose);
    --smd-category-green: var(--smd-sidebar-green);
    --smd-category-border: var(--smd-sidebar-line);
    padding: 0; border: 0; border-radius: 0;
    background: transparent; box-shadow: none;
    font-family: var(--awb-typography4-font-family, inherit);
  }
  body.woocommerce.archive .smd-product-categories__desktop-title,
  body.woocommerce.archive .smd-product-categories__title {
    display: block; margin: 0 0 14px; padding: 0 2px;
    border: 0; color: var(--smd-sidebar-green);
    font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: 0; text-transform: none;
  }
  body.woocommerce.archive .smd-product-categories__list {
    gap: 16px; padding: 4px 10px 16px 2px !important;
    scrollbar-gutter: stable;
    scroll-padding-block: 6px;
  }
  /* One raised panel per family; its heading stays visible while its choices scroll. */
  body.woocommerce.archive .smd-product-categories__list > :is(.smd-product-categories__item--master, .smd-product-categories__group--standalone) {
    position: relative; isolation: isolate; overflow: visible;
    margin: 0; padding: 6px;
    border: 1px solid color-mix(in srgb, var(--smd-sidebar-green) 17%, #fff);
    border-radius: 18px;
    background: linear-gradient(150deg, #fff, color-mix(in srgb, var(--smd-sidebar-green) 5%, var(--smd-sidebar-paper)));
    box-shadow: inset 0 1px 0 #fff, 0 3px 0 color-mix(in srgb, var(--smd-sidebar-green) 9%, transparent), 0 10px 16px -10px color-mix(in srgb, var(--smd-sidebar-green) 38%, transparent);
  }
  body.woocommerce.archive .smd-product-categories__children {
    position: relative; gap: 7px;
    padding: 10px 3px 4px 18px !important;
    background: transparent;
  }
  /* Branch rails and indent distinguish child choices from their parent category. */
  body.woocommerce.archive .smd-product-categories__children::before {
    content: ''; position: absolute; left: 8px; top: 0; bottom: 24px;
    width: 1px; background: color-mix(in srgb, var(--smd-sidebar-green) 20%, transparent);
    pointer-events: none;
  }
  body.woocommerce.archive .smd-product-categories__children > .smd-product-categories__item { position: relative; }
  body.woocommerce.archive .smd-product-categories__children > .smd-product-categories__item::before {
    content: ''; position: absolute; top: 21px; left: -10px;
    width: 10px; height: 1px;
    background: color-mix(in srgb, var(--smd-sidebar-green) 20%, transparent);
    pointer-events: none;
  }
  body.woocommerce.archive .smd-product-categories__link {
    position: relative; gap: 8px; min-height: 42px; padding: 9px 10px;
    border: 1px solid color-mix(in srgb, var(--smd-sidebar-green) 13%, #fff);
    border-bottom-color: color-mix(in srgb, var(--smd-sidebar-green) 23%, #fff);
    border-radius: 11px;
    background: linear-gradient(150deg, #fff, color-mix(in srgb, var(--smd-sidebar-green) 2%, var(--smd-sidebar-paper)));
    box-shadow: inset 0 1px 0 #fff, 0 2px 0 color-mix(in srgb, var(--smd-sidebar-green) 6%, transparent), 0 4px 8px -5px color-mix(in srgb, var(--smd-sidebar-green) 18%, transparent);
    color: var(--smd-sidebar-green); font-size: 13px; line-height: 1.45; font-weight: 500;
    transform: none;
  }
  body.woocommerce.archive .smd-product-categories__link > span { min-width: 0; flex: 1; overflow-wrap: anywhere; }
  /* No arrow circles or decorative arrows; retain the actual navigation spinner. */
  body.woocommerce.archive .smd-product-categories__item:not(.is-loading) > .smd-product-categories__link::after { content: none; display: none; }
  body.woocommerce.archive .smd-product-categories__item.is-loading > .smd-product-categories__link::after { flex: 0 0 14px; }
  body.woocommerce.archive .smd-product-categories__item--depth-0.smd-product-categories__item--master > .smd-product-categories__link {
    position: sticky; top: 4px; z-index: 2;
    min-height: 50px; padding: 12px;
    border: 1px solid color-mix(in srgb, var(--smd-sidebar-green) 85%, #fff);
    border-radius: 12px;
    background: radial-gradient(ellipse at top right, #ffffff1f, transparent 72%), linear-gradient(125deg, color-mix(in srgb, var(--smd-sidebar-green) 89%, #fff), var(--smd-sidebar-green));
    box-shadow: inset 0 1px 0 #ffffff33, inset 0 -2px 0 #00000014, 0 6px 12px -6px color-mix(in srgb, var(--smd-sidebar-green) 45%, transparent);
    color: #fff; font-size: 14px; font-weight: 700; line-height: 1.4;
  }
  body.woocommerce.archive .smd-product-categories__children .smd-product-categories__item--master {
    overflow: visible; margin: 2px 0; padding: 0;
    border: 0; border-radius: 0; background: transparent; box-shadow: none;
  }
  body.woocommerce.archive .smd-product-categories__children .smd-product-categories__item--master > .smd-product-categories__link {
    min-height: 42px; padding: 9px 10px;
    border: 1px solid color-mix(in srgb, var(--smd-sidebar-green) 23%, #fff);
    border-radius: 11px;
    background: linear-gradient(125deg, color-mix(in srgb, var(--smd-sidebar-green) 12%, #fff), color-mix(in srgb, var(--smd-sidebar-green) 7%, var(--smd-sidebar-paper)));
    box-shadow: inset 0 1px 0 #ffffffb3, 0 2px 0 color-mix(in srgb, var(--smd-sidebar-green) 9%, transparent);
    color: var(--smd-sidebar-green); font-size: 13px; font-weight: 700;
  }
  body.woocommerce.archive .smd-product-categories__link:hover,
  body.woocommerce.archive .smd-product-categories__link:focus-visible {
    color: var(--smd-sidebar-green);
    border-color: color-mix(in srgb, var(--smd-sidebar-green) 38%, #fff);
    box-shadow: inset 0 1px 0 #fff, 0 2px 0 color-mix(in srgb, var(--smd-sidebar-green) 12%, transparent), 0 7px 12px -6px color-mix(in srgb, var(--smd-sidebar-green) 30%, transparent);
    transform: translateY(-1px);
  }
  body.woocommerce.archive .smd-product-categories__item--depth-0.smd-product-categories__item--master > .smd-product-categories__link:hover,
  body.woocommerce.archive .smd-product-categories__item--depth-0.smd-product-categories__item--master > .smd-product-categories__link:focus-visible {
    color: #fff;
    box-shadow: inset 0 1px 0 #ffffff66, inset 0 -2px 0 #00000014, 0 7px 14px -5px color-mix(in srgb, var(--smd-sidebar-green) 55%, transparent);
    transform: none;
  }
  body.woocommerce.archive .smd-product-categories__link:focus-visible { outline: 2px solid var(--smd-sidebar-coral); outline-offset: -2px; }
  body.woocommerce.archive .smd-product-categories .smd-product-categories__item.is-active > .smd-product-categories__link {
    border-color: color-mix(in srgb, var(--smd-sidebar-rose) 45%, #fff);
    border-radius: 11px; color: var(--smd-sidebar-green); font-weight: 700;
    background: linear-gradient(110deg, color-mix(in srgb, var(--smd-sidebar-coral) 12%, var(--smd-sidebar-paper)), color-mix(in srgb, var(--smd-sidebar-rose) 5%, var(--smd-sidebar-paper)));
    box-shadow: inset 3px 0 var(--smd-sidebar-rose), 0 3px 8px color-mix(in srgb, var(--smd-sidebar-green) 8%, transparent);
    transform: none;
  }
  body.woocommerce.archive .smd-product-categories__item--depth-0.smd-product-categories__item--master.is-active > .smd-product-categories__link {
    background: linear-gradient(125deg, color-mix(in srgb, var(--smd-sidebar-green) 89%, #fff), var(--smd-sidebar-green));
    color: #fff;
  }
  body.woocommerce.archive .smd-product-categories__item--depth-0.smd-product-categories__item--master.is-loading > .smd-product-categories__link::after { border-color: #ffffff4d; border-top-color: #fff; }
  body.woocommerce.archive .smd-product-categories__group-title {
    padding: 12px; border: 0; border-radius: 12px;
    background: color-mix(in srgb, var(--smd-sidebar-green) 10%, #fff);
    color: var(--smd-sidebar-green); font-size: 13px; font-weight: 700; letter-spacing: 0; text-transform: none;
  }
}

@media (min-width: 801px) and (max-width: 1100px) {
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) > .fusion-column-wrapper { padding: 12px !important; }
}

@media (min-width: 801px) and (prefers-reduced-motion: reduce) {
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-field input,
  body.woocommerce.archive .fusion-layout-column:has(.smd-product-categories) .fusion-search-button input { transition: none; }
  body.woocommerce.archive .smd-product-categories__link:hover,
  body.woocommerce.archive .smd-product-categories__link:focus-visible { transform: none; }
}