/* CLEIR Journal — taxonomy pills, featured badge, newsletter form */

/* ——— Taxonomy Filter → design pills ——— */

.elementor-widget-taxonomy-filter .e-filter,
.cleir-journal-tax .e-filter,
search.e-filter {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

.elementor-widget-taxonomy-filter .e-filter-item,
.cleir-journal-tax .e-filter-item,
search.e-filter .e-filter-item {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 10px 20px !important;
  font-family: var(--cleir-sans, "DM Sans", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  color: #5a5654 !important;
  background: transparent !important;
  border: 1px solid #e0cfbe !important;
  border-radius: 100px !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.elementor-widget-taxonomy-filter .e-filter-item:hover,
.cleir-journal-tax .e-filter-item:hover,
search.e-filter .e-filter-item:hover {
  color: #c4796a !important;
  border-color: #c4796a !important;
  background: transparent !important;
}

.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"],
.elementor-widget-taxonomy-filter .e-filter-item.e-active,
.cleir-journal-tax .e-filter-item[aria-pressed="true"],
.cleir-journal-tax .e-filter-item.e-active,
search.e-filter .e-filter-item[aria-pressed="true"] {
  color: #ffffff !important;
  background: #c4796a !important;
  border-color: #c4796a !important;
  font-weight: 500 !important;
}

.elementor-widget-taxonomy-filter .e-filter-item::before,
.elementor-widget-taxonomy-filter .e-filter-item::after,
.cleir-journal-tax .e-filter-item::before,
.cleir-journal-tax .e-filter-item::after,
search.e-filter .e-filter-item::before,
search.e-filter .e-filter-item::after {
  display: none !important;
  content: none !important;
}

/* ——— Featured badge (terra pill) ——— */
/* Live markup often loses cleir-journal-featured__badge — target absolute heading in featured wrap */

.cleir-journal-featured-wrap .elementor-loop-container,
.cleir-journal-featured-wrap .elementor-loop-item,
.cleir-journal-featured__media,
.cleir-journal-featured {
  position: relative;
}

.cleir-journal-featured-wrap .elementor-absolute.elementor-widget-heading,
.cleir-journal-featured__badge.elementor-widget-heading,
.cleir-journal-featured__badge {
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  z-index: 5 !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 !important;
}

.cleir-journal-featured-wrap .elementor-absolute.elementor-widget-heading .elementor-widget-container,
.cleir-journal-featured__badge .elementor-widget-container {
  display: inline-block !important;
  width: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.cleir-journal-featured-wrap .elementor-absolute.elementor-widget-heading .elementor-heading-title,
.cleir-journal-featured__badge .elementor-heading-title {
  display: inline-block !important;
  margin: 0 !important;
  padding: 7px 14px !important;
  font-family: var(--cleir-sans, "DM Sans", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  background: #c4796a !important;
  border-radius: 100px !important;
}

/* Category label — gold, no underline */
.cleir-journal-featured-wrap .elementor-heading-title a,
.cleir-journal-featured__cat .elementor-heading-title,
.cleir-journal-featured__cat .elementor-heading-title a,
.cleir-journal-card__cat .elementor-heading-title,
.cleir-journal-card__cat .elementor-heading-title a {
  /*color: #b89b7a !important;*/
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.cleir-journal-featured:hover,
.cleir-journal-featured-wrap .cleir-journal-featured:hover {
  /*border-color: #c4796a !important;*/
}

.cleir-journal-featured__media .elementor-widget-theme-post-featured-image img,
.cleir-journal-featured__img img,
.cleir-journal-featured-wrap .elementor-widget-theme-post-featured-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 380px;
  object-fit: cover !important;
  display: block;
}

/* ——— Newsletter CTA form ——— */

.cleir-journal-nl__desc p {
  max-width: 420px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.cleir-journal-nl .elementor-widget-html .elementor-widget-container,
.cleir-journal-nl .elementor-widget-html,
.cleir-journal-nl .elementor-widget-form,
.cleir-journal-nl .elementor-widget-form .elementor-widget-container {
  width: 100%;
}

.cleir-journal-nl__form-wrap {
  width: 100%;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}

/* Elementor Pro Form — inline email + Join pill */
.cleir-journal-nl .elementor-widget-form .elementor-form,
.cleir-journal-nl__form-wrap .elementor-form {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 10px !important;
  max-width: 440px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.cleir-journal-nl .elementor-form-fields-wrapper {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cleir-journal-nl .elementor-field-group {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cleir-journal-nl .elementor-field-subgroup {
  margin: 0 !important;
}

.cleir-journal-nl .elementor-field-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

.cleir-journal-nl .elementor-button-wrapper {
  flex: 0 0 auto !important;
  margin: 0 !important;
  align-self: stretch !important;
}

.cleir-journal-nl__form,
.cleir-journal-nl .elementor-widget-html form {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 10px !important;
  max-width: 440px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.cleir-journal-nl__input,
.cleir-journal-nl .elementor-widget-html input[type="email"],
.cleir-journal-nl .elementor-widget-html input[type="text"],
.cleir-journal-nl .elementor-field-textual,
.cleir-journal-nl .elementor-field-group .elementor-field {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 52px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 15px 22px !important;
  border: 1px solid rgba(196, 121, 106, 0.35) !important;
  border-radius: 100px !important;
  background: #faf7f4 !important;
  font-family: var(--cleir-sans, "DM Sans", sans-serif) !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  color: #2c2a29 !important;
  outline: none !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.cleir-journal-nl__input::placeholder,
.cleir-journal-nl .elementor-widget-html input::placeholder,
.cleir-journal-nl .elementor-field-textual::placeholder {
  color: #9b8c7c;
  opacity: 1;
}

.cleir-journal-nl__input:focus,
.cleir-journal-nl .elementor-widget-html input:focus,
.cleir-journal-nl .elementor-field-textual:focus {
  border-color: #c4796a !important;
}

.cleir-journal-nl__btn,
.cleir-journal-nl .elementor-widget-html button,
.cleir-journal-nl .elementor-widget-html input[type="submit"],
.cleir-journal-nl .elementor-button,
.cleir-journal-nl .elementor-button[type="submit"] {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 30px !important;
  border: none !important;
  border-radius: 100px !important;
  background: #c4796a !important;
  color: #ffffff !important;
  font-family: var(--cleir-sans, "DM Sans", sans-serif) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none !important;
  transition: background 0.2s ease;
}

.cleir-journal-nl__btn:hover,
.cleir-journal-nl .elementor-widget-html button:hover,
.cleir-journal-nl .elementor-button:hover,
.cleir-journal-nl .elementor-button:focus {
  background: #b56b5c !important;
  color: #ffffff !important;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media (max-width: 767px) {
  .cleir-journal-nl__form,
  .cleir-journal-nl .elementor-widget-html form,
  .cleir-journal-nl .elementor-widget-form .elementor-form,
  .cleir-journal-nl__form-wrap .elementor-form {
    flex-direction: column !important;
    align-items: stretch;
  }

  .cleir-journal-nl__btn,
  .cleir-journal-nl .elementor-widget-html button,
  .cleir-journal-nl .elementor-button {
    width: 100%;
  }

  .cleir-journal-featured__media .elementor-widget-theme-post-featured-image img,
  .cleir-journal-featured__img img,
  .cleir-journal-featured-wrap .elementor-widget-theme-post-featured-image img {
    min-height: 260px;
  }
}