/*
Theme Name: Ajc Jazz
Theme URI: 
Author: Damien Richard
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 8.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: ajc-jazz
Tags: 
*/

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper), 
:root :where(.wp-block-search .wp-element-button,.wp-block-search .wp-block-button__link) {
    border:none;
    color:var(--wp--preset--color--primary);
}


.wp-block-search__inside-wrapper input::placeholder {
    color: var(--wp--preset--color--primary);
}

:root :where(.wp-block-search .wp-block-search__input) {
    padding-left: 0.3rem;
}

.img-100 img {
    min-width:100%;
}

.accueil-projets-list .desc {
    position: relative;
    height: 0;
    margin: 0;
    opacity: 0;
    transform: translateY(-5px);
    transition: opacity .3s ease, transform .3s ease;
    pointer-events: none;
}

.accueil-projets-list:hover .desc {
    height: auto;
    opacity: 1;
    transform: translateY(0);
    color: var(--wp--preset--color--secondary)!important;
}

.accueil-projets-list .titre a {
    color: #fff!important;
    font-family: var(--wp--preset--font-family--barlow-condensed);
    font-size: clamp(2.2rem, 5vw, 4.5rem);
    font-weight: 900;
    line-height:1;
    -webkit-text-stroke: 1px var(--wp--preset--color--primary);
    transition: all .3s ease;
    text-decoration: none;
    letter-spacing:3px;
}

.accueil-projets-list:hover .titre a {
    color: var(--wp--preset--color--secondary)!important;
    -webkit-text-stroke: 1px var(--wp--preset--color--secondary);;
}

.wp-element-button::after,
.wp-block-button__link::after,
button.wp-element-button::after,
.wp-block-post-excerpt__more-link::after {
    content: "";
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    margin-left: 0.4em;
    background-color: currentColor;
    -webkit-mask-image: url("./assets/images/icon-fleche.svg");
    mask-image: url("./assets/images/icon-fleche.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.wp-block-search__button.wp-element-button::after,
.wp-block-search__button.wp-block-button__link::after,
.wp-block-search__button::after {
    content: none;
}

.wp-element-button,
.wp-block-button__link,
button.wp-element-button,
.wp-block-post-excerpt__more-link {
    display: inline-flex;
    align-items: center;
    text-transform:uppercase;
    font-weight:700;
    font-family: var(--wp--preset--font-family--barlow-condensed);
    text-decoration:none;

}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-element-button:hover {
    color: var(--wp--preset--color--secondary);
}

.wp-block-button .wp-block-button__link,
.wp-block-button .wp-element-button{
    transition:color .3s ease;
}

.wp-block-button.is-style-light .wp-block-button__link,
.wp-element-button.is-style-light,
button.wp-element-button.is-style-light,
.wp-block-button .wp-block-button__link.is-style-light,
.wp-block-button .wp-element-button.is-style-light {
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--wp--preset--color--primary);
    padding:0px;
}

.wp-block-query img, .ajc-cpt-card__image img {
    filter: grayscale(1) contrast(1) sepia(0) hue-rotate(0) saturate(0);
    transition: filter 0.3s ease;
}

.wp-block-query .wp-block-post-featured-image,
.wp-block-query .wp-block-post-featured-image a,
.wp-block-query .wp-block-post-featured-image img {
    display: block;
}

.wp-block-query .wp-block-post-featured-image a {
    position: relative;
}

.wp-block-query .wp-block-post-featured-image a::after,
.ajc-cpt-card__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--wp--preset--color--primary);
    mix-blend-mode: screen;
    opacity: 1;
    transform: scale(1.02);
    transition: opacity 0.3s ease, transform 0.45s ease;
    pointer-events: none;
}

.wp-block-query .wp-block-post-featured-image a:hover::after,
.wp-block-post:hover .wp-block-post-featured-image a::after,
.ajc-cpt-card:hover .ajc-cpt-card__image::after {
    opacity: 0;
    transform: scale(1);
}

