/* CSS Original pour desktop */
.publications__header {
    margin: 2rem 0;
}
.pagePublications h2 {
    font-family: "Source Sans Pro";
    font-size: 1.5rem;
    color: var(--color-gris);
    text-transform: none;
}
.item__pub {
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    position: relative;
    transition: all .5s;
}
.item__pub img {
    height: auto;
}
.desc__pub p {
    margin: 0;
}
.desc__pub p.auteur {
    font-size: .875rem;
}
.desc__pub h3 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .25rem;
    transition: all .5s;
}
.desc__pub h3 a {
    color: var(--color-gris);
    text-decoration: none;
}
.more__info {
    color: var(--color-rouge);
    font-size: .875rem;
}
.more__info::after {
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.auteur {
    text-transform: capitalize;
}
.auteur span {
    text-transform: uppercase;
}
.auteur .direction {
    text-transform: capitalize;
}
.item__pub:hover {
    background-color: var(--color-gris-fond);
    border-radius: 20px;
}
.item__pub:hover h3 {
    color: var(--color-rouge);
}
.search__publication__form {
    margin: 3rem 0;
    text-align: center;
}
.search__publication__form .js-form-item {
    float: none!important;
    display: inline-block;
    margin: 0;
    width: calc(33% + 4px);
    border-radius: 0;
    border: 1px solid var(--color-gris);
    margin-left: -3px;
}
.search__publication__form .form-control {
    width: 100%;
}
.search__publication__form  .form-item-title {
    width: 100%;
    margin: 0;    
    margin-left: -3px;
    border-radius: 5px 5px 0 0;
    border-bottom: none;
}
.search__publication__form  .form-item-field-nom-value {
    border-radius: 0 0 0 5px;
}
.search__publication__form  .form-item-field-annee-de-publication-value {
    border-radius: 0 0 5px 0;
}
.search__publication__form .js-form-item-annee-publication {
    border-radius: 0 0 5px 0;
}
.search__publication__form input[type="submit"] {
    width: 195px;
    border: 1px solid var(--color-gris);
    background-color: #fff;
    color: var(--color-gris);
    transition: all .4s;
}
#edit-submit-publications {
    background-color: var(--color-gris);
    color: #fff;
}
.search__publication__form input[type="submit"]:hover {    
    background-color: var(--color-gris);
    color: #fff;
}

#edit-submit-publications:hover {
    background-color: #fff;
    color: var(--color-gris);
}
.filter__years h2,
.search__publication__form h2 {    
    font-weight: 400;
}
.publication__year {
    list-style: none;
    margin: 0;
    padding: 0;
}
.publication__year li {
    padding: .25rem 1rem;
    transition: all .4s;
}
.publication__year li a {
    font-size: 1.25rem;
    color: var(--color-gris);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .5rem;
}
.publication__year li a::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M10 2.375C5.52 2.375 1.875 6.02 1.875 10.5C1.875 14.98 5.52 18.625 10 18.625C14.48 18.625 18.125 14.98 18.125 10.5C18.125 6.02 14.48 2.375 10 2.375ZM10 3.625C13.8044 3.625 16.875 6.69563 16.875 10.5C16.875 14.3044 13.8044 17.375 10 17.375C6.19563 17.375 3.125 14.3044 3.125 10.5C3.125 6.69563 6.19563 3.625 10 3.625ZM8.8875 6.3L7.9875 7.2L11.29 10.5L7.98875 13.8L8.88875 14.7L12.6388 10.95L13.0675 10.5L12.6381 10.05L8.8875 6.3Z" fill="%23D63440"/></svg>'); 
}
.publication__year li.is-active,
.publication__year li:hover {
    border-radius: 20px;
    background: var(--color-gris-fond);
    text-shadow: none;
    margin-left: .5rem;
}
.publication__year li a:hover {
    text-shadow: none;
    color: var(--color-rouge);
}
.export__block {
    max-width: 65%;
    margin: 1.5rem auto;
    padding: 1rem 2rem;
    border-radius: 20px;
    background: var(--color-gris-fond);
    text-align: center;
}
.export__block h2 {
    color: var(--color-rouge);
    margin: 0;
}
.export__block p {
    margin: .5rem 0;
}
.export__block .bouton_2 {
    margin: 0;
    line-height: 1.5;
    padding: .6rem 1.5rem;
}
.search__publication__form .form-control {
    width: 100%;
    border-radius: 0;
    padding: 0.125rem 0.75rem;
    background: transparent;
    border: none;
}
.search__publication__form .form-type-select,
.search__publication__form .form-item-field-annee-de-publication-value {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    position: relative;
}
.search__publication__form .form-type-select::after,
.search__publication__form .form-item-field-annee-de-publication-value::after {
    content: "▼";
    position: absolute;
    right: 1rem;
    top: 0.813rem;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1.25rem;
    color: var(--color-rouge);
    transition: transform 0.3s ease;
}
.search__publication__form .form-type-select.form-item-field-type-de-publication-target-id {
    border-right: none;
    border-left: none;
}

/* ================================
   BREAKPOINTS RESPONSIVE
   ================================ */

