/**
 * Accordion v3.4.1
 * Lightweight and accessible accordion module created in pure Javascript
 * https://github.com/michu2k/Accordion
 *
 * Copyright (c) Michał Strumpf
 * Published under MIT License
 */

.ac{
    --color-white:#fff;
    --color-light-grey:#eee;
    --color-grey:#8a8a8a;
    --color-black:#256992;
    margin-bottom:8px;
    border-bottom:1px solid var(--color-light-grey);
    background-color:var(--color-white);
    box-sizing:border-box
}
.ac .ac-header{
    margin:0;padding:0
}
.ac .ac-trigger{
    font:bold 16px Arial,sans-serif;
    color:var(--color-black);
    text-align:left;
    width:100%;
    padding:8px 32px 8px 8px;
    display:block;
    cursor:pointer;
    background-color:transparent;
    transition:color .25s ease;
    position:relative;
    text-decoration:none;
    margin:0;border:0
}
.ac .ac-trigger::after{
    content:"+";
    text-align:center;
    width:15px;
    transform:translate(0,-50%);
    position:absolute;
    right:10px;
    top:50%
}
.ac .ac-trigger:focus{
    color:#fff;
    background-color: #0073aa;
}
.ac .ac-trigger:hover{
    background-color: #256992;
    color: #fff;
}
.is-active > .ac-header .ac-trigger {
    background-color: #0073aa; /* Przykładowy kolor tła */
    color: #ffffff;            /* Przykładowy kolor tekstu */
}

/* 2. Styl przycisku, gdy sekcja JEST OTWARTA i NAJEŻDŻASZ na nią myszką (Hover + Active) */
.is-active > .ac-header .ac-trigger:hover {
    background-color: #005a87; /* Ciemniejszy odcień przy najechaniu */
    color: #ffffff;
}
.ac .ac-panel{
    overflow:hidden;
    transition-property:height,visibility;
    transition-timing-function:ease
}
.ac .ac-panel .ac-text{
    font:15px/24px Arial,sans-serif;
    color:#171e27;
    padding:8px;
    margin:0
}
.ac.js-enabled .ac-panel{
    visibility:hidden
}
.ac.is-active .ac-panel{
    visibility:visible
}
.ac.is-active>.ac-header .ac-trigger::after{
    content:"\2013"
}
/* Ukrycie automatycznych tagów <br> dodawanych przez WP */
.accordion-container br {
    display: none;
}

/* Usunięcie marginesów z paragrafów dodanych przez WP, które mogą psuć układ */
.accordion-container p {
    margin: 0;
    padding: 0;
}

/* Jeśli WP doda puste paragrafy, całkowicie je ukrywamy */
.accordion-container p:empty {
    display: none;
}