/* 4.4. Pagination */ .pagination-container{position:sticky;top:calc(var(--header-height) + var(--mobile-menu-extra));left:0;right:0;display:flex;justify-content:center;align-items:center;background:var(--color-background);z-index:var(--z-index-pagination);opacity:1;transition:opacity 0.6s ease;padding:10px 20px}.pagination-container::before{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,var(--color-accent),transparent);opacity:0.6;pointer-events:none}.pagination-container::after{content:'';position:absolute;top:100%;left:0;right:0;height:50px;pointer-events:none;background:linear-gradient(to bottom,var(--color-background) 0%,var(--color-background) 2px,transparent 100%)}.pagination-inner{display:flex;justify-content:space-between;width:100%;max-width:var(--max-width);padding:15px 20px 10px;margin:0 auto}.pagination-btn{min-width:0;max-width:15rem;white-space:nowrap;margin:0;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.pagination-btn span{position:absolute}.pagination-btn i{z-index:1;display:inline-block}.pagination-btn[disabled],.pagination-inner button[disabled],.pagination-inner a[disabled]{opacity:0.5;cursor:not-allowed}.pagination-btn[disabled]:hover,.pagination-inner button[disabled]:hover,.pagination-inner a[disabled]:hover{transform:none;background-color:transparent}.pagination-btn[disabled]::before,.pagination-inner button[disabled]::before,.pagination-inner a[disabled]::before{opacity:0.08 !important}/* Spécifiques à la page Articles (liste) */ [data-page="articles"] .posts-wrapper{padding-top:var(--pagination-bar-height);flex:1;width:100%;max-width:var(--max-width);margin:0 auto;opacity:0;transition:opacity 0.3s ease-out}[data-page="articles"] .pagination-container{/* Pagination pour la liste d'articles */ position:fixed;top:var(--header-height);left:0;right:0;z-index:calc(var(--z-index-header) - 1);/* Juste en dessous du header */ padding:0px 0px}[data-page="articles"] .pagination-container::after{transition:opacity 0.15s ease}[data-page="articles"] .pagination-container.no-fade::after{opacity:0}#pagination-fade-overlay{position:fixed;top:calc(var(--header-height) + var(--pagination-bar-height) + var(--mobile-menu-extra));left:0;right:0;height:50px;pointer-events:none;background:linear-gradient(to bottom,var(--color-background) 0%,var(--color-background) 2px,transparent 100%);z-index:5}