/* Release 1.3: narrowly scoped overrides; original theme styles stay intact. */
.home .kmk-gift-copy > .kmk-home-eyebrow {
  color: #e7c58c !important;
}

.home .kmk-home-product-meta .kmk-home-product-cat,
.home .kmk-craft-grid > article > span {
  color: #805b20 !important;
}

.home .kmk-home-price del,
.home .kmk-home-price del .woocommerce-Price-amount {
  color: #58645f !important;
  opacity: 1 !important;
}

.home .kmk-home-rating .star-rating,
.home .kmk-home-rating .star-rating span,
.home .kmk-home-rating .star-rating span::before {
  color: #805b20 !important;
}

.home .kmk-home-product-meta .kmk-home-product-cat:focus-visible,
.home header#header .kmk-header-search-submit:focus-visible,
.home header#header .kmk-header-search-input:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .home .kmk-home-product-meta .kmk-home-product-cat {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    max-width: 100%;
    width: fit-content;
    padding-block: 4px;
    font-size: 10.5px;
    line-height: 1.35;
    box-sizing: border-box;
  }
}

/* A menu must keep its intrinsic width: shrinking its box while its links
   overflow was placing Sale under the search input. Floating search keeps
   its existing, intentionally different layout. */
@media (min-width: 1000px) {
  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] [data-row="middle"] > .ct-container {
    grid-template-columns: 220px minmax(0, 1fr) !important;
  }

  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] [data-column="end"] [data-items="primary"] {
    gap: 12px;
    min-width: 0;
  }

  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] .header-menu-1 {
    flex: 0 0 auto;
    min-width: max-content;
  }

  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] .header-menu-1 .menu {
    gap: clamp(8px, 0.9vw, 16px);
  }

  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] .header-menu-1 .menu > .menu-item > .ct-menu-link {
    padding-inline: 4px;
    font-size: 14px !important;
  }

  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] [data-column="end"] [data-items="primary"] > .ct-header-search {
    flex: 1 1 180px;
    width: clamp(140px, 14vw, 220px) !important;
    min-width: 140px;
    max-width: 220px;
    padding-left: 8px !important;
  }
}

/* Narrow desktop: an explicit second navigation row, not overlapping targets.
   No links are hidden, and the existing mobile breakpoint remains unchanged. */
@media (min-width: 1000px) and (max-width: 1199.98px) {
  body.home:not(.kmk-search-floating) header#header {
    height: 96px;
  }

  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] [data-row="middle"] {
    --height: 96px !important;
    height: 96px !important;
  }

  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] [data-row="middle"] > .ct-container {
    grid-template-columns: 190px minmax(0, 1fr) !important;
    min-height: 96px;
  }

  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] .site-title a,
  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] .site-title a::after {
    width: 180px;
    max-width: 180px;
    height: 40px;
  }

  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] [data-column="end"] [data-items="primary"] {
    flex-wrap: wrap;
    justify-content: flex-end;
    row-gap: 0;
    padding-block: 6px;
  }

  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] .header-menu-1 {
    order: 2;
    flex-basis: 100%;
  }

  body.home:not(.kmk-search-floating) header#header [data-device="desktop"] .header-menu-1 > .menu {
    justify-content: space-between;
  }

  body.home:not(.kmk-search-floating) header#header .header-menu-1 .sub-menu {
    top: 138px !important;
  }

  body.home.admin-bar:not(.kmk-search-floating) header#header .header-menu-1 .sub-menu {
    top: 170px !important;
  }
}
