/*
 * Accueil avec silos (modèle template-accueil-silos.php, essai d'octobre 2026).
 * Jetons du thème : --casa-red (magenta), --casa-red-dark, --casa-blue (violet), --casa-green (violet clair),
 * --casa-yellow (magenta soutenu), --casa-chartreuse, --casa-ink, --casa-muted, --casa-line, --casa-soft.
 */

/* Menu par silos (ordinateur) */
.cs-long { display: none; }
.casamaaf62-menu-silos .casamaaf62-nav ul { gap: 14px; }
.casamaaf62-menu-silos .casamaaf62-nav a { font-size: 15px; white-space: nowrap; }
.casamaaf62-menu-silos .casamaaf62-nav li { position: static; }
.cs-menu-paie { display: flex; align-items: center; gap: 2px; }
.cs-menu-ouvrir { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 6px; background: none; color: inherit; cursor: pointer; }
.cs-menu-ouvrir:hover, .cs-menu-ouvrir[aria-expanded="true"] { background: var(--casa-soft); color: var(--casa-red-dark); }
.cs-menu-ouvrir .cs-ico-svg { width: 14px; height: 14px; transition: transform 160ms ease; }
.cs-menu-ouvrir[aria-expanded="true"] .cs-ico-svg { transform: rotate(180deg); }
.cs-panneau { display: none; position: absolute; left: 0; right: 0; top: 100%; border-bottom: 1px solid var(--casa-line); background: #fff; box-shadow: var(--casa-shadow); }
.cs-menu-paie.is-ouvert .cs-panneau { display: block; }
.cs-panneau-grille { display: grid; grid-template-columns: 1.15fr 1fr 1fr 1fr; gap: 28px; padding-top: 24px; padding-bottom: 26px; }
.cs-panneau a { display: block; padding: 6px 0; border: 0; font-size: 15px; font-weight: 400; color: var(--casa-ink); }
.cs-panneau a:hover { color: var(--casa-yellow); }
.cs-panneau-titre { margin: 0 0 6px; font-family: "Fraunces", Georgia, serif; font-size: 22px; font-weight: 700; color: var(--casa-blue); }
.cs-panneau-chapeau p:not(.cs-panneau-titre) { margin: 0 0 10px; color: var(--casa-muted); font-size: 14.5px; }
.cs-panneau-chapeau a { font-weight: 700; color: var(--casa-yellow); }
.cs-panneau-rubrique { margin: 4px 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--casa-muted); }
.cs-panneau-bientot { display: block; padding: 6px 0; font-size: 15px; color: var(--casa-muted); }
.cs-panneau-bientot em { margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: var(--casa-soft); color: var(--casa-yellow); font-size: 11px; font-style: normal; font-weight: 700; }