.wp-block-query a:hover img,
.wp-block-query img:hover,
.wp-block-post:hover .wp-block-post-featured-image img,
.ajc-cpt-card:hover .ajc-cpt-card__image img {
    filter: none;
}


.wp-block-post .wp-block-post-title,
.wp-block-post .wp-block-post-excerpt,
.wp-block-post .wp-block-post-date,
.wp-block-post .wp-block-post-terms {
    color: var(--wp--preset--color--primary);
    transition: color .3s ease;
}

.wp-block-post-featured-image {
    max-width: 100%;
}

.gform_wrapper input[type="submit"].gform_button {
    border:solid 1px #fff;
    text-transform:uppercase;
    font-family: var(--wp--preset--font-family--barlow-condensed);
    font-weight:700;
    font-size:1.5rem;
    letter-spacing:1px;
    padding-right: 2.2em;
    background-image: url("./assets/images/icon-fleche.svg");
    background-repeat: no-repeat;
    background-size: 0.9em 0.9em;
    background-position: right 0.8em center;
    padding-top:.8rem;
    padding-bottom:.8rem;
}

strong {
    font-weight:700;
    color:var(--wp--preset--color--primary);
}

/* Page réseau */

@media(min-width:1046px) {
    .grid-reseau {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0px;
    }
}

.reseau-conseil-administration> .wp-block-group> div {
    width:48%;
}

.reseau-conseil-administration .fonction {
    font-size:13px;
    line-height:16px;
}

@media(max-width:1045px)  {
    .grid-reseau {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0px;
    }
}

.grid-reseau> :is(*, div) {
    min-height:150px;
}

.ajc-adherents-map {
    min-height: 60dvh;
    width: 100%;
    background: #f9f9fb;
    border-radius: 0px;
    overflow: hidden;
}

.ajc-adherents-map .gm-style {
    border-radius: inherit;
}

.ajc-adherent-info-window {
    font-family: var(--wp--preset--font-family--instrument-sans);
    font-size: 0.9rem;
    line-height: 1.3;
}

.ajc-adherent-info-window strong {
    font-weight: 600;
    display: block;
    margin-bottom: 0.25rem;
}

.ajc-adherent-info-window p {
    margin: 0;
}

.ajc-adherent-info-window a {
    font-weight: 600;
    color: var(--wp--preset--color--primary);
    text-decoration: underline;
}

.ajc-cpt-filter {
    margin: 1rem auto 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    text-align: left;
}

.ajc-cpt-filter > label,
.ajc-cpt-filter__heading {
    color: var(--wp--preset--color--primary);
    margin: 0;
    font-family: var(--wp--preset--font-family--barlow-condensed);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 2rem;
    line-height: 2rem;
}

.ajc-cpt-filter select {
    width: 100%;
    color:var(--wp--preset--color--primary);
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--wp--preset--color--primary);
    background: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--barlow-condensed);
    text-transform:uppercase;
    font-size: 1rem;
    font-weight:bold;
}

.ajc-cpt-filter select option:disabled {
    color: rgba(60, 60, 61, 0.5);
}

.ajc-cpt-filter__radio-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 0.45rem;
    margin-top: 1rem;
}

.ajc-cpt-filter--adherents .ajc-cpt-filter__radio-group {
    flex-direction: column;
}

.ajc-cpt-filter__radio-option {
    position: relative;
}

