.krajspol-accordion {
--ka-blue: #193b96;
--ka-blue-hover: #2e69b3;
--ka-border: #d9e0ea;
--ka-surface: #fff;
--ka-surface-soft: #f5f7fb;
--ka-text: #24344d;
width: 100%;
color: var(--ka-text);
background: var(--ka-surface);
border: 1px solid var(--ka-border);
border-radius: 12px;
box-shadow: 0 8px 24px rgb(25 59 150 / 8%);
overflow: hidden;
}
.krajspol-accordion__title {
margin: 0 !important;
padding: 0 !important;
font-size: 1.15rem !important;
line-height: 1.3 !important;
background: var(--ka-blue);
}
.krajspol-accordion__title a {
display: block;
padding: 16px 18px;
color: #fff !important;
text-decoration: none !important;
}
.krajspol-accordion__title a:hover,
.krajspol-accordion__title a:focus-visible {
background: var(--ka-blue-hover);
}
.krajspol-accordion__items {
padding: 6px 0;
}
.krajspol-accordion__item {
margin: 0;
border-bottom: 1px solid var(--ka-border);
}
.krajspol-accordion__item:last-child {
border-bottom: 0;
}
.krajspol-accordion__summary {
display: flex;
align-items: center;
gap: 12px;
min-height: 48px;
padding: 10px 16px;
font-weight: 700;
cursor: pointer;
list-style: none;
transition: color 160ms ease, background-color 160ms ease;
}
.krajspol-accordion__summary::-webkit-details-marker {
display: none;
}
.krajspol-accordion__summary::before {
content: '';
flex: 0 0 8px;
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(-45deg);
transition: transform 160ms ease;
}
.krajspol-accordion__item[open] > .krajspol-accordion__summary::before {
transform: rotate(45deg) translate(-2px, -2px);
}
.krajspol-accordion__summary:hover,
.krajspol-accordion__summary:focus-visible,
.krajspol-accordion__item[open] > .krajspol-accordion__summary {
color: var(--ka-blue);
background: var(--ka-surface-soft);
outline: none;
}
.krajspol-accordion__summary > span:first-of-type {
flex: 1 1 auto;
}
.krajspol-accordion__count {
display: inline-grid;
place-items: center;
min-width: 28px;
height: 28px;
padding: 0 7px;
color: #fff;
background: var(--ka-blue);
border-radius: 999px;
font-size: .78rem;
line-height: 1;
}
.krajspol-accordion__links {
margin: 0 !important;
padding: 2px 16px 12px 44px !important;
list-style: none !important;
}
.krajspol-accordion__links li {
margin: 0 !important;
padding: 0 !important;
}
.krajspol-accordion__links a {
display: block;
padding: 7px 0;
color: #3569a8;
line-height: 1.35;
text-decoration: none;
}
.krajspol-accordion__links a:hover,
.krajspol-accordion__links a:focus-visible {
color: var(--ka-blue);
text-decoration: underline;
text-underline-offset: 3px;
}
.krajspol-accordion-notice {
padding: 12px 14px;
border-left: 4px solid #d63638;
background: #fff4f4;
}
@media (prefers-reduced-motion: reduce) {
.krajspol-accordion__summary,
.krajspol-accordion__summary::before {
transition: none;
}
}