/* ==========================================================================
   Actu de la squad (/actu) + ticker de l'accueil · DA « Client LoL »
   Une façon dpm.lol « Actus récentes » : gros splash, titre or, tag menthe, « il y a 2 h ».
   ========================================================================== */

.ac { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ac * { min-width: 0; }
.ac-head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; padding-bottom: 12px; border-bottom: 1px solid var(--gold-2); }
.ac-h1 { font: 700 clamp(24px, 4vw, 34px)/1 var(--f-client); letter-spacing: .06em; text-transform: uppercase; color: var(--gold); }
.ac-sub { font-size: 11.5px; color: var(--muted); }

.ac-kinds { display: flex; gap: 6px; flex-wrap: wrap; }
.ac-kinds a {
    padding: 7px 12px; border: 1px solid var(--line-2); border-radius: 2px; font-size: 12.5px; font-weight: 600; color: var(--text-2);
    transition: border-color .15s, color .15s;
}
.ac-kinds a:hover { border-color: var(--gold-2); color: var(--text); }
.ac-kinds a.is-active { border-color: var(--gold); color: var(--gold); background: var(--panel); }

.ac-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.ac-main { display: flex; flex-direction: column; gap: 14px; }

.ac-tag { display: inline-block; font: 700 10.5px/1 var(--f-body); letter-spacing: 0; text-transform: none; color: var(--mint); }
.ac-meta { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: var(--muted); }
.ac-meta .avatar { width: 20px; height: 20px; font-size: 9px; }

/* La Une */
.ac-une {
    position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: 8px;
    min-height: clamp(260px, 38vw, 400px); padding: 22px; border: 1px solid var(--gold); border-radius: 4px;
    box-shadow: 0 0 0 3px var(--bg), 0 0 0 4px var(--gold-2); transition: transform .2s;
}
.ac-une::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--art) center 22% / cover no-repeat; transition: transform .6s var(--ease); }
.ac-une::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(1,10,19,.97) 12%, rgba(1,10,19,.45) 55%, rgba(1,10,19,.1)); }
.ac-une:hover::before { transform: scale(1.04); }
.ac-une-title { font: 800 clamp(22px, 3.6vw, 36px)/1.08 var(--f-client); letter-spacing: .03em; color: var(--gold-3, #f0e6d2); max-width: 26ch; }
.ac-une-body { color: var(--text-2); font-size: 14px; }
.ac-une.k-penta .ac-tag, .ac-une.k-promo .ac-tag { color: var(--mint); }
.ac-une.k-tilt .ac-tag, .ac-une.k-demote .ac-tag { color: var(--loss); }

/* Liste */
.ac-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ac-list a {
    display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 14px; align-items: center; padding: 8px;
    background: var(--panel); border: 1px solid var(--line-2); border-radius: 4px; transition: border-color .15s, background .15s, transform .15s;
}
.ac-list a:hover { border-color: var(--gold-2); background: var(--panel-2); transform: translateX(2px); }
.ac-thumb { display: block; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--gold-2); border-radius: 2px; background: var(--bg); }
.ac-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center 22%; transition: transform .4s var(--ease); }
.ac-list a:hover .ac-thumb img { transform: scale(1.06); }
.ac-txt { display: flex; flex-direction: column; gap: 4px; }
.ac-txt b { font-size: 16px; font-weight: 800; line-height: 1.25; color: var(--text); }
.ac-txt small { font-size: 12.5px; color: var(--text-2); }
.ac-list .k-tilt .ac-tag, .ac-list .k-demote .ac-tag { color: var(--loss); }
.ac-list .k-penta .ac-tag, .ac-list .k-quadra .ac-tag, .ac-list .k-record .ac-tag { color: var(--gold); }

.ac-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 40px 16px; border: 1px dashed var(--gold-2); border-radius: 4px; text-align: center; color: var(--text-2); }
.ac-empty b { font: 700 16px/1 var(--f-client); letter-spacing: .06em; text-transform: uppercase; color: var(--gold); }
.ac-pages { display: flex; gap: 10px; justify-content: center; }
.ac-none { font-size: 12.5px; color: var(--muted); }

