/**
 * Category Search Filter
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to a commercial license.
 * You are not allowed to redistribute, resell, or modify this software
 * without permission from the author.
 *
 * Each license is valid for a single domain installation only.
 *
 * DISCLAIMER
 *
 * Do not edit this file if you wish to upgrade the module in the future.
 * For customizations, please contact the author.
 *
 * @author    Futurace
 * @copyright 2026 Futurace
 * @license   Commercial License
 * @see       /LICENSE.txt
 *
 * Support <support@futurace.com>
 */

.csf-widget {
  margin-bottom: 1rem;
}

.csf-form-row {
  display: flex;
  gap: 0;
  /*align-items: center;*/
}

.csf-input-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.csf-form-row .form-control {
  min-width: 0;
  width: 100%;
}

.csf-form-row .csf-keyword {
  padding-right: 1.5rem;
}

.category-search-filter__submit-icon {
    display: block;
}

.csf-form-row .csf-submit {
  min-width: 2.75rem;
  min-height: calc(1.5em + 0.75rem + 2px);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.csf-submit-icon {
  display: inline-block;
  line-height: 1.5;
  font-size: 1rem;
}

.csf-clear-inside {
  position: absolute;
  right: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
  font-size: 1.25rem;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.csf-clear-inside:hover,
.csf-clear-inside:focus {
  color: #343a40;
  text-decoration: none;
}

.csf-clear-inside.is-hidden {
  display: none;
}

.csf-position-left .csf-form-row {
  flex-wrap: nowrap;
}

@media (max-width: 767px) {
    .csf-input-wrap {
        width: 100%;
    }
}