/* HWK CJE kaigo search/archive UI
 * Source of truth: legacy hellowork-kaigo Search & Filter markup + kaigo custom CSS.
 * Scope is limited to kaigo search/filter UI; nurse search.css is not used here.
 */

.hwk-kaigo-search-form,
.hwk-kaigo-search-form * {
  box-sizing: border-box;
}

.box-sl-css-searchandfilter {
  color: #333;
  text-align: left;
  margin: 0 -10px 0 -23px;
}

.box-sl-css-searchandfilter h4 {
  font-size: 100% !important;
  margin: 17px 0 10px;
  color: #003366;
}

.box-sl-css-searchandfilter ul,
.hwk-kaigo-search-form ul {
  margin-left: 0;
  padding-left: 0;
}

.hwk-kaigo-search-form > ul {
  display: block;
  margin: 0;
}

.hwk-kaigo-search-form > ul > li {
  display: block;
  list-style: none;
  margin: 0 0 1.3em;
}

.hwk-kaigo-search-form input[type="text"],
.hwk-kaigo-search-form input[type="search"] {
  width: 100%;
  padding: 7px 24px;
  border: 1px solid #ccc;
  border-radius: 7px;
  background-color: #fff;
  background-position: 10px center;
  background-size: 20px;
  background-repeat: no-repeat;
  text-indent: 14px;
  font-size: 16px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%2382B500" viewBox="0 0 512 512"%3E%3Cpath d="M500.3 443.7l-104.6-104.6C429.4 301.6 448 258.5 448 212 448 94.98 353 0 236 0S24 94.98 24 212s94.98 212 212 212c46.48 0 89.56-18.58 127.1-52.28l104.6 104.6c5.578 5.578 13.08 8.375 20.58 8.375s15.01-2.797 20.58-8.375C511.5 473.7 511.5 454.3 500.3 443.7zM236 368c-86.03 0-156-69.97-156-156S149.1 56 236 56s156 69.97 156 156S322 368 236 368z"/%3E%3C/svg%3E');
}

.hwk-kaigo-search-form select {
  width: 100%;
  min-height: 40px;
  padding: 7px 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  color: #333;
  font-size: 14px;
}

.hwk-kaigo-search-form .sf-field-category > label {
  display: block;
  width: 100%;
}

.hwk-kaigo-search-form .sf-field-taxonomy-qualification_tag > ul,
.hwk-kaigo-search-form [class*="sf-field-taxonomy-"] > ul {
  display: block;
  margin: 0;
  padding: 0;
}

.hwk-kaigo-search-form ul li.cat-item {
  display: inline-block;
  margin: 0 10px 7px 0;
  font-size: 14px;
  list-style: none;
}

.hwk-kaigo-search-form .cat-item label {
  display: inline-flex;
  align-items: center;
  line-height: 1.5;
  cursor: pointer;
}

/* The legacy site's global checkbox treatment, scoped here to search only. */
.hwk-kaigo-search-form input[type="checkbox"] {
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
  border: 1px solid #bcbcbc;
  border-radius: 2px;
  background: #fff;
  vertical-align: -3px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  flex: 0 0 18px;
}

.hwk-kaigo-search-form input[type="checkbox"]:checked {
  border-color: #000;
  background: #000;
}

.hwk-kaigo-search-form input[type="checkbox"]:checked::before {
  position: absolute;
  top: 2px;
  left: 5px;
  width: 6px;
  height: 10px;
  transform: rotate(50deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}

.hwk-kaigo-search-form input[type="submit"] {
  display: block;
  width: 260px;
  min-height: 40px;
  margin: 0 auto;
  padding: 8px 20px;
  border: 0;
  border-radius: 5px;
  background: #82B500;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.4;
  cursor: pointer;
}

.hwk-kaigo-search-form input[type="submit"]:hover {
  opacity: .85;
}

/* Old fixed search page: mobile submit follows the bottom edge. */
@media (max-width: 768px) {
  .foot-tuibi .hwk-kaigo-search-form input[type="submit"] {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 60px;
    padding: 0 20px !important;
    border-radius: 0 !important;
    box-shadow: 0 -2px 5px rgba(0,0,0,.3);
  }
}

/* /search fixed page: the legacy negative margin must not cancel Arkhe's side gutters. */
.form-block.box-sl-css-searchandfilter {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 24px;
  padding-right: 24px;
}

.form-block.box-sl-css-searchandfilter .hwk-kaigo-search-form {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 768px) {
  .form-block.box-sl-css-searchandfilter {
    padding-left: 14px;
    padding-right: 14px;
  }
}

/* Archive filter submit: legacy black full-width treatment. */
.fixed-submit-bbb .hwk-kaigo-search-form input[type="submit"] {
  position: static;
  width: 100%;
  min-height: 56px;
  padding: 14px 20px !important;
  border-radius: 0 !important;
  background: rgba(0,0,0,.8);
  color: #fff;
  font-size: 18px;
  box-shadow: 0 -2px 5px rgba(0,0,0,.3);
}

/* Archive open/close UI supplied for kaigo. */
.hwk-kaigo-archive-filter {
  width: 100%;
  margin: 0 auto;
}

.open-filter-btn,
.close-filter-btn {
  display: block;
  margin: 0 auto;
  border: 0;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

.open-filter-btn {
  min-width: 150px;
  padding: 10px 20px;
  border-radius: 50px;
  background: #4682B4;
}

.close-filter-btn {
  min-width: 130px;
  margin-top: 18px;
  padding: 9px 18px;
  border-radius: 50px;
  background: #4682B4;
}

.open-filter-btn:hover,
.close-filter-btn:hover {
  opacity: .9;
}

.filter-content[hidden] {
  display: none !important;
}

.filter-content {
  margin-top: 16px;
}

.waku-search01 {
  width: 80%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
}

.front-bakku {
  box-sizing: border-box;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 20px;
  background: #fff;
}

.archive-h1 {
  margin: 10px 0;
  font-size: 20px;
}

.search-description {
  margin: 0 0 10px;
  font-size: 13px;
}

.number-items {
  color: #fa9000;
  font-size: 16px;
  font-weight: 700;
}

.hwk-kaigo-search-results {
  margin-top: 20px;
}

.hwk-kaigo-search-results .p-postList {
  margin-top: 20px;
}

.hwk-kaigo-search-results__pager {
  margin-top: 24px;
}

@media (max-width: 768px) {
  .waku-search01 {
    width: 100%;
    border: 0;
    padding: 0;
  }

  .box-sl-css-searchandfilter {
    margin-right: 0;
    margin-left: 0;
  }

  .hwk-kaigo-search-form ul li.cat-item {
    margin-right: 8px;
    font-size: 13px;
  }

  .hwk-kaigo-search-form input[type="submit"] {
    width: 180px;
    min-height: 56px;
  }
}