/* ===========================
   CONTAINER GLOBAL
=========================== */
.card-header{
  background-color:#b8af62;
  color: white;
}

h1, h2 {
  font-size: 16px;
  line-height: 20px;
  color: white;
  background-color: #b8af62;
  padding: 5px;
  text-align: center;
}

.itemContainer {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
}

@media screen and (max-width: 600px) {
    .itemContainer {
        width: 100% !important;
        float: none;
    }
}

body { background-color: #e5dea9; }
.site-grid .container-component { background-color: white; }

.category-blog,
.blog-items,
.com-content-article {
    padding: 0 15px;
}

/* ===========================
   BLOC ARTICLE (HTML RÉEL)
=========================== */

div.catItemView {
    margin: 0;
    padding: 12px 10px 10px;
    background: #f5f2d7;
    box-shadow: 3px 3px 6px #666;
    border: none !important;
    display: flex;
    flex-direction: column;
    position: relative;

    /* 🔒 FIXER LA HAUTEUR DES VIGNETTES */
    min-height: 213px;  /* ajuste selon la taille désirée */
    max-height: 213px;  /* optionnel si tu veux exactement la même taille */
    box-sizing: border-box; /* inclut padding dans la hauteur */
}

/* IMAGE + TEXTE */
.catItemContent {
    display: grid;
    grid-template-columns: 90px 1fr;
    grid-template-rows: auto auto;
    column-gap: 15px;
    width: 100%;
}

/* IMAGE */
.catItemImage {
    grid-column: 1;
    grid-row: 1;
}

.catItemImage img {
    width: 75px !important;
    height: 110px !important;
    object-fit: cover;
    display: block;
}

.catItemImage a {
    display: block;
    overflow: hidden;
}

.catItemImage img {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.catItemImage a:hover img {
    transform: scale(1.05);
    opacity: 0.85;
}

/* TEXTE DROITE */
.catItemText {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
}

/* TITRE */
.catItemTitle {
    margin: 0;
    font-size: 12px;
  /*  line-height: 14px;*/
}

.catItemTitle a {
    color: #000;
    text-decoration: none;
}

.catItemTitle a:hover {
    text-decoration: underline;
}

/* AUTEUR — SOUS L’IMAGE (GAUCHE) */
.catItemAuthor {
    grid-column: 1;
    grid-row: 2;
    font-size: 12px;
    margin-top: 6px;
    color: #000;

    /* 🔒 Figer la hauteur */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px; /* même largeur que l’image */
}

/* READ MORE — BAS DROITE, FOND LIMITÉ */
.catItemReadMore {
    position: absolute;
    bottom: 5px;  /* distance depuis le bas de la vignette */
    right: 10px;  /* distance depuis le bord droit */
    margin: 0;    /* annuler tout margin existant */
    align-self: unset; /* désactive l'alignement flex */
}

.catItemReadMore a {
    display: inline-block;
    background-color: #e5dea9;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none;
    color: #007bff;
}

.catItemReadMore a:hover {
    color: #0056b3;
}


/* Read more — glow pulsant */
.catItemReadMore a {
    position: relative;
    background-color: #e5dea9;
    color: #007bff;
    border-radius: 6px;
    padding: 8px 16px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* Glow pulsant au survol */
.catItemReadMore a:hover {
    color: #004a99;
    background-color: #dcd29a;
    animation: glowPulse 1.2s infinite alternate;
}

/* Animation glow */
@keyframes glowPulse {
    0% {
        box-shadow: 0 0 6px 2px rgba(184,175,98,0.4);
    }
    50% {
        box-shadow: 0 0 10px 4px rgba(184,175,98,0.6);
    }
    100% {
        box-shadow: 0 0 6px 2px rgba(184,175,98,0.4);
    }
}





/* Permet aux enfants de catItemText de participer à la grille */
.catItemText {
    display: contents;
}

/* Titre à droite de l’image */
.catItemTitle {
    grid-column: 2;
    grid-row: 1;
}

/* Auteur sous l’image, à gauche */
/* AUTEUR — SOUS L’IMAGE (GAUCHE) */
.catItemAuthor {
    grid-column: 1;
    grid-row: 2;
    font-size: 13px;
    margin-top: 6px;
    color: #000;

    /* Afficher tout le nom sur une seule ligne */
    white-space: nowrap;      /* reste sur une seule ligne */
    overflow: visible;        /* ne tronque pas */
    text-overflow: clip;      /* pas de ... */
    max-width: none;          /* supprime la limite de largeur */
}



/* ===========================
   DIVERS
=========================== */

.view-article .com-content-article > figure.item-image:first-of-type {
    display: none;
}

.clr { clear: both; }

/* ===========================
   SIDEBAR / MODULES (INCHANGÉ)
=========================== */

.card-header { font-size: 1.30rem; }

body .sidebar-left.card {
  background: rgba(249,243,237,0.95) !important;
  backdrop-filter: blur(6px);
  border-radius: 10px !important;
  border: 1px solid rgba(184,175,98,0.3);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  margin-bottom: 25px !important;
}