/* Native storefront selects: one visual treatment, original form behaviour. */
body.cosyone3-theme select.form-control:not([multiple]):not([size]):not(.select2-hidden-accessible) {
  -webkit-appearance: none;
  appearance: none;
  min-height: 44px;
  padding: 9px 42px 9px 14px;
  color: #30291f;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='m1.5 1.5 6.5 6 6.5-6' fill='none' stroke='%2380620b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 13px 9px;
  border-radius: 6px;
  box-shadow: none;
  cursor: pointer;
}
/* Preserve the theme's red validation borders while setting the corner radius. */
body.cosyone3-theme #content select.form-control:not([multiple]):not([size]):not(.select2-hidden-accessible) {
  border-radius: 6px;
}
body.cosyone3-theme select.form-control:not([multiple]):not([size]):not(.select2-hidden-accessible):disabled {
  color: #77716a;
  background-color: #f6f3ee;
  cursor: not-allowed;
}
body.cosyone3-theme select.form-control:not([multiple]):not([size]):not(.select2-hidden-accessible)::-ms-expand {
  display: none;
}

/* Keep catalog actions on the left and two compact controls on the right. */
body.cosyone3-theme #content .cosy-catalog-tools { align-items: center; }
body.cosyone3-theme #content .cosy-catalog-tools > div:nth-child(3) {
  flex: 0 1 360px;
  min-width: 250px;
  margin-left: auto;
}
body.cosyone3-theme #content .cosy-catalog-tools > div:nth-child(4) {
  flex: 0 0 210px;
  min-width: 0;
}
body.cosyone3-theme #content .cosy-catalog-tools .input-group {
  display: flex;
  align-items: stretch;
  width: 100%;
}
body.cosyone3-theme #content .cosy-catalog-tools .input-group-addon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 44px;
  margin-bottom: 0;
  padding: 0 12px;
  color: #665a44;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  border-color: #d8caaa;
  border-radius: 6px 0 0 6px;
}
body.cosyone3-theme #content .cosy-catalog-tools select.form-control:not([multiple]):not([size]):not(.select2-hidden-accessible) {
  display: block;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  height: 44px;
  margin-left: -1px;
  border-radius: 0 6px 6px 0;
}
body.cosyone3-theme #content .cosy-catalog-tools #input-limit {
  padding-left: 12px;
}

@media (max-width: 991px) {
  body.cosyone3-theme #content .cosy-catalog-tools > div:nth-child(2) {
    flex: 1 1 calc(100% - 130px);
  }
  body.cosyone3-theme #content .cosy-catalog-tools > div:nth-child(3) {
    flex: 0 1 360px;
    margin-left: 0;
  }
  body.cosyone3-theme #content .cosy-catalog-tools > div:nth-child(4) {
    flex: 0 0 210px;
  }
}
@media (max-width: 767px) {
  body.cosyone3-theme #content .cosy-catalog-tools > div:nth-child(2) {
    flex: 1 1 100%;
  }
  body.cosyone3-theme #content .cosy-catalog-tools > div:nth-child(3) {
    flex: 0 1 360px;
    min-width: 0;
  }
  body.cosyone3-theme #content .cosy-catalog-tools > div:nth-child(4) {
    flex: 0 0 210px;
  }
}

/* Long translations need the full control width on narrow phones. */
@media (max-width: 400px) {
  body.cosyone3-theme #content .cosy-catalog-tools > div:nth-child(3) .input-group {
    flex-direction: column;
  }
  body.cosyone3-theme #content .cosy-catalog-tools > div:nth-child(3) .input-group-addon {
    width: 100%;
    border-radius: 6px 6px 0 0;
  }
  body.cosyone3-theme #content .cosy-catalog-tools > div:nth-child(3) select.form-control:not([multiple]):not([size]):not(.select2-hidden-accessible) {
    flex: 0 0 44px;
    width: 100%;
    margin-top: -1px;
    margin-left: 0;
    border-radius: 0 0 6px 6px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body.cosyone3-theme.cosy-phone-desktop select.form-control:not([multiple]):not([size]):not(.select2-hidden-accessible) {
    padding-right: 48px;
    background-size: 18px 12px;
  }
  body.cosyone3-theme.cosy-phone-desktop #content .cosy-catalog-tools > div:nth-child(3) {
    flex-basis: 420px;
  }
  body.cosyone3-theme.cosy-phone-desktop #content .cosy-catalog-tools > div:nth-child(4) {
    flex-basis: 260px;
  }
  body.cosyone3-theme.cosy-phone-desktop #content .cosy-catalog-tools .input-group-addon,
  body.cosyone3-theme.cosy-phone-desktop #content .cosy-catalog-tools select.form-control {
    height: 64px;
    min-height: 64px;
  }
  body.cosyone3-theme.cosy-phone-desktop #content .cosy-catalog-tools .input-group-addon {
    font-size: 20px;
  }
}

@media (forced-colors: active) {
  body.cosyone3-theme select.form-control:not([multiple]):not([size]):not(.select2-hidden-accessible) {
    -webkit-appearance: auto;
    appearance: auto;
    background-image: none;
  }
}