/* Colonne : patch + lien Lollabo */
.ac-side { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 16px; }
.ac-patch { display: flex; flex-direction: column; gap: 8px; padding: 16px; background: var(--panel); border: 1px solid var(--gold-2); border-radius: 4px; }
.ac-patch-v { font: 800 34px/1 var(--f-client); letter-spacing: .04em; color: var(--gold-3, #f0e6d2); }
.ac-patch-dd { font-size: 11px; color: var(--muted); }
.ac-patch .lb-btn { align-self: flex-start; }
.ac-patch h3 { margin-top: 8px; font: 700 12px/1 var(--f-client); letter-spacing: 0; text-transform: none; color: var(--gold); }
.ac-skins { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.ac-skins a { display: flex; flex-direction: column; gap: 3px; font-size: 10px; color: var(--text-2); }
.ac-skins img { width: 100%; aspect-ratio: 308 / 560; object-fit: cover; border: 1px solid var(--gold-2); border-radius: 2px; transition: border-color .15s, transform .15s; }
.ac-skins a:hover img { border-color: var(--gold); transform: translateY(-2px); }
.ac-skins span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ac-lab {
    position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; gap: 8px; justify-content: flex-end;
    min-height: 130px; padding: 14px; border: 1px solid var(--gold-2); border-radius: 4px; transition: border-color .15s;
}
.ac-lab::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--art) center 20% / cover; }
.ac-lab::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(1,10,19,.95) 20%, rgba(1,10,19,.3)); }
.ac-lab:hover { border-color: var(--gold); }
.ac-lab img { width: 110px; height: auto; }
.ac-lab span { font-size: 12.5px; color: var(--text-2); }

/* ---------- Ticker (partial views/actu/_ticker.php) ---------- */
.ac-ticker { padding: 12px; background: var(--panel); border: 1px solid var(--gold-2, #785a28); border-radius: 4px; min-width: 0; }
.ac-ticker header a { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 8px; }
.ac-ticker header b { font: 700 14px/1 var(--f-client, serif); letter-spacing: .08em; text-transform: uppercase; color: var(--gold, #c8aa6e); }
.ac-ticker header span { font-size: 12px; color: var(--muted); }
.ac-ticker header a:hover span { color: var(--text); }
.ac-ticker ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ac-ticker li a { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 3px; border-radius: 3px; transition: background .12s; }
.ac-ticker li a:hover { background: var(--panel-2); }
.ac-ticker img { width: 64px; height: 38px; object-fit: cover; object-position: center 22%; border: 1px solid var(--gold-2, #785a28); border-radius: 2px; }
.ac-ticker li b { font-size: 13px; font-weight: 700; line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ac-ticker time { font-size: 10.5px; color: var(--muted); white-space: nowrap; }

@media (max-width: 1000px) {
    .ac-layout { grid-template-columns: minmax(0, 1fr); }
    .ac-side { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .ac-une { padding: 14px; min-height: 240px; }
    .ac-list a { grid-template-columns: 112px minmax(0, 1fr); gap: 10px; padding: 6px; }
    .ac-txt b { font-size: 14px; }
    .ac-txt small { display: none; }
    .ac-side { grid-template-columns: minmax(0, 1fr); }
    .ac-kinds { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
    .ac-kinds a { flex: none; }
}

/* DA v7 « Blitz × Meeko » — couche finale */
.ac-h1, .ac-une-title, .ac-patch-v, .ac-patch h3, .ac-empty b, .ac-ticker header b { font-family: var(--f-display); text-transform: none; letter-spacing: -.02em; color: var(--text); }
.ac-head { border-bottom-color: var(--line); }
.ac-tag { color: var(--cat-news, #3b82f6); }
.ac-une, .ac-list a, .ac-patch, .ac-lab, .ac-ticker, .ac-empty { border-radius: 16px; border-color: var(--line); box-shadow: none; }
.ac-une { background: radial-gradient(ellipse at 20% 120%, rgba(255, 91, 58, .25), transparent 55%); }
.ac-thumb, .ac-skins img, .ac-ticker img { border-radius: 10px; border-color: var(--line-2); }
.ac-kinds a { border-radius: 10px; }
.ac-kinds a.is-active { border-color: var(--accent); color: var(--text); }
.ac-list a:hover { border-color: var(--line-2); }
.ac-list .k-tilt .ac-tag, .ac-list .k-demote .ac-tag, .ac-une.k-tilt .ac-tag { color: var(--loss); }
.ac-list .k-penta .ac-tag, .ac-list .k-quadra .ac-tag, .ac-list .k-record .ac-tag, .ac-une.k-penta .ac-tag, .ac-une.k-promo .ac-tag { color: var(--gold); }

/* Feed / Fiasco en rouge, Carry en or */
.ac-list .k-feed .ac-tag, .ac-list .k-fiasco .ac-tag, .ac-une.k-feed .ac-tag, .ac-une.k-fiasco .ac-tag { color: var(--loss); }
.ac-list .k-carry .ac-tag, .ac-une.k-carry .ac-tag { color: var(--gold); }