/* Mijn birthday.be: enkel wat de bestaande componenten (dg-*, mj-*) niet al doen */
.ac-open{padding-bottom:72px}
.ac-wrap{max-width:1120px}
.ac-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ac-form{max-width:560px}
.ac-form .mj-naam,.ac-edit .mj-naam{max-width:none}
.ac-form .dg-cta{margin-top:6px}
.ac-actie{margin:22px 0 0}
.ac-tabs{display:flex;gap:26px;margin:34px 0 22px;border-bottom:1.5px solid rgba(11,33,74,.14);overflow-x:auto}
.ac-tab{flex:none;padding:0 0 12px;margin:0 0 -1.5px;border:0;border-bottom:4px solid transparent;background:none;font:700 17px var(--font);color:#5D6785;cursor:pointer}
.ac-tab:hover{color:var(--navy)}
.ac-tab.is-actief{color:var(--navy);border-bottom-color:var(--yellow)}
.ac-ok{margin:0 0 16px;padding:10px 14px;border-radius:12px;background:#E6F6EC;color:#1F6B3A;font-weight:600;font-size:15px}
.ac-leeg{margin:8px 0 0;font-size:18px;color:#3A4766}
.ac-lijst{display:flex;flex-direction:column;gap:12px}
.ac-rij{padding:16px 20px;border:1.5px solid rgba(11,33,74,.14);border-radius:14px;background:#fff}
.ac-rij.is-nu{border-color:var(--coral);box-shadow:0 0 0 4px rgba(255,107,112,.16)}
.ac-rij-in{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ac-rij-t{display:flex;flex-direction:column;gap:2px;flex:1 1 200px;min-width:0}
.ac-rij-t b{font:800 19px var(--font-head);color:var(--navy)}
.ac-rij-t span{font-size:14px;color:#5D6785;overflow-wrap:anywhere}
.ac-nog{flex:none;padding:6px 12px;border-radius:999px;background:var(--cream);box-shadow:inset 0 0 0 1.5px rgba(11,33,74,.14);font:700 14px var(--font);color:var(--navy)}
.ac-nog.is-ja{background:#E6F6EC;box-shadow:none;color:#1F6B3A}
.ac-rij.is-nu .ac-nog{background:var(--coral);box-shadow:none}
.ac-rij-a{display:flex;align-items:center;gap:18px;flex:none}
.ac-rij-a .dg-ander{margin:0}
.ac-link{font:700 15px var(--font);color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.ac-link:hover{color:var(--coral)}
.ac-edit{margin:18px 0 0;padding-top:18px;border-top:1.5px dashed rgba(11,33,74,.16)}
.ac-edit .mj-naam{margin:0 0 12px}
.ac-edit .dg-kies-r{margin-bottom:6px}
.ac-edit .dg-kies-r .mj-naam{margin:0;flex:1 1 130px;min-width:0}
.ac-sel-d{width:110px}
.ac-knoppen{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.ac-form .ac-knoppen{margin-top:18px}
.ac-wis-p{margin:6px 0 0}
.ac-wis{font-size:14px;color:#9E2A2F}
.ac-nieuw{border-style:dashed}
.ac-plus{cursor:pointer}
.ac-kaarten{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.ac-kaart{padding:30px;border:1.5px solid rgba(11,33,74,.12);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(11,33,74,.06)}
.ac-id{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.ac-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:var(--yellow);color:var(--navy);font:800 30px var(--font-head);transform:rotate(-6deg)}
.ac-id-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ac-id-t b{font:800 24px var(--font-head);letter-spacing:-.02em;color:var(--navy);overflow-wrap:anywhere}
.ac-id-t span{font-size:15px;color:#5D6785;overflow-wrap:anywhere}
.ac-kaart .ac-form .mj-naam{max-width:none}
.ac-uit-r{margin-top:22px;padding-top:22px;border-top:1.5px dashed rgba(11,33,74,.16)}
.ac-gevaar-kaart{background:#FFF4F3;border-color:#F3CFCD;box-shadow:none}
.ac-h2{margin:0;font:800 22px var(--font-head);letter-spacing:-.02em;color:#7C2328}
.ac-wis-t{margin:10px 0 0;font-size:16px;line-height:1.55;color:#5A3A3C}
.ac-gevaar{box-shadow:inset 0 0 0 1.5px #C2373D;color:#9E2A2F;background:#fff}
@media (max-width:860px){.ac-kaarten{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .ac-open{padding-bottom:48px}
  .ac-tabs{gap:20px;margin-top:26px}
  .ac-rij{padding:14px 16px}
  .ac-sel-d{width:calc(50% - 6px)}
  .ac-edit .dg-kies-r .mj-naam{flex-basis:100%}
  .ac-knoppen .dg-cta,.ac-knoppen .mj-knop2{width:100%;justify-content:center}
}

.ac-vraag{margin:18px 0 10px}
.ac-mailhulp{margin:18px 0 0}
.ac-kaart .dg-kies-r .mj-naam{margin:0;flex:1 1 120px;min-width:0}

.ac-puls{animation:acPuls 1.8s ease-out infinite}
@keyframes acPuls{0%{box-shadow:0 0 0 0 rgba(255,107,112,.55)}70%,100%{box-shadow:0 0 0 18px rgba(255,107,112,0)}}
@media (prefers-reduced-motion:reduce){.ac-puls{animation:none}}
@media (max-width:860px){.ac-puls{width:100%;justify-content:center;min-height:68px;font-size:19px}}

/* Namen: voornaam en familienaam naast elkaar */
.ac-naamrij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 12px}
.ac-naamrij .mj-naam{margin:0;max-width:none;min-width:0}
.ac-form .ac-naamrij{margin-bottom:0}

/* Datum: dag, maand en jaar op één lijn, het label van het jaar blijft op één regel */
.ac-kaart .dg-kies-r,.ac-edit .dg-kies-r{display:grid;grid-template-columns:84px minmax(0,1fr) minmax(0,1.05fr);gap:12px;max-width:none}
.ac-kaart .dg-kies-r .dg-sel,.ac-edit .dg-kies-r .dg-sel{width:auto;min-width:0}
.ac-jaar{margin:0;min-width:0}
.ac-jaar span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Lijst: de knop bovenaan en een zijbalk met kaartjes naast de lijst */
.ac-lijst-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start}
.ac-lijst-kop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 4px}
.ac-aantal{font:700 15px var(--font);color:#5D6785}
.ac-lijst-kop .ac-plus{margin:0}
.ac-aside{position:sticky;top:96px;padding:26px 24px 28px;border-radius:22px;background:#FFF1C7;color:var(--navy)}
.ac-rek{position:relative;height:200px;margin:0 0 22px}
.ac-rek-k{position:absolute;bottom:0;width:118px;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 14px 26px -14px rgba(11,33,74,.55)}
.ac-rek-k img{display:block;width:100%;height:auto}
.ac-rek-1{left:2px;transform:rotate(-9deg)}
.ac-rek-2{left:50%;margin-left:-59px;bottom:10px;z-index:1}
.ac-rek-3{right:2px;transform:rotate(9deg)}
.ac-aside-t{margin:0;font:800 21px/1.2 var(--font-head);letter-spacing:-.02em}
.ac-aside-s{margin:10px 0 18px;font-size:15px;line-height:1.5;color:#3A4766}
.ac-aside-knop{display:inline-flex}
@media (max-width:980px){.ac-lijst-wrap{grid-template-columns:minmax(0,1fr)}.ac-aside{display:none}}
@media (max-width:520px){
  .ac-naamrij{grid-template-columns:minmax(0,1fr)}
  .ac-kaart .dg-kies-r,.ac-edit .dg-kies-r{grid-template-columns:84px minmax(0,1fr)}
  .ac-kaart .dg-kies-r .ac-jaar,.ac-edit .dg-kies-r .ac-jaar{grid-column:1/-1}
  .ac-lijst-kop .ac-plus{width:auto}
}
.ac-nieuw .ac-edit{margin:0;padding-top:0;border-top:0}