/* Sorties Culture — Ateliers proposés par les animateurs (26/10/2026) : bloc de la rubrique, formulaire, fiche, vérification. */
.at-go{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;background:#19366F;border:1px solid #19366F;
  color:#fff;font-weight:700;font-size:calc(.92rem + 1px);text-decoration:none;cursor:pointer;white-space:nowrap}
.at-go span[aria-hidden]{font-size:1.25em;line-height:1}
.at-go:hover{background:#13285C}
.at-go:focus-visible,.at-c__a:focus-visible,.at-lnk:focus-visible{outline:3px solid #19366F;outline-offset:2px}
.at-go--b{background:#fff;color:#13285C;border-color:#C9D6E8}
.at-go--b:hover{background:#F4F8FD}
.at-go--l{min-height:48px;padding:0 26px;font-size:calc(1rem + 1px)}
.at-go .i{width:17px;height:17px}

/* bloc en tête de la rubrique Ateliers */
.at-b{margin:12px 0 14px;padding:12px 14px 14px;border:1px solid #C9D4E3;border-radius:16px;background:linear-gradient(180deg,#F2F7EC 0%,#F8FBF5 100%);box-shadow:0 2px 10px rgba(30,50,90,.06)}
.at-b__hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.at-b__t{display:flex;align-items:center;gap:8px;margin:0;font:800 calc(1.05rem + 1px)/1.2 var(--f-titre);color:var(--k-navy,#13285C)}
.at-b__t .pc{width:26px;height:26px;color:#3F7A2E}
.at-b__vide{margin:0;color:#44536F;font-size:calc(.9rem + 1px)}
.at-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:8px}
.at-c{min-width:0}
.at-c__a{display:flex;align-items:center;gap:11px;height:100%;padding:7px 10px 7px 7px;border:1px solid #E1E7F0;border-radius:12px;background:#fff;color:inherit;text-decoration:none}
.at-c__a:hover{border-color:#C3D0E3;box-shadow:0 3px 12px rgba(19,40,92,.08)}
.at-c__i{flex:none;width:92px;height:72px;border-radius:9px;object-fit:cover;background:#EEF4E8}
.at-c__i--p{display:grid;place-items:center}
.at-c__i--p .pc{width:34px;height:34px;color:#3F7A2E}
.at-c__c{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.at-c__ty{font-size:calc(.74rem + 1px);font-weight:800;color:#2F6421;text-transform:uppercase;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-c__t{font:800 calc(.95rem + 1px)/1.25 var(--f-titre);color:var(--k-navy,#13285C);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.at-c__l{display:flex;align-items:center;gap:5px;font-size:calc(.8rem + 1px);color:#44536F;min-width:0}
.at-c__l .i{width:14px;height:14px;flex:none;color:#6A7A96}
.at-c__l>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.at-c__go{flex:none;width:18px;height:18px;color:#6A7A96}
@media (max-width:760px){ .at-b{padding:10px 10px 12px;border-radius:14px} .at-b__hd .at-go{flex:1 1 100%} }

/* pages Ateliers (formulaire, fiche) */
.at{padding:10px 0 34px}
.at__in{max-width:760px}
.at-ret{margin:4px 0 6px}
.at-ret a{display:inline-flex;align-items:center;gap:4px;color:#13285C;font-weight:700;text-decoration:none}
.at-ret__i{transform:rotate(180deg);width:17px;height:17px}
.at-h1{margin:4px 0 8px;font:800 calc(1.45rem + 1px)/1.2 var(--f-titre);color:#13285C}
.at-h2{margin:20px 0 8px;font:800 calc(1.05rem + 1px)/1.25 var(--f-titre);color:#13285C}
.at-int{margin:0 0 14px;color:#44536F}
.at-req{color:#B3261E;font-weight:800}
.at-lnk{margin-left:12px;color:#13285C;font-weight:700}
.at-mut{color:#5C6B85}
.at-ok{padding:16px;border-radius:14px;background:#EAF7EF;border:1px solid #BFE3CB}
.at-ok p{margin:6px 0 10px}

.at-f{display:grid;gap:14px}
.at-f__g{margin:0;padding:12px 14px 14px;border:1px solid #E1E7F0;border-radius:14px;background:#FBFCFE;min-width:0}
.at-f__g legend{padding:0 6px;font:800 calc(1rem + 1px)/1.3 var(--f-titre);color:#13285C}
.at-f__c{display:flex;flex-direction:column;gap:4px;margin-top:10px;min-width:0}
.at-f__c label,.at-f__lab{font-weight:700;color:#13285C;font-size:calc(.92rem + 1px)}
.at-f__aide{font-weight:500;color:#5C6B85;font-size:calc(.82rem + 1px)}
.at-f__aide--b{display:block;margin:2px 0 0}
.at-f input[type=text],.at-f input[type=email],.at-f input[type=url],.at-f input[type=tel],.at-f input[type=date],.at-f textarea{width:100%;min-height:44px;padding:9px 12px;
  border:1px solid #C9D3E1;border-radius:10px;background:#fff;font:inherit;color:#1E3050}
.at-f textarea{min-height:120px;resize:vertical}
.at-f input:focus,.at-f textarea:focus{outline:3px solid #B9CCEB;border-color:#19366F}
.at-f [aria-invalid=true]{border-color:#B3261E;background:#FFF8F7}
.at-f input[type=file]{font:inherit;max-width:100%}
.at-f__2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.at-f__err{margin:2px 0 0;color:#9B241B;font-weight:700;font-size:calc(.86rem + 1px)}
.at-f__bilan{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#FDF1EF;border:1px solid #F1C6C0;color:#8E241B}
.at-f__bilan ul{margin:6px 0 0;padding-left:20px}
.at-f__bilan a{color:#8E241B}
.at-f__ac{margin:4px 0 0}
.at-f [hidden]{display:none}
.at-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.at-ch{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.at-ch__o{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.at-ch .at-ch__o{padding:8px 13px 8px 10px;border:1px solid #C9D3E1;border-radius:999px;background:#fff;font-weight:700;color:#13285C}
.at-ch .at-ch__o:has(input:checked){background:#EAF1FB;border-color:#19366F}
.at-ch__o input{width:18px;height:18px;margin:0;accent-color:#19366F;flex:none}
.at-ch__o--s{margin-top:8px;align-items:flex-start;font-size:calc(.9rem + 1px)}
.at-ch__o--s input{margin-top:3px}
@media (max-width:560px){ .at-f__2{grid-template-columns:1fr} .at-f__g{padding:10px 11px 12px} .at-h1{font-size:calc(1.25rem + 1px)} }

/* fiche */
.at-fi__i{display:block;width:100%;max-height:380px;object-fit:cover;border-radius:14px;margin:4px 0 10px;background:#EEF4E8}
.at-fi__ty{margin:0;font-size:calc(.8rem + 1px);font-weight:800;color:#2F6421;text-transform:uppercase;letter-spacing:.02em}
.at-fi__par{margin:0 0 10px;color:#44536F}
.at-fi__d{margin:0 0 12px;border:1px solid #E1E7F0;border-radius:14px;overflow:hidden}
.at-fi__d>div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:10px 12px;border-top:1px solid #EDF1F6}
.at-fi__d>div:first-child{border-top:0}
.at-fi__d dt{display:flex;align-items:center;gap:6px;color:#5C6B85;font-weight:700}
.at-fi__d dt .i{width:16px;height:16px}
.at-fi__d dd{margin:0;color:#13285C;font-weight:600}
.at-fi__txt{line-height:1.55}
.at-fi__ct{display:flex;flex-wrap:wrap;gap:8px}
.at-fi__note{margin-top:16px;font-size:calc(.84rem + 1px);color:#5C6B85}

/* menu : bouton « Ateliers » (style.css › .mn__rc) */
.mn__at .pc{color:#3F7A2E}

/* administration */
.ata-n{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.ata-n a{padding:6px 12px;border:1px solid #C9D3E1;border-radius:999px;text-decoration:none;color:#13285C}
.ata-n a.is-on{background:#19366F;color:#fff;border-color:#19366F}
.ata{margin:0 0 12px;padding:12px 14px;border:1px solid #E1E7F0;border-radius:12px;background:#fff}
.ata h2{margin:0 0 4px;font-size:calc(1.05rem + 1px)}
.ata p{margin:4px 0}
.ata__i{float:right;width:160px;height:110px;object-fit:cover;border-radius:8px;margin:0 0 8px 12px}
.ata__d{white-space:normal;color:#44536F}
.ata__ac{display:flex;flex-wrap:wrap;gap:8px;clear:both;margin-top:8px}
.ata-f{display:flex;gap:6px;align-items:center;margin:0}
.ata-f input{min-height:40px;padding:0 10px;border:1px solid #C9D3E1;border-radius:8px}

/* rubrique Ateliers : choix du type (Tous · Sculpture / poterie · Dessin / aquarelle · Couture · Jardinage · Photo · Yoga) */
.sc-em--at{margin:4px 0 8px}
.sc-em--at{gap:5px}
.sc-em--at .sc-em__c{gap:5px;height:34px;padding:0 10px}
.sc-em--at .sc-em__c.is-on{background:#2F6421;border-color:#2F6421;color:#fff}
.sc-em__n{font-size:calc(.74rem + 1px);font-weight:700;color:#5C6B85}
.sc-em--at .is-on .sc-em__n{color:#E3F0DB}
@media (max-width:760px){
  .sc-em--at{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:2px -12px 8px;padding:0 12px}
  .sc-em--at::-webkit-scrollbar{display:none}
  .sc-em--at .sc-em__c{flex:none}
}

/* lieux d'ateliers à l'année (lien vers leur site) */
.at-b__st{margin:14px 0 8px;font:800 calc(.95rem + 1px)/1.25 var(--f-titre);color:#24501A}
.at-b__st span{font-weight:600;color:#5C6B85}
.at-lx{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px}
.at-x{min-width:0}
.at-x__a{display:flex;flex-direction:column;gap:3px;height:100%;padding:9px 12px;border:1px solid #E1E7F0;border-radius:12px;background:#fff;color:inherit;text-decoration:none}
.at-x__a:hover{border-color:#C3D0E3;box-shadow:0 3px 12px rgba(19,40,92,.08)}
.at-x__a:focus-visible{outline:3px solid #19366F;outline-offset:2px}
.at-x__ty{font-size:calc(.72rem + 1px);font-weight:800;color:#2F6421;text-transform:uppercase;letter-spacing:.02em}
.at-x__t{display:flex;align-items:center;gap:6px;font:800 calc(.95rem + 1px)/1.25 var(--f-titre);color:#13285C}
.at-x__e{width:15px;height:15px;flex:none;color:#6A7A96}
.at-x__d{font-size:calc(.84rem + 1px);color:#44536F;line-height:1.35}
.at-b__src{margin:8px 0 0;font-size:calc(.78rem + 1px);color:#5C6B85}
.ata--off{opacity:.6}
.ata-add label{display:inline-flex;gap:6px;align-items:center;margin-right:10px}
.ata-add input:not([type=checkbox]){min-height:38px;padding:0 10px;border:1px solid #C9D3E1;border-radius:8px}
.ata-c{white-space:nowrap}
@media (max-width:760px){
  /* téléphone : lieux en bande que l'on fait défiler, pour garder la liste des ateliers près du haut */
  .at-lx{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -10px;padding:0 10px 2px}
  .at-lx::-webkit-scrollbar{display:none}
  .at-x{scroll-snap-align:start}
}

/* « Lieux d'ateliers à l'année » dans la liste : même présentation que les sorties (style.css › .sc-k) */
.at-ls{margin:14px 0 16px}
.at-ls__t{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0 0 8px;font:800 calc(1.05rem + 1px)/1.25 var(--f-titre);color:#13285C}
.at-ls__t .pc{width:24px;height:24px;color:#3F7A2E}
.at-ls__t small{font:600 calc(.84rem + 1px)/1.2 var(--f-txt);color:#5C6B85}
.at-ls__v{margin:0;padding:10px 12px;border:1px solid #E1E7F0;border-radius:12px;background:#F8FBF5}
.at-ls__l{margin:0}
.at-k__i{position:relative;background:#EEF4E8}
.at-k__i img{display:block;width:100%;height:100%;object-fit:cover}
.at-k__e{width:15px;height:15px;margin-left:5px;vertical-align:-1px;color:#6A7A96}
.at-k__src{display:inline-block;margin-left:4px;font-size:calc(.76rem + 1px);color:#6A7A96}
.at-ls__plus{margin:10px 0 0;text-align:center}
.at-k__sm{display:none}
@media (max-width:420px){ .at-k__lg{display:none} .at-k__sm{display:inline} }
