/**
 * CONTENTS..............You’re reading it!
 * VUE.....................................
 * FACETS .................................
 * PROJET..................................
 * AAP ....................................
*/

/* ------------------------------------ *\
  ==VUE
\* ------------------------------------ */

.view-id-projets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.view-id-aap .pager,
.view-id-projets .pager {
width: 100%;
}

.view-id-aap.view-display-id-block_3 {
  flex-direction: column;
  margin: 1rem 0 5rem;
}

.view-id-aap .view-content ul,
.view-id-projets .view-content ul {
  list-style: none;
}

.view-id-aap:not(.view-display-id-block_3) .view-content,
.view-id-projets .view-content {
  width: 60%;
}

.view-id-aap.view-display-id-block_3 .view-header {
  font-size: 3.125rem;
  margin-bottom: 1rem;
}

.view-id-aap.view-display-id-block_3 .views-view-responsive-grid__item-inner {
  height: 100%;
}

/* ------------------------------------ *\
    ==FACETS
\* ------------------------------------ */

/* Reset BEF */
.view-filters .bef-exposed-form .form--inline > .form-item {
  float: none;
}

.view-id-aap .views-exposed-form > div,
.view-id-projets .views-exposed-form > div {
  display: flex;
  flex-direction: column;
}

.view-aap.view-id-aap.view-display-id-block_1 {
  display: flex;
  flex-wrap: wrap;
}

.view-id-aap .view-filters,
.view-id-projets .view-filters {
  width: 25%;
  margin-right: 4rem;
  margin-top: -9.5rem;
}

.view-id-projets .view-filters {
  margin-top: 0;
}

.view-filters .views-exposed-form {
  border: 1px solid var(--bs-blue);
  padding: 1rem;
}

.view-filters .form-checkboxes.bef-checkboxes {
  display: flex;
  flex-wrap: wrap;
}

.view-filters .bef-links ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}

.view-filters .bef-links li {
  margin: 0;
}

.view-filters .bef-link {
  padding: 0.5rem;
  border: 1px solid var(--bs-blue);
  margin: -1px -1px 0 0;
  text-decoration: none;
  align-content: center;
  display: inline-block;
}

.view-filters .bef-link--selected {
  background-color: var(--bs-blue);
  color: var(--bs-white);
}

.view-filters .bef-link:hover {
  background-color: var(--bs-blue);
  color: var(--bs-white);
}

.view-filters .fieldgroup legend,
.view-filters .form-item-field-aap-topic label,
.view-filters .form-item-field-project-topic label,
.view-filters .facet-title {
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 1rem;
}

.view-filters .form-type-textfield.js-form-item-search-api-fulltext input {
  border-radius: unset;
  padding: 0.5rem;
  background: transparent;
  border: 1px solid var(--bs-blue);
}

.view-filters .form-type-textfield.js-form-item-search-api-fulltext {
  margin-right: 0;
  margin-bottom: 2rem;
  position: relative;
}

.view-filters .form-type-textfield.js-form-item-search-api-fulltext label {
  display: none;
}

.view-filters .block-block-content .field--name-field-body {
  font-size: 1.25rem;
}

.view-filters .js-form-submit.form-submit {
  background: unset;
  border-radius: 0;
  border: 1px solid var(--bs-blue);
  width: 100%;
  color: var(--bs-black);
  margin: 0;
}

.view-filters .js-form-submit.form-submit:hover {
  background-color: var(--bs-blue);
  color: var(--bs-white);
}

.view-filters .form-actions.js-form-wrapper.form-wrapper {
  margin: 0;
}

.view-filters
  .form-type-textfield.js-form-item-search-api-fulltext
  .search-btn {
  width: 3rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

/* ------------------------------------ *\
  ==PROJET
\* ------------------------------------ */

.view-id-projets .item-list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
}

.view-id-projets .item-list ul li {
  width: calc(50% - 2rem);
  margin: 0 1rem 1rem;
}

.view-id-projets .field.field--name-title {
  font-size: 1.875rem;
  text-decoration: none;
  font-weight: 700;
}

.view-id-projets .card-link {
  text-decoration: none;
}

.view-id-projets .views-view-responsive-grid__item {
  display: flex;
}

.view-projets .node--type-project {
  border-radius: 0;
  border: 1px solid var(--bs-blue);
  height: 100%;
}

.view-projets .node--type-project.project__type--279 {
  background-color: var(--bs-blue);
  color: var(--bs-white);
}

.view-projets .node--type-project .project__state {
  display: flex;
  padding: 1rem 2.5rem;
  background-color: var(--bs-yellow);
  color: var(--bs-black);
  border-top: 1px solid var(--bs-blue);
  font-size: 0.875rem;
}

.view-projets .node--type-project .project__state::after {
  position: absolute;
  right: 1rem;
  content: '\f061';
  font: var(--fa-font-regular);
  color: var(--bs-black);
  transition: all 1s;
}

.view-projets .node--type-project:hover .project__state::after {
  right: 0.5rem;
}

.view-projets .node--type-project.project__state--clos .project__state {
  background-color: var(--bs-white);
  color: var(--bs-black);
}

.view-projets
  .node--type-project.project__type--280.project__state--clos
  .project__state {
  background-color: var(--bs-blue);
  color: var(--bs-white);
}

.view-projets
  .node--type-project.project__type--280.project__state--clos
  .project__state::after {
  color: var(--bs-white);
}

.view-projets .node--type-project .project__body {
  padding: 2.5rem 2.5rem 1rem;
  height: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.view-projets .node--type-project .project__topic .field {
  display: flex;
  flex-wrap: wrap;
}

.view-projets .node--type-project .project__topic .field .field__item {
  border: 1px solid var(--bs-gray-400);
  padding: 0.3rem;
  margin: 0 0.5rem 0.5rem 0;
  font-size: 0.563rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

/* ------------------------------------ *\
  ==MEDIA QUERIES
\* ------------------------------------ */

@media screen and (min-width: 1600px) {
  .view-id-aap.view-display-id-block_3 {
    margin: 0 0 5rem;
  }
}

@media screen and (max-width: 1599px) {
  .view-id-aap.view-display-id-block_3 {
    margin: -2rem 0 5rem;
  }

  .paragraph--type--entete-aap {
    margin-bottom: 6rem;
  }
}

@media screen and (max-width: 1199px) {
  .paragraph--type--entete-aap {
    margin-bottom: 0;
  }

  .view-id-aap,
  .view-id-projets {
    flex-direction: column;
  }

  .view-id-aap .view-filters,
  .view-id-projets .view-filters {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
  }

  .view-id-aap .view-content,
  .view-id-projets .view-content,
  .view-id-aap:not(.view-display-id-block_3) .view-content {
    width: 100%;
  }

  .view-id-aap.view-display-id-block_3 {
    margin: 3rem 0;
  }

  .view-id-projets .item-list ul li,
  .view-id-aap .item-list ul li {
    width: 100%;
    margin: 1rem 0;
  }
}