/*
 * Accueil, quatre accès sous le grand visuel (Identité, Agenda, Bourse, Publications), design épuré du 20/10/2026 :
 * cartes blanches à filet fin comme « À la une » (accueil-une.css : couleurs, .acc-surtitre, .acc-lien-fleche),
 * texte aligné à gauche, lien fléché en pied de carte ; la carte Identité montre le visuel du BO en haut, sa légende
 * en dessous sur le même bleu nuit (#00212e : fond des visuels Shop Park tel que le navigateur l'affiche, avec le profil
 * de couleur du fichier).
 */
.acc-acces-section{padding:56px 0 0}
/* Autant de colonnes que de cartes affichées (--cartes, posé par index.html.twig selon les réglages du BO) */
.acc-acces{display:grid;grid-template-columns:repeat(var(--cartes,4),minmax(0,1fr));gap:20px}

.accueil .acc-acces-carte{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:270px;padding:26px 24px 24px;background:#fff;border:1px solid var(--acc-filet);border-radius:6px;overflow:hidden;color:var(--acc-encre);transition:box-shadow .25s,transform .25s,border-color .25s}
.accueil .acc-acces-carte:hover{box-shadow:0 18px 44px rgba(0,0,0,.09);transform:translateY(-3px);border-color:#e1dad8}
.accueil .acc-acces-carte:focus-visible{outline:2px solid var(--acc-rouge);outline-offset:3px}
.acc-acces-carte .acc-surtitre{margin-bottom:6px}
.acc-acces-carte .acc-lien-fleche{margin-top:auto;padding-top:10px}
.acc-acces-carte:hover .acc-lien-fleche{color:var(--acc-rouge);gap:12px}

.acc-acces-titre{font-size:19px;line-height:1.3;font-weight:600;color:var(--acc-encre)}
.acc-acces-date{font-size:13px;font-weight:600;color:var(--acc-gris)}
.acc-acces-texte{font-size:14px;line-height:1.5;color:var(--acc-gris)}
.acc-acces-meta{font-size:13px;line-height:1.5;color:var(--acc-gris-doux)}
.acc-acces-pastille{padding:4px 12px;border-radius:14px;background:var(--acc-rouge);color:#fff;font-size:12px;font-weight:600}

/* Bourse : cours en grand, variation en pastille (verte en hausse, rouge en baisse) */
.acc-acces-cours{font-size:38px;line-height:1.1;font-weight:500;letter-spacing:-.02em;color:var(--acc-encre)}
.acc-acces-variation{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.acc-acces .acc-var{background:var(--acc-fond);color:var(--acc-gris)}
.acc-acces .acc-var.acc-hausse{background:#e9f6ee;color:#1d7a45}
.acc-acces .acc-var.acc-baisse{background:#fdecee;color:var(--acc-rouge)}

/* Identité : le visuel du BO en haut (sans retouche, recadré à l'affichage autour du logo), légende blanche dessous */
.accueil .acc-acces-identite{gap:0;padding:0;border-color:transparent;background:#00212e;color:#fff}
.acc-acces-visuel{display:block;width:100%;height:160px;overflow:hidden}
.acc-acces-visuel img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%;transition:transform .6s ease}
.acc-acces-identite:hover .acc-acces-visuel img{transform:scale(1.04)}
.acc-acces-legende{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:4px 24px 24px}
.acc-acces-identite .acc-surtitre{color:#fff;opacity:.85}
.acc-acces-identite .acc-acces-titre,.acc-acces-identite .acc-acces-texte{color:#fff}
.acc-acces-identite .acc-lien-fleche{margin-top:auto;padding-top:10px;color:#fff}
.acc-acces-identite:hover .acc-lien-fleche{color:#fff}

@media only screen and (max-width: 1024px){
	.acc-acces{grid-template-columns:repeat(2,minmax(0,1fr))}
	.acc-acces-visuel{height:200px}
}
@media only screen and (max-width: 640px){
	.acc-acces-section{padding-top:40px}
	.acc-acces{grid-template-columns:minmax(0,1fr);gap:14px}
	.accueil .acc-acces-carte{min-height:0}
	.acc-acces-visuel{height:auto;aspect-ratio:640/350}
	.acc-acces-visuel img{object-position:center}
}
@media (prefers-reduced-motion: reduce){
	.accueil .acc-acces-carte,.acc-acces-visuel img{transition:none}
}