/* Akaguriro — barre latérale blog (articles récents, catégories, recherche) */
.akg-side__h{font-weight:700;font-size:15px;line-height:1.2;color:var(--akaguriro-blue,#071689);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--akaguriro-orange,#ff8400);text-transform:uppercase;letter-spacing:.3px}
.akg-ra,.akg-cat,.akg-search{margin:0 0 28px}

/* Articles récents */
.akg-ra__list{display:flex;flex-direction:column;gap:12px}
.akg-ra__item{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}
.akg-ra__img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:0 0 auto;background:#eef1f6}
.akg-ra__img--ph{display:inline-block}
.akg-ra__meta{display:flex;flex-direction:column;min-width:0}
.akg-ra__title{font-weight:600;font-size:13.5px;line-height:1.25;color:#1a2330;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.akg-ra__item:hover .akg-ra__title{color:var(--akaguriro-blue,#071689)}
.akg-ra__date{font-size:11.5px;color:#8a93a3;margin-top:3px}

/* Catégories */
.akg-cat__list{display:flex;flex-direction:column}
.akg-cat__item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid #eef1f6;text-decoration:none;color:#34404f;font-size:13.5px}
.akg-cat__item:last-child{border-bottom:0}
.akg-cat__item:hover .akg-cat__name{color:var(--akaguriro-orange,#ff8400)}
.akg-cat__count{flex:0 0 auto;font-size:11.5px;font-weight:600;color:#fff;background:var(--akaguriro-blue,#071689);border-radius:20px;padding:1px 9px;min-width:22px;text-align:center}

/* Recherche */
.akg-search__form{display:flex;gap:6px}
.akg-search__input{flex:1 1 auto;min-width:0;border:1px solid #d8dee8;border-radius:8px;padding:9px 11px;font-size:13.5px;outline:none}
.akg-search__input:focus{border-color:var(--akaguriro-blue,#071689)}
.akg-search__btn{flex:0 0 auto;border:0;border-radius:8px;background:var(--akaguriro-orange,#ff8400);color:#fff;font-weight:600;font-size:13px;padding:0 14px;cursor:pointer}
.akg-search__btn:hover{filter:brightness(.95)}

/* ============================================================
   Pages mono-colonne rendues par une Vue (ex: /blog-list), où
   #header/#content/#sidebar/#footer sont tous en col-md-12.
   Quand une barre y est posee (#sidebar.col-md-12), on repasse
   contenu + barre en 2 colonnes. Garde-fou : la signature
   col-md-12 du sidebar — les ARTICLES sont en col-md-3, donc
   ces regles ne les touchent jamais.
   ============================================================ */
#content:has(~ #sidebar.col-md-12){width:66.6667% !important;float:left !important;padding-right:24px !important}
#sidebar.col-md-12{width:33.3333% !important;float:left !important}
#sidebar.col-md-12 ~ #footer{clear:both !important}