/* ==========================================================================
   PEPINIERA SOSA — SHOP / ARCHIVE INTERFACE ONLY

   Contains only archive-specific UI:
   - Shop toolbar
   - Breadcrumbs
   - Filters
   - Ordering / view controls
   - WooCommerce archive notices

   Product-card / loop styling lives in: sosa-product-cards.css
   ========================================================================== */
.sosa-shop-content .sosa-shop-toolbar {
  position: relative;

  display: flex;
  width: 100%;

  align-items: center;

  margin: 0 0 24px !important;
  padding: 0 0 17px !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(41, 53, 45, 0.09) !important;

  background: transparent !important;

  box-shadow: none !important;
}

.sosa-shop-content .sosa-shop-toolbar.vc_row,
.sosa-shop-content .sosa-shop-toolbar.wpb_row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.sosa-shop-content .sosa-shop-toolbar > .wpb_column {
  min-width: 0;
}

.sosa-shop-content .sosa-shop-toolbar > .wpb_column > .vc_column-inner {
  padding: 0 !important;
}

.sosa-shop-content
  .sosa-shop-toolbar
  :is(.wpb_content_element, .wpb_raw_code, .wpb_text_column) {
  margin-bottom: 0 !important;
}

.sosa-shop-content .sosa-shop-toolbar > .wpb_column:first-child {
  display: flex;

  flex: 1 1 auto;

  align-items: center;

  min-width: 0;

  padding-right: 24px;
}

.sosa-shop-content .sosa-shop-toolbar > .wpb_column:last-child {
  flex: 0 0 auto;
}

.sosa-shop-content
  .sosa-shop-toolbar
  > .wpb_column:last-child
  > .vc_column-inner
  > .wpb_wrapper {
  display: flex;

  flex-wrap: wrap;

  align-items: center;
  justify-content: flex-end;

  gap: 12px;
}

.sosa-shop-content
  .sosa-shop-toolbar
  :is(.wd-breadcrumbs, .woocommerce-breadcrumb, .yoast-breadcrumb) {
  margin: 0 !important;
  padding: 0 !important;

  color: rgba(41, 53, 45, 0.46);

  font-family: "Inter", sans-serif;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.45;

  letter-spacing: -0.005em;
}

.sosa-shop-content
  .sosa-shop-toolbar
  :is(.wd-breadcrumbs, .woocommerce-breadcrumb, .yoast-breadcrumb)
  a {
  color: rgba(41, 53, 45, 0.5);

  text-decoration: none !important;

  transition: color 180ms ease;
}

.sosa-shop-content
  .sosa-shop-toolbar
  :is(.breadcrumb-last, .wd-last, [aria-current="page"]) {
  color: #29352d;

  font-weight: 650;
}