/* Trois blocs d'entrée */
.cs-actions { padding: 28px 0 30px; }
.cs-actions-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.cs-action { display: flex; align-items: flex-start; gap: 16px; padding: 22px; border-radius: var(--casa-radius); text-decoration: none; transition: transform 160ms ease; }
a.cs-action:hover { transform: translateY(-2px); }
.cs-ico { flex: 0 0 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 14px; }
.cs-ico .cs-ico-svg { width: 24px; height: 24px; }
.cs-action h2 { margin: 0 0 4px; font-family: "Fraunces", Georgia, serif; font-size: 21px; font-weight: 700; line-height: 1.2; letter-spacing: 0; }
.cs-action p { margin: 0; font-size: 15px; }
.cs-lien { display: block; margin-top: 8px; font-size: 14.5px; font-weight: 700; text-decoration: none; }
.cs-action--paie { background: var(--casa-blue); color: #fff; }
.cs-action--paie h2 { color: #fff; }
.cs-action--paie p { color: #E9D9EC; }
.cs-action--paie .cs-ico { background: rgba(255, 255, 255, .12); color: var(--casa-chartreuse); }
.cs-action--paie .cs-lien { color: var(--casa-chartreuse); }
.cs-action--paie .cs-lien:hover { text-decoration: underline; }
.cs-action--paie .cs-lien--second { margin-top: 4px; color: #fff; font-size: 13.5px; font-weight: 600; }
.cs-bientot { display: inline-block; margin-bottom: 8px; padding: 3px 10px; border-radius: 999px; background: var(--casa-chartreuse); color: var(--casa-blue); font-size: 11.5px; font-weight: 700; }
.cs-action--urgence { border: 1px solid #F3C6DD; background: var(--casa-soft); color: var(--casa-ink); }
.cs-action--urgence h2 { color: var(--casa-ink); }
.cs-action--urgence p { color: var(--casa-muted); }
.cs-action--urgence .cs-ico { background: var(--casa-red); color: #fff; }
.cs-action--urgence .cs-lien { color: var(--casa-yellow); }
.cs-action--droits { border: 1px solid var(--casa-line); background: #fff; color: var(--casa-ink); }
.cs-action--droits h2 { color: var(--casa-ink); }
.cs-action--droits p { color: var(--casa-muted); }
.cs-action--droits .cs-ico { background: var(--casa-soft); color: var(--casa-green); }
.cs-action--droits .cs-lien { color: var(--casa-green); }
.casamaaf62-accueil-silos { scroll-behavior: smooth; }

/* Les cinq dossiers */
.cs-section { padding: 40px 0; }
#dossiers { scroll-margin-top: 90px; }
.cs-titre-section { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.cs-titre-section .casamaaf62-title { margin: 0; }
.cs-titre-section p { margin: 0; color: var(--casa-muted); font-size: 15px; }
.cs-silos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.cs-silo { display: flex; flex-direction: column; padding: 16px 16px 14px; border: 1px solid var(--casa-line); border-radius: var(--casa-radius); background: #fff; transition: border-color 160ms ease, box-shadow 160ms ease; }
.cs-silo:hover { border-color: #DCC6D8; box-shadow: var(--casa-shadow); }
.cs-silo-tete { display: block; color: inherit; text-decoration: none; }
.cs-pastille { width: 38px; height: 38px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; border-radius: 11px; background: var(--casa-soft); color: var(--casa-green); }
.cs-pastille .cs-ico-svg { width: 20px; height: 20px; }
.cs-silo-titre { display: block; margin-bottom: 2px; font-family: "Fraunces", Georgia, serif; font-size: 18px; font-weight: 700; color: var(--casa-blue); line-height: 1.2; }
.cs-question { display: block; min-height: 40px; margin-bottom: 10px; color: var(--casa-muted); font-size: 13.5px; }
.cs-silo ul { margin: 0 0 10px; padding: 0; list-style: none; font-size: 13.5px; }
.cs-silo li { margin: 0; padding: 5px 0; border-top: 1px solid var(--casa-line); }
.cs-silo li a { color: var(--casa-ink); text-decoration: none; }
.cs-silo li a:hover { color: var(--casa-yellow); }
.cs-tout { margin-top: auto; color: var(--casa-yellow); font-size: 13.5px; font-weight: 700; text-decoration: none; }
.cs-silo--combat { border-color: var(--casa-blue); background: var(--casa-blue); }
.cs-silo--combat .cs-silo-titre, .cs-silo--combat li a { color: #fff; }
.cs-silo--combat .cs-question { color: #E9D9EC; }
.cs-silo--combat li { border-top-color: rgba(255, 255, 255, .18); }
.cs-silo--combat .cs-pastille { background: rgba(255, 255, 255, .12); color: var(--casa-chartreuse); }
.cs-silo--combat .cs-tout { color: var(--casa-chartreuse); }

/* Outils */
.cs-outils { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 18px; padding: 16px 18px; border-radius: var(--casa-radius); background: var(--casa-soft); }
.cs-outils strong { margin-right: 6px; font-family: "Fraunces", Georgia, serif; font-size: 17px; color: var(--casa-blue); }
.cs-outils a { display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border: 1px solid var(--casa-line); border-radius: 999px; background: #fff; color: var(--casa-ink); font-size: 14px; font-weight: 600; text-decoration: none; }
.cs-outils a:hover { border-color: var(--casa-red); color: var(--casa-yellow); }
.cs-outils .cs-ico-svg { width: 16px; height: 16px; color: var(--casa-green); }
.cs-tag { padding: 2px 8px; border-radius: 999px; background: var(--casa-soft); color: var(--casa-yellow); font-size: 11px; font-weight: 700; }
.cs-stat-note { display: block; margin-top: 2px; color: var(--casa-muted); font-size: 12.5px; }

/* Tablette */
@media (max-width: 1080px) {
    .cs-silos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cs-actions-grille { grid-template-columns: 1fr; }
    .casamaaf62-menu-silos .casamaaf62-nav ul { gap: 12px; }
    .casamaaf62-menu-silos .casamaaf62-nav a { font-size: 14px; }
}

/* Téléphone (même seuil que le thème) */
@media (max-width: 760px) {
    .cs-menu-ouvrir, .cs-panneau { display: none !important; }
    .cs-court { display: none; }
    .cs-long { display: inline; }
    .cs-menu-paie { display: block; }
    .cs-actions { padding: 16px 0 20px; }
    .cs-actions-grille { gap: 10px; }
    .cs-action { padding: 16px; gap: 14px; }
    .cs-ico { flex-basis: 42px; height: 42px; }
    .cs-action h2 { font-size: 19px; }
    .cs-action p { display: none; }
    .cs-lien { margin-top: 4px; }
    .cs-section { padding: 26px 0; }
    .cs-titre-section { display: block; }
    .cs-titre-section p { margin-top: 2px; font-size: 14px; }
    .cs-silos { grid-template-columns: 1fr; gap: 8px; }
    .cs-silo { position: relative; padding: 12px 14px; }
    .cs-silo-tete { display: flex; align-items: center; gap: 12px; padding-right: 22px; }
    .cs-pastille { flex: 0 0 34px; width: 34px; height: 34px; margin: 0; }
    .cs-question { min-height: 0; margin: 0; font-size: 13px; }
    .cs-silo ul, .cs-tout { display: none; }
    .cs-silo-tete::after { content: "›"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 26px; line-height: 1; color: var(--casa-yellow); }
    .cs-silo--combat .cs-silo-tete::after { color: var(--casa-chartreuse); }
    .cs-outils { padding: 14px; gap: 8px; }
    .cs-outils strong { width: 100%; }
    .cs-outils a { padding: 7px 12px; font-size: 13.5px; }
}

/* Silo de chaque actualité */
.cs-actu-silo { display: inline-block; margin-left: 8px; color: var(--casa-yellow); font-size: 12px; font-weight: 700; }

/* Le nom du syndicat reste sur une ligne quand le menu est large (19/10/2026). */
.casamaaf62-brand-copy--full > span, .casamaaf62-brand-copy--full > small { white-space: nowrap; }