@charset "UTF-8";
/*
Theme Name: Formagora
Theme URI: https://www.gregoirenoyelle.com/
Author: Grégoire Noyelle
Author URI: https://www.gregoirenoyelle.com/
Description: Thème FSE pour Formagora
Requires at least: 6.0
Tested up to: 6.6.2
Requires PHP: 5.7
Version: 2.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: formagora
Tags: 
*/

/* Défilement doux */

html {
	scroll-behavior: smooth;
}


/* Classe pour l'accessibilité */

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;   
    height: 1px !important;
    overflow: hidden !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

/* Base */

a,
input {
    transition: var(--wp--custom--transition-lien);
}
.wp-site-blocks > footer {
    margin-block-start: 0;
}
main {
    margin-block-end: calc(-1 * var(--wp--custom--gap-global));
}



/* Fil d'Ariane */
.fil-ariane {
    text-transform: uppercase;
}
.breadcrumbs span[property="name"] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    max-width: 341px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Bulles entête */

body {
    background: white url('assets/images/desk-accueil-optim.webp') no-repeat center 120px;
}
.type-bulles-entreprise-var {
    background-image: url('assets/images/desk-page-entreprise-header-photo-optim.webp')
}
.type-bulles-formateur-var {
    background-image: url('assets/images/desk-page-formateur-header-photo-optim.webp')
}
.single-post {
    background-image: url('assets/images/desk-mini-bulles-optim.webp')
}
.type-pas-de-bulles {
    background: white;
}

/* Classes modulaires */

.grille {
    display: grid;
}
.grille,
.grille > * {
    margin-block-start: 0;
}
.grille-supperposee {
    display: grid;
    align-items: center;
    justify-items: center;
}
.grille-supperposee > * {
    grid-column: 1;
    grid-row: 1;
}
.grille-supperposee > :last-child {
    z-index: 100;
}
.grille-2-col {
    padding: 0; 
}
.grille-2-col > * {
    width: 100%;
}  
.grille-2-col .texte {
    grid-row: 1;
} 
.banniere-2-col {
    gap: var(--wp--preset--spacing--normal);
}
.banniere-2-col > :first-child {
    padding: var(--wp--preset--spacing--normal);
}
/* Page type Entreprise */

header .wp-block-site-logo img:hover {
    filter: grayscale(0%) sepia(1) hue-rotate(330deg) saturate(5);
}

/* Contenu */

p a,
.contenu-principal .wp-block-list li a,
.editor-styles-wrapper .wp-block-list li a { 
    border-bottom: 1px solid var(--wp--preset--color--main);
}
p a:hover,
.contenu-principal .wp-block-list li a:hover,
.editor-styles-wrapper .wp-block-list li a:hover {
    color: var(--wp--preset--color--primary);
    border-bottom-color: var(--wp--preset--color--primary);
}
.texte-meta-formation p {
    text-align: left !important;
}

/* Back top top */

.icone-haut-page {
    color: var(--wp--preset--color--main);
}
.icone-haut-page svg path {
    fill: currentColor; 
}

/* Media texte */

.wp-block-media-text .wp-block-media-text__content {
    padding: 0%;
}

/* Metas Formation */
ul.metas-formations {
	padding: 0;
}
.meta-formation {
    gap: var(--wp--custom--espacement-petit--droite-gauche);
    margin-bottom: var(--wp--custom--espacement-petit--droite-gauche);
}
.note-container {
    display: flex;
    gap: 14px;
    margin-top: 7px !important;
}
.note-stars {
    margin-top: 3px
}
.meta-avec-note {
 justify-content: space-between;   
}

/* Single article */

/* Page formation single */