.sosa-shop-content
  .sosa-shop-toolbar
  :is(.wd-off-canvas-btn, .wd-show-sidebar-btn) {
  display: inline-flex !important;

  min-height: 40px;

  align-items: center;
  justify-content: center;

  gap: 8px;

  margin: 0 !important;
  padding: 0 14px !important;

  border: 1px solid rgba(41, 53, 45, 0.12) !important;
  border-radius: 10px !important;

  color: #354139 !important;

  background: linear-gradient(180deg, #ffffff 0%, #faf9f6 100%) !important;

  box-shadow:
    0 1px 2px rgba(29, 60, 39, 0.015),
    0 8px 18px -19px rgba(29, 60, 39, 0.36) !important;

  font-family: "Inter", sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  line-height: 1 !important;

  letter-spacing: -0.005em;

  text-decoration: none !important;

  white-space: nowrap;

  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}

.sosa-shop-content
  .sosa-shop-toolbar
  :is(.wd-off-canvas-btn, .wd-show-sidebar-btn)
  :is(.wd-action-icon, .wd-tools-icon, svg, i) {
  display: inline-flex;

  flex: 0 0 auto;

  align-items: center;
  justify-content: center;

  color: rgba(41, 53, 45, 0.67);
}

.sosa-shop-content .sosa-shop-toolbar .wd-products-per-page {
  display: inline-flex;

  align-items: center;

  gap: 7px;

  margin: 0 !important;
}

.sosa-shop-content .sosa-shop-toolbar .wd-products-per-page a {
  position: relative;

  display: inline-flex;

  min-width: 22px;
  min-height: 30px;

  align-items: center;
  justify-content: center;

  margin: 0 !important;
  padding: 0 2px;

  color: rgba(41, 53, 45, 0.42);

  background: transparent;

  font-family: "Inter", sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1;

  text-decoration: none !important;

  transition: color 180ms ease;
}

.sosa-shop-content
  .sosa-shop-toolbar
  .wd-products-per-page
  :is(.current, .active, .selected, .current-variation),
.sosa-shop-content
  .sosa-shop-toolbar
  .wd-products-per-page
  a[aria-current="page"] {
  color: #29352d !important;

  font-weight: 750;
}

.sosa-shop-content
  .sosa-shop-toolbar
  .wd-products-per-page
  a[aria-current="page"]::after {
  position: absolute;

  right: 3px;
  bottom: 0;
  left: 3px;

  height: 1.5px;

  border-radius: 999px;

  content: "";

  background: rgba(41, 53, 45, 0.58);
}

.sosa-shop-content .sosa-shop-toolbar .wd-products-shop-view {
  display: inline-flex;

  align-items: center;

  gap: 2px;

  margin: 0 !important;
}

.sosa-shop-content .sosa-shop-toolbar .wd-products-shop-view a {
  display: inline-flex;

  width: 31px;
  height: 31px;

  align-items: center;
  justify-content: center;

  margin: 0 !important;

  border-radius: 7px;

  color: rgba(41, 53, 45, 0.37);

  background: transparent;

  text-decoration: none !important;

  transition:
    color 180ms ease,
    background-color 180ms ease;
}

.sosa-shop-content
  .sosa-shop-toolbar
  .wd-products-shop-view
  :is(.current, .active, .selected, .current-variation) {
  color: #29352d;

  background: #f2f1ed;
}

.sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering {
  position: relative !important;

  display: inline-flex !important;

  min-width: 176px;

  align-items: center;

  margin: 0 !important;

  isolation: isolate;
}

.sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering::before {
  display: none !important;

  content: none !important;
}

.sosa-shop-content
  .sosa-shop-toolbar
  .woocommerce-ordering
  > :is(.wd-action-icon, .wd-tools-icon, .wd-sort-icon, .wd-icon) {
  display: none !important;
}

.sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering select {
  position: relative;

  display: block;

  width: 100% !important;
  min-width: 176px;
  height: 40px;

  margin: 0 !important;

  padding: 0 38px 0 13px !important;

  border: 1px solid rgba(41, 53, 45, 0.12) !important;
  border-radius: 10px !important;

  outline: 0;

  color: #354139 !important;

  background-color: #ffffff !important;
  background-image: none !important;

  box-shadow:
    0 1px 2px rgba(29, 60, 39, 0.015),
    0 8px 18px -19px rgba(29, 60, 39, 0.34) !important;

  font-family: "Inter", sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: normal !important;

  text-align: left !important;

  cursor: pointer;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering select::-ms-expand {
  display: none;
}

.sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering::after {
  position: absolute;

  top: 50%;
  right: 15px;
  z-index: 5;

  width: 7px;
  height: 7px;

  margin-top: -5px;

  border-right: 1.5px solid rgba(41, 53, 45, 0.58);
  border-bottom: 1.5px solid rgba(41, 53, 45, 0.58);

  content: "";

  pointer-events: none;

  transform: rotate(45deg);

  transform-origin: center;
}

.sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering select:focus {
  border-color: rgba(41, 53, 45, 0.24) !important;

  box-shadow: 0 0 0 3px rgba(41, 53, 45, 0.045) !important;
}

.sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering .select2-container {
  width: 100% !important;
  min-width: 176px !important;
}

.sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering .select2-selection {
  display: flex;

  width: 100%;
  min-height: 40px;

  align-items: center;

  border: 1px solid rgba(41, 53, 45, 0.12) !important;
  border-radius: 10px !important;

  background: #ffffff !important;

  box-shadow: none !important;
}

.sosa-shop-content
  .sosa-shop-toolbar
  .woocommerce-ordering
  .select2-selection__rendered {
  width: 100%;

  padding: 0 38px 0 13px !important;

  overflow: hidden;

  color: #354139 !important;

  font-family: "Inter", sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.sosa-shop-content
  .sosa-shop-toolbar
  .woocommerce-ordering
  .select2-selection__arrow {
  display: none !important;
}

.sosa-shop-content .wd-active-filters {
  display: flex;

  width: 100%;

  flex-wrap: wrap;
  align-items: center;

  gap: 7px;

  margin: -3px 0 22px !important;
  padding: 0;
}

.sosa-shop-content .wd-active-filters .widget_layered_nav_filters {
  margin: 0 !important;
}

.sosa-shop-content .wd-active-filters .widget_layered_nav_filters ul {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 7px;

  margin: 0;
  padding: 0;
}

.sosa-shop-content .wd-active-filters .widget_layered_nav_filters li {
  display: inline-flex;

  margin: 0 !important;
}

.sosa-shop-content .wd-active-filters .widget_layered_nav_filters li a {
  display: inline-flex;

  min-height: 31px;

  align-items: center;
  justify-content: center;

  gap: 6px;

  padding: 6px 10px;

  border: 1px solid rgba(41, 53, 45, 0.09);
  border-radius: 999px;

  color: rgba(41, 53, 45, 0.67);

  background: #f7f6f2;

  font-family: "Inter", sans-serif;
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1;

  text-decoration: none !important;

  white-space: nowrap;

  transition:
    color 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.sosa-shop-content .wd-active-filters .widget_layered_nav_filters li a::before {
  color: rgba(41, 53, 45, 0.4);
}

.sosa-shop-content .wd-active-filters .wd-clear-filters {
  display: inline-flex;

  align-items: center;

  margin: 0 !important;
  padding: 0 5px !important;

  color: rgba(41, 53, 45, 0.42);

  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 650;

  text-decoration: none !important;
}

.sosa-shop-content .woocommerce-notices-wrapper {
  width: 100%;

  margin: 0 0 21px;
}

.sosa-shop-content
  .woocommerce-notices-wrapper
  :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
  width: 100%;

  margin: 0 0 8px !important;

  padding: 13px 15px 13px 17px !important;

  border: 1px solid rgba(41, 53, 45, 0.09) !important;
  border-radius: 11px;

  color: rgba(41, 53, 45, 0.72);

  background: #ffffff;

  box-shadow: none !important;

  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
}

.sosa-shop-content .woocommerce-notices-wrapper .woocommerce-message {
  border-left: 3px solid #78896b !important;
}

.sosa-shop-content .woocommerce-notices-wrapper .woocommerce-info {
  border-left: 3px solid #b49b6e !important;
}

.sosa-shop-content .woocommerce-notices-wrapper .woocommerce-error {
  border-left: 3px solid #a96c62 !important;
}

.sosa-shop-content .woocommerce-notices-wrapper .button {
  color: #29352d !important;

  background: transparent !important;

  box-shadow: none !important;

  font-family: "Inter", sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;

  text-transform: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .sosa-shop-content
      .sosa-shop-toolbar
      :is(.wd-breadcrumbs, .woocommerce-breadcrumb, .yoast-breadcrumb)
      a:hover {
      color: #1d3c27;
    }

  .sosa-shop-content
      .sosa-shop-toolbar
      :is(.wd-off-canvas-btn, .wd-show-sidebar-btn):hover {
      border-color: rgba(41, 53, 45, 0.2) !important;

      background: #f5f4f0 !important;

      box-shadow: 0 2px 5px rgba(29, 60, 39, 0.025) !important;
    }

  .sosa-shop-content .sosa-shop-toolbar .wd-products-shop-view a:hover {
      color: #29352d;

      background: #f5f4f0;
    }

  .sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering:hover select {
      border-color: rgba(41, 53, 45, 0.18) !important;

      background-color: #f9f8f5 !important;
    }

  .sosa-shop-content .wd-active-filters .widget_layered_nav_filters li a:hover {
      color: #29352d;

      border-color: rgba(41, 53, 45, 0.17);

      background: #f0efeb;
    }
}

@media (max-width: 1024px) {
  .sosa-shop-content .sosa-shop-toolbar {
      align-items: stretch;

      flex-direction: column;

      gap: 12px;

      padding-bottom: 15px !important;
    }

  .sosa-shop-content .sosa-shop-toolbar > .wpb_column:first-child {
      width: 100% !important;

      padding-right: 0;
    }

  .sosa-shop-content .sosa-shop-toolbar > .wpb_column:last-child {
      width: 100% !important;
    }

  .sosa-shop-content
      .sosa-shop-toolbar
      > .wpb_column:last-child
      > .vc_column-inner
      > .wpb_wrapper {
      justify-content: flex-start;

      width: 100%;
    }
}

@media (max-width: 767px) {
  .sosa-shop-content .sosa-shop-toolbar {
      display: flex !important;

      width: 100%;

      flex-direction: column;
      align-items: stretch;

      gap: 0;

      margin: 0 0 18px !important;
      padding: 0 !important;

      border: 0 !important;

      background: transparent !important;

      box-shadow: none !important;
    }

  .sosa-shop-content .sosa-shop-toolbar > .wpb_column,
    .sosa-shop-content .sosa-shop-toolbar > .vc_column_container {
      display: block !important;

      width: 100% !important;
      max-width: 100% !important;

      float: none !important;

      margin: 0 !important;
      padding: 0 !important;
    }

  .sosa-shop-content .sosa-shop-toolbar > .wpb_column > .vc_column-inner {
      width: 100%;

      margin: 0 !important;
      padding: 0 !important;
    }

  .sosa-shop-content .sosa-shop-toolbar > .wpb_column:first-child {
      display: block !important;

      width: 100% !important;

      margin: 0 0 12px !important;
      padding: 0 0 11px !important;

      border-bottom: 1px solid rgba(41, 53, 45, 0.075);
    }

  .sosa-shop-content
      .sosa-shop-toolbar
      :is(.wd-breadcrumbs, .woocommerce-breadcrumb, .yoast-breadcrumb) {
      display: block;

      width: 100%;
      max-width: 100%;

      margin: 0 !important;
      padding: 1px 0 2px !important;

      overflow-x: auto;
      overflow-y: hidden;

      color: rgba(41, 53, 45, 0.43);

      font-size: 10px;
      font-weight: 500;

      white-space: nowrap;

      scrollbar-width: none;

      -webkit-overflow-scrolling: touch;
    }

  .sosa-shop-content
      .sosa-shop-toolbar
      :is(
        .wd-breadcrumbs,
        .woocommerce-breadcrumb,
        .yoast-breadcrumb
      )::-webkit-scrollbar {
      display: none;
    }

  .sosa-shop-content
      .sosa-shop-toolbar
      > .wpb_column:last-child
      > .vc_column-inner
      > .wpb_wrapper {
      display: grid !important;

      grid-template-columns:
        minmax(105px, 0.78fr)
        minmax(160px, 1.22fr);

      width: 100%;

      align-items: stretch;

      gap: 8px;

      margin: 0;
    }

  .sosa-shop-content .sosa-shop-toolbar .wd-products-per-page,
    .sosa-shop-content .sosa-shop-toolbar .wd-products-shop-view {
      display: none !important;
    }

  .sosa-shop-content
      .sosa-shop-toolbar
      :is(.wd-off-canvas-btn, .wd-show-sidebar-btn) {
      width: 100%;
      min-width: 0;
      min-height: 46px;

      padding: 0 12px !important;

      border-radius: 11px !important;

      font-size: 10.5px !important;
    }

  .sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering {
      width: 100%;
      min-width: 0 !important;

      height: 46px;

      margin: 0 !important;
    }

  .sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering::before {
      display: none !important;

      content: none !important;
    }

  .sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering::after {
      top: 50%;
      right: 14px;

      width: 7px;
      height: 7px;

      margin-top: -5px;

      border-right: 1.5px solid rgba(41, 53, 45, 0.54);

      border-bottom: 1.5px solid rgba(41, 53, 45, 0.54);

      transform: rotate(45deg);
    }

  .sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering select {
      width: 100% !important;
      min-width: 0 !important;
      height: 46px;

      padding: 0 36px 0 13px !important;

      border-radius: 11px !important;

      overflow: hidden;

      font-size: 10px !important;
      font-weight: 600 !important;

      line-height: normal !important;

      text-align: left !important;
      text-overflow: ellipsis;

      white-space: nowrap;

      background-image: none !important;

      appearance: none !important;
      -webkit-appearance: none !important;
    }

  .sosa-shop-content .wd-active-filters {
      display: flex;

      width: 100%;

      flex-wrap: nowrap;
      align-items: center;

      gap: 7px;

      margin: -1px 0 19px !important;

      padding-bottom: 4px;

      overflow-x: auto;
      overflow-y: hidden;

      scrollbar-width: none;

      scroll-snap-type: x proximity;

      -webkit-overflow-scrolling: touch;
    }

  .sosa-shop-content .wd-active-filters::-webkit-scrollbar {
      display: none;
    }

  .sosa-shop-content .wd-active-filters .widget_layered_nav_filters {
      flex: 0 0 auto;
    }

  .sosa-shop-content .wd-active-filters .widget_layered_nav_filters ul {
      flex-wrap: nowrap;
    }

  .sosa-shop-content .wd-active-filters .widget_layered_nav_filters li {
      flex: 0 0 auto;

      scroll-snap-align: start;
    }

  .sosa-shop-content .wd-active-filters .widget_layered_nav_filters li a {
      min-height: 31px;

      padding: 6px 10px;

      font-size: 9px;

      white-space: nowrap;
    }

  .sosa-shop-content .woocommerce-notices-wrapper {
      margin-bottom: 18px;
    }

  .sosa-shop-content
      .woocommerce-notices-wrapper
      :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
      padding: 12px 13px 12px 15px !important;

      border-radius: 10px;

      font-size: 10px;
      line-height: 1.5;
    }
}

@media (max-width: 420px) {
  .sosa-shop-content
      .sosa-shop-toolbar
      > .wpb_column:last-child
      > .vc_column-inner
      > .wpb_wrapper {
      grid-template-columns:
        minmax(96px, 0.74fr)
        minmax(142px, 1.26fr);

      gap: 7px;
    }

  .sosa-shop-content
      .sosa-shop-toolbar
      :is(.wd-off-canvas-btn, .wd-show-sidebar-btn) {
      min-height: 44px;

      padding-inline: 9px !important;

      font-size: 10px !important;
    }

  .sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering {
      height: 44px;
    }

  .sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering select {
      height: 44px;

      padding: 0 32px 0 10px !important;

      font-size: 9.5px !important;
    }

  .sosa-shop-content .sosa-shop-toolbar .woocommerce-ordering::after {
      right: 12px;

      width: 6px;
      height: 6px;
    }
}

@media (max-width: 340px) {
  .sosa-shop-content
      .sosa-shop-toolbar
      > .wpb_column:last-child
      > .vc_column-inner
      > .wpb_wrapper {
      grid-template-columns: 1fr;
    }
}

@media (hover: none), (pointer: coarse) {
  .sosa-shop-content
      .sosa-shop-toolbar
      :is(.wd-off-canvas-btn, .wd-show-sidebar-btn),
    .sosa-shop-content .sosa-shop-toolbar .wd-products-per-page a,
    .sosa-shop-content .sosa-shop-toolbar .wd-products-shop-view a,
    .sosa-shop-content .wd-active-filters .widget_layered_nav_filters li a {
      transition: none !important;

      transform: none !important;
    }

  .sosa-shop-content
      .sosa-shop-toolbar
      :is(.wd-off-canvas-btn, .wd-show-sidebar-btn):active {
      background: #efeee9 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
  .sosa-shop-content .sosa-shop-toolbar *,
    .sosa-shop-content .wd-active-filters *,
    .sosa-shop-content .woocommerce-notices-wrapper * {
      transition: none !important;

      animation: none !important;
    }
}