/* 038: oma otsake, WooCommercen ostoskori säilyy natiivina. */
.site-header .delivery-note { display: block; padding: .5rem 1rem; background: #f6f5f3; color: #35302e; border-bottom: 1px solid #e7e3df; font-size: .8125rem; font-weight: 500; line-height: 1.5; }
.site-header .delivery-note__items { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: .35rem 1.5rem; list-style: none; margin: 0; padding: 0; }
.site-header .delivery-note__item { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; column-gap: .45rem; row-gap: .15rem; min-width: 0; }
.site-header .delivery-note__item + .delivery-note__item { padding-left: 1.5rem; border-left: 1px solid #d9d3ce; }
.site-header .delivery-note__icon { flex: 0 0 16px; width: 16px; height: 16px; }
.site-header .delivery-note__message, .site-header .delivery-note__detail { white-space: nowrap; }
.site-header .delivery-note__message strong { font-weight: 650; }
.site-header .delivery-note__detail { color: #59514c; font-weight: 400; }
.site-header .delivery-note__separator { color: #8a817a; }
@media (max-width: 48rem) {
  .site-header .delivery-note { padding: .45rem .75rem; font-size: .75rem; }
  .site-header .delivery-note__items { flex-direction: column; gap: .2rem; }
  .site-header .delivery-note__item + .delivery-note__item { padding-left: 0; border-left: 0; }
}
.site-header .header-top { display: grid; grid-template-columns: minmax(135px, 220px) minmax(0, 1fr) auto; align-items: center; gap: clamp(1rem, 3vw, 3rem); min-height: 86px; padding-block: .75rem; }
.site-header .site-brand { width: auto; min-width: 0; }
.site-header .site-logo-link { width: 100%; max-width: 220px; }
.site-header .header-search { min-width: 0; width: 100%; padding: 0; justify-content: center; }
.site-header .site-search { width: min(100%, 680px); max-width: 680px; }
.site-header .site-search input[type=search], .site-header .site-search button { min-height: 48px; font-size: 1rem; }
.site-header .header-tools { grid-column: auto; grid-row: auto; width: auto; justify-content: flex-end; gap: .7rem; }
.site-header .header-tools a, .site-header .menu-toggle { font-size: .9375rem; }
.site-header .header-navigation { position: static; }
.site-header .primary-navigation { display: flex; justify-content: center; gap: clamp(.6rem, 1.6vw, 1.8rem); width: 100%; }
.site-header .primary-navigation[hidden] { display: none; }
.site-header .primary-menu { justify-content: center; align-items: center; gap: clamp(.6rem, 1.6vw, 1.8rem); flex-wrap: wrap; text-align: left; }
.site-header .primary-navigation > .primary-menu > li > a,
.site-header .primary-navigation > .category-browser > summary,
.site-header .couples-browser > summary { font-family: inherit; font-size: 1rem; font-weight: 600; line-height: 1.3; min-height: 50px; text-decoration: none; }
.site-header .couples-browser > summary { display: flex; align-items: center; gap: .45rem; cursor: pointer; list-style: none; }
.site-header .couples-browser > summary::-webkit-details-marker { display: none; }
.site-header .couples-browser > summary::after { content: '+'; font-size: 1.15rem; font-weight: 400; }
.site-header .couples-browser[open] > summary::after { content: '−'; }
.site-header .couples-browser summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.site-header .couples-panel { position: absolute; z-index: 60; top: 100%; left: 0; width: max-content; max-width: min(22rem, calc(100vw - 2 * var(--space))); list-style: none; margin: 0; padding: .65rem 1rem; background: #fff; border: 1px solid var(--line); border-radius: 0 0 12px 12px; box-shadow: 0 14px 30px #23151a24; }
.site-header .couples-panel a { display: flex; min-height: 44px; align-items: center; font-size: 1rem; text-decoration: none; }
.site-header .couples-panel a:hover, .site-header .couples-browser > summary:hover { text-decoration: underline; }
@media (max-width: 48rem) {
  .site-header .header-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; min-height: 0; padding-block: .5rem; }
  .site-header .site-brand { grid-column: 1; grid-row: 1; }
  .site-header .site-logo-link { width: min(100%, 145px); }
  .site-header .header-tools { grid-column: 2; grid-row: 1; gap: .35rem; }
  .site-header .header-tools .account-link, .site-header .header-tools .menu-toggle { padding-inline: .5rem; }
  .site-header .header-search { grid-column: 1 / -1; grid-row: 2; }
  .site-header .primary-navigation { display: block; width: 100%; }
  .site-header .primary-menu { display: block; }
  .site-header .couples-panel { position: static; width: 100%; max-width: none; padding: 0 0 .5rem 1rem; border: 0; box-shadow: none; }
  .site-header .couples-browser > summary { justify-content: space-between; }
}
@media (max-width: 370px) {
  .site-header .site-logo-link { width: min(100%, 105px); }
  .site-header .header-tools { gap: .2rem; }
  .site-header .header-tools .account-link, .site-header .header-tools .menu-toggle { padding-inline: .35rem; font-size: .875rem; }
}

/* Erittäin kapeassa zoomatussa näkymässä säilytä kaikki ohjaimet näkyvissä. */
@media (max-width: 240px) {
  .site-header .header-top { grid-template-columns: minmax(0, 1fr); }
  .site-header .header-tools { grid-column: 1; grid-row: 2; min-width: 0; justify-content: flex-start; flex-wrap: wrap; }
  .site-header .header-search { grid-column: 1; grid-row: 3; }
  .site-header .site-search { flex-wrap: wrap; gap: .35rem; }
  .site-header .site-search label.screen-reader-text {
    position: static !important; width: 100%; height: auto; margin: 0; padding: 0;
    overflow: visible; clip: auto; clip-path: none; white-space: normal; border: 0;
  }
  .site-header .site-search input[type=search]::placeholder { opacity: 0; }
  .site-header .site-search input[type=search], .site-header .site-search button { flex: 1 0 100%; border-radius: 999px; }
}