/* Breakpoint 1440px et moins */
@media (max-width: 1440px) {
    .pagePublications .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .publications__header {
        margin: 1.75rem 0;
    }
    
    .pagePublications h2 {
        font-size: 1.4rem;
    }
    
    .item__pub {
        gap: 1.25rem;
        margin-bottom: 1.25rem;
        padding: 0.9rem;
    }
    
    .desc__pub h3 {
        font-size: 1.1rem;
    }
    
    .search__publication__form {
        margin: 2.5rem 0;
    }
    
    .export__block {
        max-width: 70%;
        padding: 0.9rem 1.75rem;
    }
    
    .publication__year li a {
        font-size: 1.2rem;
    }
}

/* Breakpoint 1200px et moins */
@media (max-width: 1200px) {
    .pagePublications .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    .publications__header {
        margin: 1.5rem 0;
    }
    
    .pagePublications h2 {
        font-size: 1.25rem;
    }
    
    .item__pub {
        gap: 1rem;
        margin-bottom: 1rem;
        padding: 0.8rem;
    }
    
    .desc__pub h3 {
        font-size: 1rem;
    }
    
    .desc__pub p.auteur {
        font-size: .8rem;
    }
    
    .search__publication__form {
        margin: 2rem 0;
    }
    
    .search__publication__form .js-form-item {
        margin-bottom: -1px;
    }
    
    .search__publication__form .form-item-title {
        width: 100%;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px solid var(--color-gris);
    }
    
    .search__publication__form .form-item-field-nom-value {
        width: calc(50% - 2px);
        border-radius: 0 0 0 5px;
        border-top: none;
    }
    
    .search__publication__form .js-form-item-annee-publication {
        border-radius: 0 0 5px 5px;
    }
    
    .search__publication__form .form-type-select.form-item-field-type-de-publication-target-id {
        border-right: 1px solid var(--color-gris);
        border-left: 1px solid var(--color-gris);
    }
    
    .search__publication__form input[type="submit"] {
        width: 30%;
        margin: 0.5rem 0.25rem;
    }
    
    .export__block {
        max-width: 80%;
        padding: 0.8rem 1.5rem;
    }
    
    .publication__year li a {
        font-size: 1.1rem;
    }
}

/* Breakpoint 800px et moins */
@media (max-width: 800px) {
    .pagePublications .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .top__page {
        height: 200px;
    }
    
    .title__image {
        font-size: 2rem;
    }
    
    .publications__header {
        margin: 1.25rem 0;
    }
    
    .pagePublications h2 {
        font-size: 1.125rem;
        text-align: center;
    }
    
    .item__pub {
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 1rem;
        padding: 1rem;
        border-radius: 15px;
    }
    
    
    .desc__pub h3 {
        font-size: 0.95rem;
        margin-bottom: 0.5rem;
    }
    
    .desc__pub p.auteur {
        font-size: .75rem;
    }
    
    .search__publication__form {
        margin: 1.5rem 0;
    }
    
    .search__publication__form .js-form-item {
        width: 100%;
    }
    
    .search__publication__form .form-item-title {
        border-radius: 5px 5px 0 0;
        border-bottom: 1px solid var(--color-gris);
    }
    
    .search__publication__form .form-item-field-nom-value {
        width: 100%;
        border-radius: 0;
        border-top: none;
    }
    
    .search__publication__form .js-form-item-annee-publication {
        border-radius: 0 0 5px 5px;
    }
    
    .search__publication__form .form-type-select.form-item-field-type-de-publication-target-id {
        border-right: 1px solid var(--color-gris);
        border-left: 1px solid var(--color-gris);
    }
    
    .search__publication__form input[type="submit"] {
        width: 48%;
        margin: 0.5rem 1%;
    }
    
    .export__block {
        max-width: 90%;
        padding: 0.75rem 1rem;
    }
    
    .publication__year li a {
        font-size: 1rem;
    }
    
    .publication__year li.is-active,
    .publication__year li:hover {
        margin-left: 0;
    }
}

/* Breakpoint 600px et moins */
@media (max-width: 600px) {
    .pagePublications .container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    
    .top__page {
        height: 150px;
    }
    
    .title__image {
        font-size: 1.5rem;
        padding: 0 1rem;
    }
    
    .publications__header {
        margin: 1rem 0;
    }
    
    .pagePublications h2 {
        font-size: 1rem;
    }
    
    .item__pub {
        gap: 0.5rem;
        margin-bottom: 0.75rem;
        padding: 0.75rem;
        border-radius: 12px;
    }
    
 
    
    .desc__pub h3 {
        font-size: 0.9rem;
        line-height: 1.3;
    }
    
    .desc__pub p.auteur {
        font-size: .7rem;
    }
    
    .more__info {
        font-size: .8rem;
    }
    
    .search__publication__form {
        margin: 1rem 0;
    }
    
    .search__publication__form .form-control {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }
    
    .search__publication__form input[type="submit"] {
        width: 100%;
        margin: 0.25rem 0;
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }
    
    .export__block {
        max-width: 95%;
        padding: 0.6rem 0.75rem;
    }
    
    .export__block h2 {
        font-size: 1.125rem;
    }
    
    .export__block .bouton_2 {
        padding: .5rem 1rem;
        font-size: 0.9rem;
    }
    
    .publication__year li a {
        font-size: 0.9rem;
        gap: .25rem;
    }
    
    .publication__year li a::before {
        width: 16px;
        height: 16px;
    }
}