.ajc-cpt-filter__radio-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.ajc-cpt-filter__radio-option-label {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.3rem var(--wp--preset--spacing--space-s-plus);
    border-radius: 999px;
    color: var(--wp--preset--color--primary);
    font-family: var(--wp--preset--font-family--barlow-condensed);
    font-size: var(--wp--preset--font-size--lg);
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.ajc-cpt-filter__radio-option-label:hover,
.ajc-cpt-filter__radio-option input[type="radio"]:checked + .ajc-cpt-filter__radio-option-label {
    background: var(--wp--preset--color--light);
    font-weight: 700;
}

.ajc-cpt-filter__radio-option input[type="radio"]:disabled + .ajc-cpt-filter__radio-option-label {
    opacity: 0.45;
    cursor: not-allowed;
}

.ajc-cpt-filter__radio-option input[type="radio"]:focus-visible + .ajc-cpt-filter__radio-option-label {
    outline: 2px solid var(--wp--preset--color--secondary);
    outline-offset: 2px;
}

.ajc-cpt-query {
    margin-top: var(--wp--preset--spacing--space-lg);
    display: flex;
    flex-direction: column;
}

.ajc-cpt-query.ajc-cpt-query--loading {
    opacity: 0.6;
}

.ajc-cpt-load-more {
    margin-top: var(--wp--preset--spacing--space-lg);
    text-align: center;
}

.ajc-cpt-load-more__button[disabled] {
    opacity: 0.55;
    cursor: progress;
}

.ajc-cpt-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--wp--preset--spacing--space-lg);
}

/* Actualités : 3 colonnes (projets hérite des 4 col par défaut) */

.ajc-cpt-query--actualites .ajc-cpt-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ajc-cpt-query--actualites .ajc-cpt-grid.ajc-cpt-grid--masonry {
    --ajc-masonry-row-height: 8px;
    grid-auto-rows: var(--ajc-masonry-row-height);
    align-items: start;
}

.ajc-cpt-query--actualites .ajc-cpt-grid.ajc-cpt-grid--masonry .ajc-cpt-card {
    height: auto;
}

@media (max-width: 1440px) {
    .ajc-cpt-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .ajc-cpt-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .ajc-cpt-grid {
        grid-template-columns: 1fr;
    }
}

.ajc-cpt-card--actualites.ajc-cpt-card {
    padding: 0 0 2rem;
    border-width: 0 0 1px 0;
}

.ajc-cpt-card--actualites .ajc-cpt-card__image {
    padding-bottom: 66.6667%; /* 3:2 */
}

.ajc-cpt-card--actualites .ajc-cpt-card__image img {
    object-fit: cover;
}


.ajc-cpt-card {
    border: 1px solid var(--wp--preset--color--primary);
    padding: var(--wp--preset--spacing--space-sm);
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ajc-cpt-card__image {
    display: block;
    block-size: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
}

.ajc-cpt-card__image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    aspect-ratio: 1/1;
}

.ajc-cpt-card--actualites .ajc-cpt-card__body {
    justify-content: flex-start;
    gap:1rem;
    padding-top:1rem;
}

.ajc-cpt-card__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 0;
}

.ajc-cpt-card__title {
    font-family: var(--wp--preset--font-family--barlow-condensed);
    font-size: 1.5rem;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0;
    font-weight:700;
}

.ajc-cpt-card__date {
    margin: 0;
    font-family: var(--wp--preset--font-family--barlow-condensed);
    font-size: 1.2rem;
    line-height: 1.2;
    color: var(--wp--preset--color--primary);
}

.ajc-cpt-card__excerpt {
    margin: 0;
    font-family: var(--wp--preset--font-family--instrument-sans);
    font-size: 1.05rem;
    line-height: 1.35;
    color: var(--wp--preset--color--primary);
}


.ajc-cpt-no-results {
    margin-top: var(--wp--preset--spacing--space-md);
    text-align: center;
    font-weight: 600;
}

.header-page figure, .header-page img {
    height:100%;
    object-fit:cover;
}

h1.wp-block-heading.is-style-text-subtitle--4,
h2.wp-block-heading.is-style-text-subtitle--4,
h3.wp-block-heading.is-style-text-subtitle--4,
h4.wp-block-heading.is-style-text-subtitle--4,
h5.wp-block-heading.is-style-text-subtitle--4,
h6.wp-block-heading.is-style-text-subtitle--4,
p.is-style-text-subtitle--4 {
    font-family: var(--wp--preset--font-family--barlow-condensed);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--wp--preset--color--primary);
}