.wp-block-column.form-contenu-lateral {
    margin-top: var(--wp--preset--spacing--moyen);
}
.toggle-formation {
    margin-bottom: var(--wp--preset--spacing--normal);
}
.toggle-formation summary {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.toggle-formation summary {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.toggle-formation summary::marker,
.toggle-formation summary::-webkit-details-marker {
    display: none !important;
}
.toggle-formation summary {
    display: flex;
    align-items: center;
    position: relative;
}
.meta-texte-session-formation {
   display: none;
}

/* Ajouter un soulignement au début du texte */

.toggle-formation summary::before {
    content: '';
    position: absolute;
    bottom: 0; 
    left: 0; 
    width: 33px;
    height: 2px;
    background-color: var(--wp--preset--color--main);
}
.toggle-formation summary::after {
    font: normal normal normal 22px / 1 'formagora';
    content: "\ea05" / ""; /* Flèche droite (triangle) */
    float: right;
    transition: transform 0.3s ease;
    margin-left: 5px;
}
.toggle-formation[open] summary::after {
    content: '\ea06' / ""; /* Flèche bas (triangle) */
}
.texte-meta-formation h2,
.texte-meta-formation h3 {
  color: var(--wp--preset--color--labels);   
}
.texte-meta-formation h2 {
    font-size: var(--wp--preset--font-size--medium);  
}
.texte-meta-formation h2:first-child {
    margin-top: var(--wp--preset--spacing--normal);
}
.texte-meta-formation h3 {
    font-size: var(--wp--preset--font-size--normal)
}

/* Archive classique */

.grille-outline .wp-block-post {
    background-color: var(--wp--preset--color--base);
}
.grille-outline .texte-archive {
    padding: var(--wp--preset--spacing--normal);
}
.grille-outline .image-archive {
    min-height: 200px
}
.meta-lecture .wp-block-button__link {
    cursor: default;
}

/* Page formation archive */

.tax-nc_cat_domaine_activites .contenu-principal {
    padding-top: var(--wp--preset--spacing--normal);
}
.domaine-formations {
    margin-top: var(--wp--preset--spacing--normal)
}
.titre-domaine h2 {
    margin-top: 0;
}
.grille-outline .formation {
    padding: var(--wp--preset--spacing--normal);
    background-color: var(--wp--preset--color--base);
}
.description-terme {
    max-width: 800px;
    margin-bottom: var(--wp--preset--spacing--intermediaire);
}
.description-terme h2 {
    margin-top: var(--wp--preset--spacing--normal);
}
.boucle-termes-domaine {
    max-width: 850px
}
.boucle-termes-domaine .wp-block-buttons {
    gap: 1rem;
    margin-bottom: var(--wp--preset--spacing--intermediaire);
}
.boucle-termes-domaine .wp-block-button .wp-block-button__link {
    color: var(--wp--preset--color--main);
    background-color: var(--wp--preset--color--base);
}
.sup-terme.grille {
    gap: var(--wp--preset--spacing--moyen);
}

/* Archive domaine activité */

.fil-ariane {
    margin-top: var(--wp--preset--spacing--tres-grand);
}
.is-style-groupe-entete-taxo-domaine > *,
.is-style-groupe-entete-taxo-domaine .fil-ariane a {
    color: var(--wp--preset--color--base);
}
.is-style-groupe-entete-taxo-domaine .wp-block-site-logo img {
   filter: brightness(0) invert(1);
}
.boucle-formations > article {
    cursor: pointer;
}
.titre-en-moment {
    margin-bottom: 15px;
}

/* Compositions */

.grille-outline > * {
    outline: 2px solid var(--wp--preset--color--main);
    margin: 0 0 2px 0;
}
.grille-col-bouton {
    gap: var(--wp--preset--spacing--normal);
}
.grille-col-bouton:has(> :nth-child(3):nth-last-child(1)) {
    grid-template-rows: 1fr auto 1fr;    
}
.grille-col-bouton:has(> :nth-child(2):nth-last-child(1)) {
    grid-template-rows: auto  1fr; 
}
.grille-col-bouton > :last-child {
    display: grid;
}
.grille-col-bouton > :last-child > * {
    align-self: end;
}

/* Bloc Grille 2 col Image CTA */

.grille-texte-image-cta .grille-supperposee {
    grid-row: 1;
}

/* Témoignages */

.temoignage-textes::before {
    content: "\ea1d";
    font-family: "formagora";
    font-size: 2rem;
    display: inline-block;
    margin: 0 0 13px 52px;
}

/* Clients */

.client-slide img {
    filter: hue-rotate(10deg);
    opacity: .7;
}

/* Bulles groupe */

.type-bulles-contact .entry-content .colonnes-contact {
    background: url('assets/images/desk-grandes-bulles-optim.webp') 150px 0px no-repeat;
}

.bulle-grosse-droite {
    background: url('assets/images/desk-grandes-bulles-optim.webp') right top no-repeat;
    background-size: contain;   
}


/* Pied de page */

.colonne-haut-bas {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (min-width: 400px) {

    .grille-3-col-auto-fill {
        grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));        
    }    
    .grille-outline.grille-3-col-auto-fill > * {
        margin: 0 2px 2px 0 !important;
    }    
}

@media screen and (min-width: 768px) {

    body {
        background-image: url('assets/images/desk-accueil2-entreprise-optim.webp');
    }
    .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
        padding: var(--wp--preset--spacing--petit);
        border: var(--wp--custom--bordure-onglet);
    }
    .type-page-formateur {
       background-image: url('assets/images/desk-accueil2-formateur-optim.webp') 
    }
    .type-bulles-entreprise-var {
        background-image: url('assets/images/desk-page-entreprise-header-photo2-optim.webp')
    }
    .type-bulles-formateur-var {
        background-image: url('assets/images/desk-page-formateur-header-photo2-optim.webp')
    }
    .single {
        background-image: url('assets/images/desk-mini-bulles2-optim.webp')
    }    
    .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
        padding-left: 8%;
    }
    .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
        padding-right: 8%;
    }
    .wp-block-button.tab {
        min-height: 47px;
    }      
    .wp-block-column.form-contenu-lateral {
        margin-top: 0;
    }
    .grille-2-col {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
    }  
    .grille-2-col-archive {
        grid-template-columns: 1fr 2.6fr;
        gap: var(--wp--preset--spacing--grand);
    }
    .grille-2-col .texte {
        grid-row: auto;
    }  
    .grille-3-col {
        grid-template-columns: repeat(3, 1fr);
    }    
    .grille-4-col {
        grid-template-columns: repeat(2, 1fr);
    }
    .grille-texte-image-cta .grille-supperposee {
        grid-row: auto;
    }
    .bulle-grosse-droite {
        background: url('assets/images/desk-grandes-bulles-optim.webp') right top no-repeat;
        background-size: 57%;
        min-height: 700px;
    }  
    .grille-outline .image-archive {
        min-height: initial
    }

}

@media screen and (min-width: 1000px) {

    .grille-4-col {
        grid-template-columns: repeat(4, 1fr);
    }
}