:root {
    /* fonty podstawowe */
    --b24-heading-font: "Montserrat", sans-serif;
    --b24-body-font: "Helvetica", sans-serif;
    /* kolory podstawowe */
    --b24-accent-color: #eb0000;
    --b24-heading-color: #000;
    --b24-body-text-color: #000;
    --b24-heading-inverted-color: #fdfdfd;
    --b24-body-text-inverted-color: #fdfdfd;
    --b24-inactive-color: #999;
    --b24-link-hover-color: var(--b24-accent-color);
    --b24-link-active-color: var(--b24-link-hover-color);
    --b24-link-focus-color: var(--b24-link-hover-color);
    --b24-disabled-color: #444;
    --b24-disabled-background-color: #bbb;
    --b24-disabled-border-color: #bbb;
    --b24-container-background-color: #fdfdfd;
    --b24-container-inverted-background-color: #000;
    --b24-border-style: 1px solid var(--b24-disabled-border-color);
    /* rozmiary podstawowe */
    --b24-h1-font-size: 2.25rem;
    --b24-h2-font-size: 1.875rem;
    --b24-h3-font-size: 1.5rem;
    --b24-h4-font-size: 1.375rem;
    --b24-h5-font-size: 1.25rem;
    --b24-h6-font-size: 1.125rem;
    --b24-body-font-size: 1rem;
    --b24-small-font-size: 0.75rem;
    --b24-body-font-size--desktop: 1rem;
    --b24-small-font-size--desktop: 0.875rem;
    --b24-btn-font-size: 0.875rem;
    --b24-btn-small-font-size: 0.875rem;
    --b24-btn-min-height: 2.5rem;
    --b24-btn-min-height-desktop: 3.125rem;
    --b24-btn-small-min-height: 1.875rem;
    --b24-btn-small-min-height-desktop: 2.5rem;
    --b24-badge-font-size: var(--b24-small-font-size);
    --b24-rounded: 0;
    --b24-days-rounded: 0;
    --b24-max-container: 1250px;
    /* inne */
    --b24-heading-text-transform: uppercase;
    --b24-heading-font-weight: bold;
    --b24-body-text-transform: none;
    /* alerty */
    --b24-form-label-error-color: #ff0000;
    --b24-alert-success-color: #ACE1AF;
    --b24-alert-success-background-color: #40916c;
    --b24-alert-error-color: #f87575;
    --b24-alert-error-background-color: #800e13;
    /* header */
    --b24-header-background-color: var(--b24-container-inverted-background-color);
    --b24-top-bar-background-color: var(--b24-container-inverted-background-color);
    --b24-header-color: var(--b24-body-text-inverted-color);
    --b24-top-bar-color: var(--b24-body-text-inverted-color);
    --b24-header-font: var(--b24-heading-font);
    --b24-top-bar-font: var(--b24-body-font);
    --b24-header-font-size: 20px;
    --b24-top-bar-font-size: 13px;
    --b24-header-font-weight: bold;
    --b24-top-bar-font-weight: bold;
    --b24-header-border-bottom: none;
    --b24-top-bar-border-bottom: none;
    --b24-logo-width-desktop: 300px;
    --b24-logo-height-desktop: 90px;
    --b24-logo-margin: 5px;
    --b24-logo-width-mobile: 200px;
    --b24-logo-height-mobile: 60px;
    --b24-basket-timer-color: var(--b24-top-bar-color);
    /* footer */
    --b24-footer-background-color: var(--b24-container-inverted-background-color);
    --b24-footer-color: var(--b24-body-text-inverted-color);
    --b24-footer-menu-border-width: 0 0 0 1px;
    --b24-footer-menu-border-style: solid;
    --b24-footer-menu-border-color: var(--b24-body-text-inverted-color);
    --b24-footer-heading-font-size: var(--b24-body-font-size);
    --b24-footer-body-font-size: var(--b24-body-font-size);
    /* przyciski - ustawienia podstawowe */
    --b24-btn-rounded: var(--b24-rounded);
    --b24-btn-color: #000;
    --b24-btn-background-color: #eeeeee;
    --b24-btn-border-color: var(--b24-btn-background-color);
    --b24-btn-disabled-color: #000;
    --b24-btn-disabled-background-color: #efefef;
    --b24-btn-disabled-border-color: #000;
    --b24-btn-hover-color: #fdfdfd;
    --b24-btn-hover-background-color: var(--b24-accent-color);
    --b24-btn-hover-border-color: var(--b24-btn-hover-background-color);
    --b24-btn-active-color: var(--b24-btn-hover-color);
    --b24-btn-active-background-color: #750000;
    --b24-btn-active-border-color: var(--b24-btn-active-background-color);
    --b24-btn-focus-color: var(--b24-btn-active-color);
    --b24-btn-focus-background-color: var(--b24-btn-active-background-color);
    --b24-btn-focus-border-color: var(--b24-btn-active-border-color);
    --b24-btn-cancelled-color: #fff;
    --b24-btn-cancelled-background-color: #000;
    --b24-btn-cancelled-border-color: #000;
    --b24-btn-cancelled-hover-color: #fff;
    --b24-btn-cancelled-hover-background-color: #000;
    --b24-btn-cancelled-hover-border-color: #000;
    --b24-btn-cancelled-active-color: var(--b24-btn-cancelled-hover-color);
    --b24-btn-cancelled-active-background-color: var(--b24-btn-cancelled-hover-background-color);
    --b24-btn-cancelled-active-border-color: var(--b24-btn-cancelled-hover-border-color);
    --b24-btn-cancelled-focus-color: var(--b24-btn-cancelled-hover-color);
    --b24-btn-cancelled-focus-background-color: var(--b24-btn-cancelled-hover-background-color);
    --b24-btn-cancelled-focus-border-color: var(--b24-btn-cancelled-hover-color);
    --b24-btn-text-transform: uppercase;
    --b24-btn-hour-before-content: 'KUP BILET';
    /* BADGE */
    --b24-badge-rounded: var(--b24-rounded);
    --b24-badge-color: var(--b24-body-text-inverted-color);
    --b24-badge-background-color: #464646;
    --b24-badge-border-color: var(--b24-badge-background-color);
    --b24-badge-hover-color: var(--b24-badge-color);
    --b24-badge-hover-background-color: var(--b24-badge-background-color);
    --b24-badge-hover-border-color: var(--b24-badge-border-color);
    --b24-badge-selected-color: var(--b24-badge-color);
    --b24-badge-selected-background-color: var(--b24-accent-color);
    --b24-badge-selected-border-color: var(--b24-accent-color);
    --b24-badge-active-color: var(--b24-badge-hover-color);
    --b24-badge-active-background-color: var(--b24-badge-hover-background-color);
    --b24-badge-active-border-color: var(--b24-badge-hover-border-color);
    --b24-badge-focus-color: var(--b24-badge-hover-color);
    --b24-badge-focus-background-color: var(--b24-badge-hover-background-color);
    --b24-badge-focus-border-color: var(--b24-badge-hover-border-color);
    --b24-badge-text-transform: lowercase;
    /* ZAKŁADKI */
    --b24-tabs-color: var(--b24-body-text-color);
    --b24-tabs-background-color: #efefef;
    --b24-tabs-hover-color: var(--b24-body-text-inverted-color);
    --b24-tabs-hover-background-color: var(--b24-accent-color);
    --b24-tabs-active-color: var(--b24-body-text-color);
    --b24-tabs-active-background-color: var(--b24-container-background-color);
    --b24-tabs-font-size: var(--b24-body-font-size);
    /* KROKI KOSZYKA */
    --b24-basket-step-color: var(--b24-body-text-inverted-color);
    --b24-basket-step-background-color: var(--b24-body-text-color);
    --b24-basket-step-border-color: var(--b24-body-text-color);
    --b24-basket-step-active-color: var(--b24-body-text-inverted-color);
    --b24-basket-step-active-background-color: var(--b24-accent-color);
    --b24-basket-step-active-border-color: var(--b24-accent-color);
    --b24-basket-step-disabled-color: #e8e8e8;
    --b24-basket-step-disabled-background-color: #303030;
    --b24-basket-step-disabled-border-color: #303030;
    --b24-basket-step-rounded: var(--b24-rounded);
    /* TABELKA ZAKUPOWA */
    --b24-table-cart-head-background-color: var(--b24-container-background-color);
    --b24-table-cart-head-color: var(--b24-body-text-color);
    --b24-table-cart-body-background-color: var(--b24-container-background-color);
    --b24-table-cart-body-color: var(--b24-body-text-color);
    --b24-table-cart-head-border-style: 1px solid var(--b24-disabled-color);
    --b24-table-cart-items-border-style: 1px dashed var(--b24-disabled-border-color);
    /* KROTKI W LISTACH */
    --b24-list-item-color: var(--b24-body-text-color);
    --b24-list-item-heading-color: var(--b24-body-text-color);
    --b24-list-item-background: var(--b24-container-background-color);
    --b24-list-item-rounded: var(--b24-rounded);
    --b24-list-item-box-shadow: none;
    --b24-list-item-hover-color: var(--b24-list-item-color);
    --b24-list-item-hover-heading-color: var(--b24-accent-color);
    --b24-list-item-hover-background: var(--b24-list-item-background);
    --b24-list-item-hover-box-shadow: none;
    --b24-list-item-border-style: 1px solid #ddd;
    /* TYTUŁY NA LISTACH */
    --b24-list-item-title-text-transform: uppercase;
    --b24-list-item-title-font-weight: bold;
    /* LISTA REPERTUAR 5-KOLUMNOWA */
    --b24-poster-5-list-item-background: var(--b24-list-item-background);
    --b24-poster-5-list-item-color: var(--b24-list-item-color);
    --b24-poster-5-list-item-border: none;
    --b24-poster-5-list-item-title-font-size: 1rem;
    --b24-poster-5-list-item-title-color: var(--b24-list-item-heading-color);
    --b24-poster-5-list-item-title-font-weight: var(--b24-list-item-title-font-weight);
    --b24-poster-5-list-item-title-text-transform: var(--b24-list-item-title-text-transform);
    --b24-poster-5-list-item-date-font-size: var(--b24-body-font-size);
    --b24-poster-5-list-item-hover-background: var(--b24-container-inverted-background-color);
    --b24-poster-5-list-item-hover-color: var(--b24-body-text-inverted-color);
    --b24-poster-5-list-item-hover-title-color: var(--b24-poster-5-list-item-hover-color);
    /* LISTA ZAJĘĆ 5-KOLUMNOWA */
    --b24-workshop-default-list-item-title-font-size: 1rem;
    /* LISTA PRODUKTÓW - 3 KAFELKI */
    --b24-tiles-3-list-item-title-font-size: 18px;
    /* ELEMENTY FORMULARZA */
    --b24-input-accent-color: var(--b24-accent-color);
    --b24-input-color: var(--b24-body-text-color);
    --b24-input-background-color: var(--b24-container-background-color);
    --b24-input-border-style: 2px solid var(--b24-body-text-color);
    --b24-input-placeholder-color: var(--b24-disabled-color);
    --b24-input-rounded: var(--b24-rounded);
    --b24-input-hover-color: var(--b24-input-color);
    --b24-input-hover-background-color: var(--b24-input-background-color);
    --b24-input-hover-border-color: var(--b24-accent-color);
    --b24-input-focus-border-color: var(--b24-accent-color);
    --b24-input-font-size: var(--b24-body-font-size);
    /* BOKS Z TREŚCIĄ */
    --b24-text-box-background-color: transparent;
    --b24-text-box-border-style: 1px solid var(--b24-accent-color);
    --b24-text-box-rounded: var(--b24-rounded);
    --b24-text-box-color: var(--b24-body-text-color);
    /* NEWSLETTER - TREŚĆ NA KOPERCIE */
    --b24-newsletter-content-color: var(--b24-body-text-color);
    /* WCAG */
    --b24-clickable-item-outline-color: var(--b24-accent-color);
}

@media screen and (min-width: 1001px) {
    :root {
        --b24-body-font-size: var(--b24-body-font-size--desktop);
        --b24-small-font-size: var(--b24-small-font-size--desktop);

        --b24-logo-margin: 15px 0 20px 0;

        --b24-btn-font-size: 14px;

        --b24-badge-hover-color: var(--b24-badge-color);
        --b24-badge-hover-background-color: var(--b24-accent-color);
        --b24-badge-hover-border-color: var(--b24-accent-color);
    }
}

* {
    scrollbar-color: var(--b24-container-inverted-background-color) #efefef;
    scrollbar-width: thin;
}

body {
    color: var(--b24-body-text-color) !important;
    font-family: var(--b24-body-font) !important;
    font-size: var(--b24-body-font-size) !important;
    line-height: 1.2;
}

body,
.archive-item,
.page-background,
.content-box,
.content-limiter,
.formatter,
.whole-layout,
.single-post .title-bar.outside .overlay-color,
.box-delivery {
    background-color: var(--b24-container-background-color) !important;
}

.social-icons {
    display: none;
}

#mid {
    min-height: 50dvh;
}

a {
    color: inherit !important;
}

a:hover {
    text-decoration: none !important;
}

a:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible, button:focus-visible, html a.to-top:focus-visible, [tabindex]:focus-visible {
    outline-color: var(--b24-clickable-item-outline-color) !important;
    outline-offset: 2px !important;
}

.real-content,
.description,
.description *,
.description-content,
.movie-parameters,
.couponbook-description-content,
.couponbook-parameters,
.list-item,
.list-item .info,
.list-item .info *,
.list-item .list-item-content,
.list-item .list-item-content .info,
.list-item .list-item-content .list-item-meta,
body article.event-themes.event-read,
.product-content,
.basket-finalization label.regulations,
.b24-bar .label,
html,
input,
select,
textarea {
    color: var(--b24-body-text-color) !important;
    font-family: var(--b24-body-font) !important;
    font-size: var(--b24-body-font-size);
    line-height: 1.3;
}

/* HEADINGS */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
body .couponbook-read-kt .couponbook-themes .couponbook-content > h3.couponbook-name,
body .couponbook-read-kt .couponbook-themes .couponbook-content > .h3.couponbook-name,
.title,
.title-bar {
    color: var(--b24-heading-color) !important;
    font-family: var(--b24-heading-font) !important;
    font-weight: var(--b24-heading-font-weight) !important;
}

h1, .h1, h1 a, .h1 a {
    font-size: var(--b24-h1-font-size);
}

h2, .h2, h2 a, .h2 a {
    font-size: var(--b24-h2-font-size);
}

h3, .h3, h3 a, .h3 a, .couponbook-read-kt .couponbook-themes .couponbook-content > h3.couponbook-name, .couponbook-read-kt .couponbook-themes .couponbook-content > .h3.couponbook-name, .title-bar {
    font-size: var(--b24-h3-font-size) !important;
}

h4, .h4, h4 a, .h4 a {
    font-size: var(--b24-h4-font-size);
}

h5, .h5, h5 a, .h5 a {
    font-size: var(--b24-h5-font-size);
}

h6, .h6, h6 a, .h6 a {
    font-size: var(--b24-h6-font-size);
}



/* DISPLAY */
.b24-flex {
    display: flex !important;
}

.b24-inline-flex {
    display: inline-flex !important;
}

.b24-block {
    display: block !important;
}

.b24-inline {
    display: inline !important;
}

/* KOLORKI */

.b24-color-heading {
    color: var(--b24-heading-color) !important;
}

.b24-color-body {
    color: var(--b24-body-text-color) !important;
}

.b24-color-accent {
    color: var(--b24-accent-color) !important;
}

.b24-bg-heading {
    background-color: var(--b24-heading-color) !important;
}

.b24-bg-body {
    background-color: var(--b24-body-text-color) !important;
}

.b24-bg-accent {
    background-color: var(--b24-accent-color) !important;
}

/* OGRANICZENIE KONTENERA */
body .content-limiter {
    max-width: 1255px;
    margin: 0 auto;
    padding: 0 5px;
}

.formatter {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* MENU */

#header {
    background-color: var(--b24-header-background-color) !important;
    border-bottom: var(--b24-header-border-bottom) !important;
    color: var(--b24-header-color) !important;
    padding: 0 !important;
}

#header a,
#header i {
    color: var(--b24-header-color) !important;
    font-size: var(--b24-header-font-size) !important;
    font-weight: var(--b24-header-font-weight) !important;
}

#header em i {
    width: auto;
}

#header .normal-logo {
    height: var(--b24-logo-height-mobile);
    margin: var(--b24-logo-margin);
    object-fit: contain;
    padding: 0 !important;
    width: var(--b24-logo-width-mobile);
}

.logo {
    max-width: none !important;
}

#header .top-menu *:not(.fa) {
    font-family: var(--b24-header-font) !important;
}

#header .top-menu .sub-menu {
    background-color: var(--b24-header-background-color);
}

.top-menu.with-effect .menu-item > a span:before {
    background-color: var(--b24-accent-color) !important;
    transform: scale3d(0, 1, 1);
}

.top-menu.menu--ferdinand>li:hover>a span:before,
.top-menu.menu--ferdinand>li:hover>span.title span:before,
.top-menu.menu--ferdinand>li.open>a span:before,
.top-menu.menu--ferdinand>li.open>span.title span:before,
.top-menu.menu--ferdinand>li.current-menu-ancestor>a span:before,
.top-menu.menu--ferdinand>li.current-menu-ancestor>span.title span:before,
.top-menu.menu--ferdinand>li.current-menu-item>a span:before,
.top-menu.menu--ferdinand>li.current-menu-item>span.title span:before {
    transform: scale3d(0.3, 1, 1) !important;
}

#header .top-menu .menu-item > a:hover,
#header .top-menu .menu-item > a:hover i,
#header .top-menu .menu-item.open > a,
#header .top-menu .menu-item.open > a i {
    color: var(--b24-accent-color) !important;
}

#header .top-menu .current-menu-item > a span:before,
#header .top-menu .current-menu-ancestor > a span:before {
    background-color: var(--b24-accent-color) !important;
}

#header .top-menu .current-menu-item > a,
#header .top-menu .current-menu-item > a i,
#header .top-menu .current-menu-ancestor > a,
#header .top-menu .current-menu-ancestor > a i {
    color: var(--b24-accent-color) !important;
}

#header .top-menu i.sub-mark:hover,
#header .top-menu li.open > i.sub-mark {
    color: var(--b24-accent-color) !important;
}

ul#menu-main-menu > li:last-child {
    position: static;
}

#mobile-menu-opener:before {
    color: var(--b24-header-color);
}

.mobile-menu .menu-container {
    background-color: var(--b24-header-background-color) !important;
}

/* TOP BAR */
.b24-menu {
    background-color: var(--b24-top-bar-background-color) !important;
    border-bottom: var(--b24-top-bar-border-bottom) !important;
    color: var(--b24-top-bar-color) !important;
}

.b24-menu *:not(.fa) {
    font-family: var(--b24-top-bar-font);
}

.b24-menu a {
    color: var(--b24-top-bar-color) !important;
    font-size: var(--b24-top-bar-font-size) !important;
    font-weight: var(--b24-top-bar-font-weight) !important;
}

.b24-menu .menu-item-title {
    display: inline;
}

@media screen and (max-width: 600px) {
    .b24-basket-summary .basket-summary-mini a span.b24-basket-timer {
        top: -5px !important;
    }
}

.b24-basket-timer .minutes,
.b24-basket-timer .seconds {
    color: var(--b24-basket-timer-color) !important;
}

/* MINI KOSZYK */
.b24-basket-summary-quantity {
    background: var(--b24-alert-error-color) !important;
}

/* FOOTER */
#footer {
    background-color: var(--b24-footer-background-color) !important;
    color: var(--b24-footer-color);
}

#footer * {
    color: var(--b24-footer-color) !important;
}

#footer .foot-items {
    display: none;
}

#footer .widget {
    border-width: 0;
    border-style: var(--b24-footer-menu-border-style);
    border-color: var(--b24-footer-menu-border-color);
    line-height: 1.1;
}

#footer .widget {
    font-size: var(--b24-footer-body-font-size);
}

#footer .widget h3 {
    font-size: var(--b24-footer-heading-font-size);
}

/* ELEMENTY FORMULARZA */
input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--b24-input-accent-color);
}

label.label-checkbox input:checked ~ .checkmark {
    background-color: var(--b24-input-accent-color);
}

input:not([type="submit"]),
select,
textarea {
    background-color: var(--b24-input-background-color) !important;
    border: none !important;
    border-bottom: var(--b24-input-border-style) !important;
    border-radius: var(--b24-input-rounded) !important;
    color: var(--b24-input-color) !important;
    font-size: var(--b24-input-font-size) !important;
}

input:not([type="submit"]):focus,
select:focus,
textarea:focus,
input:not([type="submit"]):focus-visible,
select:focus-visible,
textarea:focus-visible {
    border-color: var(--b24-input-focus-border-color) !important;
}

input:not([type="submit"]):hover,
select:hover,
textarea:hover {
    border-color: var(--b24-input-hover-border-color) !important;
}

input::placeholder {
    color: var(--b24-input-placeholder-color) !important;
}

.basket-summary .customer-form-context .form-column-1,
.basket-summary .customer-form-context .form-column-3 {
    width: calc(50% - 20px);
}

.iti {
    width: 100%;
}

/* KALENDARZ */
.b24-event-month-list .b24-bars {
    border: none !important;
}

.b24-bar .b24-days .day,
.b24-bar .b24-days .day.b24-disable-click:hover,
.b24-bar .b24-days .day.b24-disable-click:active,
.b24-bar .b24-days .day.b24-disable-click:focus,
.b24-bar .b24-days .day.b24-disable-click:focus-visible,
.b24-bar .b24-months .month {
    background-color: transparent !important;
    color: var(--b24-body-text-color) !important;
    border: 1px solid transparent;
    border-radius: var(--b24-days-rounded);
}

.b24-bar .b24-days .day.inactive,
.b24-bar .b24-months .month.inactive {
    color: var(--b24-inactive-color) !important;
}

.b24-bar .b24-days .day:not(.b24-disable-click):hover,
.b24-bar .b24-days .day:not(.b24-disable-click):active,
.b24-bar .b24-days .day:not(.b24-disable-click):focus,
.b24-bar .b24-days .day:not(.b24-disable-click):focus-visible,
.b24-bar .b24-months .month:not(.b24-disable-click):hover,
.b24-bar .b24-months .month:not(.b24-disable-click):active,
.b24-bar .b24-months .month:not(.b24-disable-click):focus,
.b24-bar .b24-months .month:not(.b24-disable-click):focus-visible {
    color: var(--b24-accent-color) !important;
}

.b24-event-month-list .b24-bar .b24-days .day:not(.b24-disable-click):hover,
.b24-event-month-list .b24-bar .b24-days .day:not(.b24-disable-click):active,
.b24-event-month-list .b24-bar .b24-days .day:not(.b24-disable-click):focus,
.b24-event-month-list .b24-bar .b24-days .day:not(.b24-disable-click):focus-visible {
    background: var(--b24-accent-color) !important;
    border-color: var(--b24-accent-color) !important;
    color: var(--b24-body-text-inverted-color) !important;
}

.b24-bar .b24-days .day.active,
.b24-bar .b24-months .month.active {
    font-weight: bold !important;
}

.b24-day .b24-day-bar {
    font-family: var(--b24-heading-font) !important;
    font-size: 2rem !important;
    margin-bottom: 1.5rem;
    margin-top: 3rem;
    padding-left: 0;
    position: relative;
    text-align: left;
}

.mobile-show .b24-event-month-list.b24-event-month-list-mobile_default .b24-day .b24-day-bar {
    font-size: 1.5rem !important;
}

.b24-day .b24-day-bar:after {
    background-color: var(--b24-accent-color) !important;
    content: '';
    display: block;
    height: 2px !important;
    margin-top: 0.5rem;
    width: 6rem !important;
}

.b24-event-day-list .b24-date {
    font-weight: bold;
    font-size: var(--b24-h3-font-size);
    margin-top: 1em;
}

/* DATEPICKER */

.b24-event-day-list .b24-bar .b24-days .day.calendar,
.b24-workshop-day-list .b24-bar .b24-days .day.calendar {
    border: none !important;
}

.datepicker-container.datepicker-dropdown {
    border-top-color: var(--b24-accent-color);
}

.datepicker-top-left:before, .datepicker-top-right:before {
    border-bottom-color: var(--b24-accent-color);
}

.datepicker-panel>ul>li[data-view="month current"],
.datepicker-panel>ul>li[data-view="year current"],
.datepicker-panel>ul>li[data-view="years current"] {
    font-size: var(--b24-body-font-size);
}

.datepicker-panel > ul:not([data-view]) > li:not(.disabled)[data-view="month prev"],
.datepicker-panel > ul:not([data-view]) > li:not(.disabled)[data-view="month next"] {
    color: var(--b24-disabled-color);
}

.datepicker-panel > ul[data-view="days"] > li.muted {
    color: var(--b24-disabled-color) !important;
}

.datepicker-panel > ul:not([data-view]) > li[data-view="month prev"]:not(.disabled):hover,
.datepicker-panel > ul:not([data-view]) > li[data-view="month next"]:not(.disabled):hover {
    background-color: var(--b24-accent-color);
    color: var(--b24-body-text-inverted-color);
}

.datepicker-panel > ul[data-view="days"] > li {
    background-color: var(--b24-inactive-color);
}

.datepicker-panel > ul[data-view="days"] > li.muted {
    background-color: transparent;
}

.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover, .datepicker-panel>ul>li[data-view="day"]:hover {
    background-color: var(--b24-accent-color);
}

/* LISTY */

.list-item-title,
.list-item-title *,
.title-name,
.info-date {
    text-transform: var(--b24-list-item-title-text-transform) !important;
    font-weight: var(--b24-list-item-title-font-weight) !important;
}

.list-item-title {
    line-height: 1.1 !important;
    margin-bottom: 0.5em !important;
}

.list-item {
    background: var(--b24-list-item-background) !important;
    border: none !important;
    border-bottom: var(--b24-list-item-border-style) !important;
    border-radius: var(--b24-list-item-rounded);
    box-shadow: var(--b24-list-item-box-shadow);
    box-sizing: border-box !important;
    margin-bottom: 2rem !important;
    overflow: visible !important;
    padding: 0.75rem;
    position: relative;
    transition: all 0.3s ease !important;
    z-index: 999;
    .list-item-title,
    .list-item-title a {
        color: var(--b24-list-item-heading-color) !important;
    }
    &:hover {
        background: var(--b24-list-item-hover-background) !important;
        box-shadow: var(--b24-list-item-hover-box-shadow);
        .list-item-title,
        .list-item-title a {
            color: var(--b24-list-item-hover-heading-color) !important;
        }
    }
}

.list-item-image {
    background: none !important;
    border: none !important;
}

.list-item .b24-show-more:not(.btn) {
    background: linear-gradient(to bottom, transparent 0%, var(--b24-list-item-background) 80%, var(--b24-list-item-background) 100%) !important;
}

.b24-event-month-list.b24-event-month-list-default .list-item {
    height: auto !important;
    min-height: 160px;
    padding: 0.75rem;
}

.b24-event-month-list.b24-event-month-list-default .list-item:last-child,
.mobile-show .b24-event-month-list.b24-event-month-list-mobile_default .list-item:last-child {
    border-bottom: none !important;
}


.list-item * {
    position: relative;
}

.couponbook-list.list-list.list-in-title .list-item {
    flex-direction: row;
    height: auto !important;
    padding: 1rem;
    & > * {
        height: auto !important;
    }
}

.couponbook-list.list-list.list-in-title .list-item > .list-item-btn {
    position: static;
    align-self: center;
    a.btn {
        position: static;
        transform: none;
    }
}

@media screen and (max-width: 1000px) {
    .couponbook-list.list-list.list-in-title .list-item {
        flex-wrap: wrap;
        .list-item-btns {
            flex-basis: 100%;
        }
        .list-item-content {
            flex-basis: 70%;
            flex-grow: 1;
            width: auto !important;
        }
        .list-item-image {
            flex-basis: 30%;
        }
    }
}

/* LISTA DZIENNA */
.b24-event-day-list .b24-bar .b24-view .list .option {
    color: var(--b24-body-text-color);
}

.b24-event-day-list .b24-bar .b24-view .list .option.selected {
    color: var(--b24-body-text-color);
    font-weight: bold;
}

.event-day-list.event-day-list-titles .list-item .b24-button:nth-child(2n) {
    margin-left: 0 !important;
}

/* LISTA GODZINOWA */

.event-day-list.event-day-list-hourly .list-item .list-item-btns {
    width: auto;
}

.desktop-show .event-day-list.event-day-list-hourly .list-item {
    display: flex;
}

.desktop-show .event-day-list.event-day-list-hourly .list-item .list-item-content {
    flex-grow: 1;
    width: auto !important;
}

.event-day-list.event-day-list-hourly .list-item .list-item-image {
    display: flex;
    align-items: center;
}

.event-day-list.event-day-list-hourly .list-item .list-item-image img {
    position: static;
    transform: none;
}

.mobile-show .event-day-list-hourly .list-item-top {
    margin-bottom: 10px;
}

.b24-bar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1.5rem;
}

.b24-bar > * {
    float: none !important;
}

.b24-view.mobile-show {
    margin-top: 1.5rem !important;
}

.b24-view.mobile-show .option.selected {
    background-color: var(--b24-accent-color) !important;
    border-color: var(--b24-accent-color) !important;
}

.b24-view.mobile-show .option.selected > svg path,
.b24-view.mobile-show .option.selected > svg line,
.b24-view.mobile-show .option.selected > svg circle {
    stroke: var(--b24-body-text-inverted-color);
}

.b24-view.mobile-show .option.selected > svg polygon,
.b24-view.mobile-show .option.selected > svg text {
    fill: var(--b24-body-text-inverted-color);
}

/* LISTA REPERTUAR 5-KOLUMNOWA */

.table-seperator {
    display: none
}

.list-poster-5 .list-item {
    background: var(--b24-poster-5-list-item-background) !important;
    border: var(--b24-poster-5-list-item-border) !important;
    color: var(--b24-poster-5-list-item-color) !important;
    img {
        transition: all 0.3s ease;
    }
}

.list-poster-5 .list-item-title,
.list-poster-5 .list-item-title a {
    color: var(--b24-poster-5-list-item-title-color) !important;
    font-size: var(--b24-poster-5-list-item-title-font-size) !important;
    font-weight: var(--b24-poster-5-list-item-title-font-weight) !important;
    text-transform: var(--b24-poster-5-list-item-title-text-transform) !important;
}

.list-poster-5 .list-item .list-item-image a {
    border-radius: calc(0.75 * var(--b24-list-item-rounded))
}

.list-poster-5 .list-item-date {
    font-size: var(--b24-poster-5-list-item-date-font-size) !important;
    text-align: center;
}

.list-poster-5 .list-item:hover {
    background: var(--b24-poster-5-list-item-hover-background) !important;
    border-color: var(--b24-poster-5-list-item-hover-border-color);
    color: var(--b24-poster-5-list-item-hover-color) !important;
    .list-item-title,
    .list-item-title a {
        color: var(--b24-poster-5-list-item-hover-title-color) !important;
    }
    img {
        transform: translate(-50%, -50%) scale(1.1) !important;
    }
}

/* LISTA KARNETÓW */
.couponbook-list-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.couponbook-list-item .list-item-content {
    padding: 0 !important;
}

/* LISTA ZAJĘĆ 5-KOLUMNOWA */
.list-list.list-workshop-default-list .list-item > .list-item-content > .list-item-title,
.list-list.list-workshop-default-list .list-item > .list-item-content > .list-item-title > a {
    font-size: var(--b24-workshop-default-list-item-title-font-size) !important;
}

.b24-workshop-categories-before {
    float: right;
    transform: translateY(-100%);
}

/* LISTA PRODUKTÓW - KAFELKI */
.list-tiles-3 .list-item-title,
.list-tiles-3 .list-item-title a {
    font-size: var(--b24-tiles-3-list-item-title-font-size) !important;
}

/* DOMYŚLNA LISTA MOBILE */
.title-mobile-default-list .title-row {
    background-color: var(--b24-container-background-color);
}

/* LINKI */
.b24-link:hover,
.post-title a:hover {
    color: var(--b24-link-hover-color) !important;
}

.b24-link:active,
.post-title a:active {
    color: var(--b24-link-active-color) !important;
}

.b24-link:focus,
.b24-link:focus-visible,
.post-title a:focus,
.post-title a:focus-visible {
    color: var(--b24-link-focus-color) !important;
}

.b24-link--more {
    color: var(--b24-body-text-color) !important;
    font-weight: bold !important;
}

.b24-link--more:hover,
.b24-link--more:active,
.b24-link--more:focus,
.b24-link--more:focus-visible {
    color: var(--b24-body-text-color) !important;
}

.b24-show-more:not(.btn) {
    display: flex !important;
    justify-content: center;
    align-items: flex-end;
}

.b24-show-more:not(.btn),
.read-more {
    background: linear-gradient(to bottom, transparent 0%, var(--b24-container-background-color) 80%, var(--b24-container-background-color) 100%) !important;
}

/* ALERTY */

.alert-success {
    background: var(--b24-alert-success-background-color);
    color: var(--b24-alert-success-color);
}

.alert-error {
    background: var(--b24-alert-error-background-color);
    color: var(--b24-alert-error-color);
}

label.error {
    color: var(--b24-form-label-error-color) !important;
}

/* PRZYCISKI */
.b24-button,
.btn-buy.active,
.btn.btn-half.active:not([data-schedule_id]),
.btn-half-concert,
.title-read-kt .title-read a.btn.btn-half-concert.active,
input[type="submit"],
button[type="submit"],
.button[type="submit"],
a.button,
.b24-submit,
.couponbook-list-item .list-item-btn .btn,
.event-day-list.event-day-list-hourly .list-item .list-item-btns a.btn,
body .event-day-list.event-day-list-titles .list-item .list-item-btns a.btn,
.b24-wcag-submit,
body .b24-numbered-summary .buttons a,
body .b24-basket-compact .buttons a,
body a.b24-btn,
.b24-workshop-modal-signup .row.btn-row a.btn-continue,
.b24-workshop-modal-signup .row.btn-row a.btn-to-cart,
.participant-btns .sign-up-btn {
    align-items: center;
    background: var(--b24-btn-background-color) !important;
    border: 1px solid var(--b24-btn-border-color) !important;
    border-radius: var(--b24-btn-rounded) !important;
    box-sizing: border-box !important;
    color: var(--b24-btn-color) !important;
    float: none !important;
    font-family: var(--b24-body-font) !important;
    font-size: var(--b24-btn-font-size);
    font-weight: bold !important;
    gap: 0.5em;
    height: auto !important;
    justify-content: center;
    line-height: 1.1 !important;
    min-height: var(--b24-btn-min-height) !important;
    max-width: 100%;
    padding: 10px 10px !important;
    position: relative;
    text-align: center;
    text-transform: var(--b24-btn-text-transform) !important;
    width: 180px !important;
}

.b24-button > *,
.btn-buy.active > *,
.btn.btn-half.active:not([data-schedule_id]) > *,
.btn-half-concert > *,
.title-read-kt .title-read a.btn.btn-half-concert.active > *,
input[type="submit"] > *,
button[type="submit"] > *,
.button[type="submit"] > *,
a.button > *,
.b24-submit > *,
.couponbook-list-item .list-item-btn .btn > *,
.event-day-list.event-day-list-hourly .list-item .list-item-btns a.btn > *,
body .event-day-list.event-day-list-titles .list-item .list-item-btns a.btn > *,
.b24-wcag-submit > *,
body .b24-numbered-summary .buttons a > *,
body .b24-basket-compact .buttons a > *,
body a.b24-btn > *,
.b24-workshop-modal-signup .row.btn-row a.btn-continue > *,
.b24-workshop-modal-signup .row.btn-row a.btn-to-cart > * {
    padding: 0 !important;
    position: static !important;
    transform: none !important;
}

.b24-button:hover,
.btn-buy.active:hover,
.btn.btn-half.active:not([data-schedule_id]):hover,
.btn-half-concert:hover,
.title-read-kt .title-read a.btn.btn-half-concert.active:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.button[type="submit"]:hover,
a.button:hover,
.b24-submit:hover,
.couponbook-list-item .list-item-btn .btn:hover,
.event-day-list.event-day-list-hourly .list-item .list-item-btns a.btn:hover,
body .event-day-list.event-day-list-titles .list-item .list-item-btns a.btn:hover,
.b24-wcag-submit:hover,
body .b24-numbered-tickets .b24-numbered-wcag-form .b24-wcag-submit.active:hover,
body .b24-numbered-summary .buttons a:hover,
body .b24-basket-compact .buttons a:hover,
body a.b24-btn:hover,
.b24-workshop-modal-signup .row.btn-row a.btn-continue:hover,
.b24-workshop-modal-signup .row.btn-row a.btn-to-cart:hover {
    background: var(--b24-btn-hover-background-color) !important;
    border: 1px solid var(--b24-btn-hover-border-color) !important;
    color: var(--b24-btn-hover-color) !important;
    &:before, &:after {
        width: 100%;
    }
}

.b24-button:active,
.btn-buy.active:active,
.btn.btn-half.active:not([data-schedule_id]):active,
.btn-half-concert:active,
.title-read-kt .title-read a.btn.btn-half-concert.active:active,
input[type="submit"]:active,
button[type="submit"]:active,
.button[type="submit"]:active,
a.button:active,
.b24-submit:active,
.couponbook-list-item .list-item-btn .btn:active,
.event-day-list.event-day-list-hourly .list-item .list-item-btns a.btn:active,
body .event-day-list.event-day-list-titles .list-item .list-item-btns a.btn:active,
.b24-wcag-submit:active,
body .b24-numbered-summary .buttons a:active,
body .b24-basket-compact .buttons a:active,
body a.b24-btn:active,
.b24-workshop-modal-signup .row.btn-row a.btn-continue:active,
.b24-workshop-modal-signup .row.btn-row a.btn-to-cart:active {
    background: var(--b24-btn-active-background-color) !important;
    border: 1px solid var(--b24-btn-active-border-color) !important;
    color: var(--b24-btn-active-color) !important;
}

.b24-button:focus, .b24-btn:focus-visible,
.btn-buy.active:focus,
.btn.btn-half.active:not([data-schedule_id]):focus,
.btn-half-concert:focus,
.title-read-kt .title-read a.btn.btn-half-concert.active:focus,
input[type="submit"]:focus,
button[type="submit"]:focus,
.button[type="submit"]:focus,
a.button:focus,
.b24-submit:focus,
.couponbook-list-item .list-item-btn .btn:focus,
.event-day-list.event-day-list-hourly .list-item .list-item-btns a.btn:focus,
body .event-day-list.event-day-list-titles .list-item .list-item-btns a.btn:focus,
.btn-buy.active:focus-visible,
.btn.btn-half.active:not([data-schedule_id]):focus-visible,
.btn-half-concert.active:focus-visible,
.title-read-kt .title-read a.btn.btn-half-concert.active:focus-visible,
input[type="submit"]:focus-visible,
button[type="submit"]:focus-visible,
.button[type="submit"]:focus-visible,
a.button:focus-visible,
.b24-submit:focus-visible,
.couponbook-list-item .list-item-btn .btn:focus-visible,
.event-day-list.event-day-list-hourly .list-item .list-item-btns a.btn:focus-visible,
body .event-day-list.event-day-list-titles .list-item .list-item-btns a.btn:focus-visible,
.b24-wcag-submit:focus,
.b24-wcag-submit:focus-visible,
body .b24-numbered-summary .buttons a:focus,
body .b24-basket-compact .buttons a:focus,
body .b24-numbered-summary .buttons a:focus-visible,
body .b24-basket-compact .buttons a:focus-visible,
body a.b24-btn:focus,
body a.b24-btn:focus-visible,
.b24-workshop-modal-signup .row.btn-row a.btn-continue:focus,
.b24-workshop-modal-signup .row.btn-row a.btn-to-cart:focus,
.b24-workshop-modal-signup .row.btn-row a.btn-continue:focus-visible,
.b24-workshop-modal-signup .row.btn-row a.btn-to-cart:focus-visible {
    background: var(--b24-btn-focus-background-color) !important;
    border: 1px solid var(--b24-btn-focus-border-color) !important;
    color: var(--b24-btn-focus-color) !important;
}

/* ODWOŁANE */
.b24-button--cancelled,
.btn.btn-half.inactive {
    background: var(--b24-btn-cancelled-background-color) !important;
    border: 1px solid var(--b24-btn-cancelled-border-color) !important;
    color: var(--b24-btn-cancelled-color) !important;
    max-width: 100%;
    width: 180px !important;
}

.b24-button--cancelled:hover,
.btn.btn-half.inactive:hover {
    background: var(--b24-btn-cancelled-hover-background-color) !important;
    border: 1px solid var(--b24-btn-cancelled-hover-border-color) !important;
    color: var(--b24-btn-cancelled-hover-color) !important;
}

.b24-button--cancelled:active,
.btn.btn-half.inactive:active {
    background: var(--b24-btn-cancelled-active-background-color) !important;
    border: 1px solid var(--b24-btn-cancelled-active-border-color) !important;
    color: var(--b24-btn-cancelled-active-color) !important;
}

.b24-button--cancelled:focus, .b24-button--cancelled:focus-visible,
.btn.btn-half.inactive:focus, .btn.btn-half.inactive:focus-visible {
    background: var(--b24-btn-cancelled-focus-background-color) !important;
    border: 1px solid var(--b24-btn-cancelled-focus-border-color) !important;
    color: var(--b24-btn-cancelled-focus-color) !important;
}

/* PRZYCISK WYŁĄCZONY */
.b24-button:disabled,
.b24-button--disabled,
.b24-button--disabled:hover,
.b24-button--disabled:active,
.b24-button--disabled:focus,
.b24-button--disabled:focus-visible,
.b24-workshop-title-read .b24-workshop-group-details button.b24-button--disabled,
.b24-wcag-submit.disabled,
.participant-btns .sign-up-btn:disabled,
.b24-workshop-title-read .b24-workshop-group-details button[type="submit"].b24-sign-up-disabled {
    background: var(--b24-btn-disabled-background-color) !important;
    border: 1px solid var(--b24-btn-disabled-border-color) !important;
    color: var(--b24-btn-disabled-color) !important;
    font-size: var(--b24-btn-font-size) !important;
}

.participant-btns .sign-up-btn:disabled {
    font-size: 0.78rem !important;
}

.b24-button--small {
    font-size: var(--b24-btn-small-font-size);
    min-height: var(--b24-btn-small-min-height) !important;
}

.b24-button--hidden {
    display: none !important;
}

.b24-button--back {
    min-height: var(--b24-btn-small-min-height) !important;
}

.b24-button--discount-code {
    min-height: auto !important;
}

.b24-button.b24-minus,
.b24-button.b24-plus {
    width: auto !important;
    height: 26px !important;
    min-height: 0 !important;
    font-size: 1rem !important;
    padding: 0.25rem;
}

.b24-button * {
    display: block !important;
}

.b24-button__hour {
    margin-bottom: 5px !important;
}

.b24-button[type="submit"] {
    min-width: 150px !important;
    max-width: 100%;
}

.b24-button--cancelled .b24-button__format {
    color: var(--b24-btn-cancelled-color) !important;
}

.b24-button__format {
    font-size: var(--b24-small-font-size) !important;
    text-transform: uppercase;
}

.tingle-modal-box__content .b24-button {
    width: 100% !important;
}

/* układ koncertowy */
body .title-read-kt article.title-read .list-item-btns a.btn.btn-half.btn-half-concert {
    float: left !important;
}

/* display przycisków */

body .b24-numbered-summary .buttons a,
body .b24-basket-compact .buttons a {
    display: flex;
}

.b24-workshop-group-buy-button {
    display: flex !important;
}

.b24-workshop-group-buy-button:has(button + button) {
    flex-direction: column;
}

.basket-button.basket-button, .box-summary.basket-button {
    display: flex;
    justify-content: center;
}

/* rozmiar fontów przycisków */

body .b24-numbered-summary .buttons a,
body .b24-basket-compact .buttons a,
.basket-button .button,
.box-summary .button,
.b24-workshop-title-read .b24-workshop-group-details button.b24-disabled-button-pre-sale,
.b24-workshop-title-read .b24-workshop-group-details button.b24-enabled-button-pre-sale {
    font-size: var(--b24-btn-font-size) !important;
}


/* PRZYCISKI NA WYBORZE MIEJSC */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-control-zoom-min {
    background-color: var(--b24-btn-background-color) !important;
}

/*
.title-read-kt .list-item-btns .b24-button {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}
*/

/* BADGE, KATEGORIE */

.b24-badge,
.b24-numbered-tickets .b24-sections-list > .b24-sections,
.b24-description-btn,
.b24-category,
.b24-workshop-categories .category,
.b24-categories .category,
.title-categories > a {
    background-color: var(--b24-badge-background-color) !important;
    border: 1px solid var(--b24-badge-border-color) !important;
    border-radius: var(--b24-badge-rounded) !important;
    color: var(--b24-badge-color) !important;
    font-size: var(--b24-badge-font-size) !important;
    line-height: 1;
    margin: 3px 1.5px !important;
    padding: 0.5em 0.5em !important;
    text-transform: var(--b24-badge-text-transform) !important;
}

.b24-badge:hover,
.b24-numbered-tickets .b24-sections-list > .b24-sections:hover,
.b24-description-btn:hover,
.b24-category:hover,
.b24-workshop-categories .category:hover,
.b24-categories .category:hover,
.title-categories > a:hover {
    background-color: var(--b24-badge-hover-background-color) !important;
    border-color: var(--b24-badge-hover-border-color) !important;
    color: var(--b24-badge-hover-color) !important;
}

.b24-badge:active,
.b24-numbered-tickets .b24-sections-list > .b24-sections:active,
.b24-description-btn:active,
.b24-category:active,
.b24-workshop-categories .category:active,
.b24-categories .category:active,
.title-categories > a:active {
    background-color: var(--b24-badge-active-background-color) !important;
    border-color: var(--b24-badge-active-border-color) !important;
    color: var(--b24-badge-active-color) !important;
}

.b24-badge:focus,
.b24-badge:focus-visible,
.b24-numbered-tickets .b24-sections-list > .b24-sections:focus,
.b24-description-btn:focus,
.b24-category:focus,
.b24-workshop-categories .category:focus,
.b24-categories .category:focus,
.title-categories > a:focus,
.b24-numbered-tickets .b24-sections-list > .b24-sections:focus-visible,
.b24-description-btn:focus-visible,
.b24-category:focus-visible,
.b24-workshop-categories .category:focus-visible,
.b24-categories .category:focus-visible,
.title-categories > a:focus-visible {
    background-color: var(--b24-badge-focus-background-color) !important;
    border-color: var(--b24-badge-focus-border-color) !important;
    color: var(--b24-badge-focus-color) !important;
}

.b24-badge--selected,
.b24-numbered-tickets .b24-sections-list > .b24-sections.b24-sections-active,
.b24-workshop-categories .category.active,
.b24-event-month-list .b24-bar .b24-categories .category.active {
    background-color: var(--b24-badge-selected-background-color) !important;
    border-color: var(--b24-badge-selected-border-color) !important;
    color: var(--b24-badge-selected-color) !important;
}

.b24-categories {
    text-align: left;
}

/* PROCES KOSZYKOWY */

.discount_code_row {
    display: flex;
    gap: 0.625rem;
}

/* KROKI W KOSZYKU */

.b24-basket-steps .basket-steps {
    display: flex !important;
}

.b24-basket-steps .basket-steps > li {
    flex-basis: 20%;
    flex-grow: 1;
    gap: 10px;
}

.b24-basket-steps .basket-steps > li > a {
    align-items: center;
    background-color: var(--b24-basket-step-background-color) !important;
    border: 1px solid var(--b24-basket-step-border-color) !important;
    border-radius: var(--b24-basket-step-rounded) !important;
    color: var(--b24-basket-step-color) !important;
    display: flex;
    padding: 0.5em 1em;
}

.b24-basket-steps .basket-steps > li:not(.disabled):not(.active) > a:hover,
.b24-basket-steps .basket-steps > li:not(.disabled):not(.active) > a:active,
.b24-basket-steps .basket-steps > li:not(.disabled):not(.active) > a:focus,
.b24-basket-steps .basket-steps > li:not(.disabled):not(.active) > a:focus-visible {
    background-color: var(--b24-basket-step-active-background-color) !important;
    border: 1px solid var(--b24-basket-step-active-border-color) !important;
    color: var(--b24-basket-step-active-color) !important;
}

.b24-basket-steps .basket-steps > li.active > a {
    background-color: var(--b24-basket-step-active-background-color) !important;
    border: 1px solid var(--b24-basket-step-active-border-color) !important;
    color: var(--b24-basket-step-active-color) !important;
}

.b24-basket-steps .basket-steps > li.disabled > a {
    background-color: var(--b24-basket-step-disabled-background-color) !important;
    border: 1px solid var(--b24-basket-step-disabled-border-color) !important;
    color: var(--b24-basket-step-disabled-color) !important;
}

.b24-basket-steps ul.basket-steps li a span {
    font-weight: normal;
}

.b24-basket-steps ul.basket-steps li a span.step-name {
    font-size: 0.7em;
}

/* DODAWANIE DO KOSZYKA */

/* NUMEROWANE */
body .b24-numbered-tickets #numbered-view,
body .b24-numbered-tickets #numbered-view #roomView {
    background-color: var(--b24-container-background-color);
}

/* SWITCH */

body .b24-numbered-tickets .b24-numbered-wcag-form {
    background-color: var(--b24-container-background-color);
    margin-top: 15px;
}
body .b24-numbered-tickets .b24-numbered-wcag-form .b24-numbered-wcag-form-inner {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}

body .b24-numbered-tickets .b24-numbered-wcag-form .b24-numbered-wcag-form-inner .controls select {
    font-family: var(--b24-body-font);
}

body .b24-numbered-tickets .b24-numbered-wcag-form .b24-wcag-submit {
    border-radius: calc(infinity * 1px);
    font-weight: normal;
    line-height: 20px;
    height: 40px;
}
body .b24-numbered-tickets .b24-numbered-wcag-form .b24-wcag-submit.active {
    border: 1px solid var(--b24-accent-color);
    font-weight: normal;
}

body .b24-numbered-tickets .b24-numbered-wcag-form .show-wcag-numbered-btn {
    background: transparent;
    color: var(--b24-body-text-color);
    text-align: left;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.show-wcag-numbered-btn:before {
    content: '';
    display: inline-flex;
    background-color: #efefef;
    border-radius: calc(infinity * 1px);
    width: 50px;
    height: 25px;
    vertical-align: middle;
    margin-right: 10px;
}

.show-wcag-numbered-btn:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: var(--b24-disabled-color);
    left: 4px;
    border-radius: 50%;
    top: 13px;
    transition: all 0.2s ease;
}

.b24-numbered-wcag-form.active .show-wcag-numbered-btn:after {
    left: 26px;
    background-color: var(--b24-accent-color);
}

.b24-numbered-wcag-form .on-hide-wcag, .on-show-wcag {
    visibility: hidden;
}

.b24-numbered-wcag-form .on-hide-wcag:before {
    visibility: visible;
    content: 'Włącz wybór miejsc z listy'
}

.b24-numbered-wcag-form .on-show-wcag:before {
    visibility: visible;
    content: 'Wyłącz wybór miejsc z listy'
}

@media screen and (min-width: 1001px) {
    body .b24-numbered-tickets .b24-numbered-wcag-form.active .b24-numbered-wcag-form-inner {
        display: flex !important;
        flex-wrap: wrap;
        gap: 10px
    }

    body .b24-numbered-tickets .b24-numbered-wcag-form .b24-numbered-wcag-form-inner .controls {
        flex-basis: 30%;
        flex-grow: 1;
    }
}



/* NIENUMEROWANE */
.b24-unnumbered-tickets {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.b24-unnumbered-tickets > h4,
.b24-unnumbered-tickets > .h4 {
    flex-basis: 100%;
}

.b24-unnumbered-ticket {
    aspect-ratio: 2.92;
    background-size: 100% auto;
    box-sizing: border-box !important;
    height: auto !important;
    flex-basis: 100%;
    flex-grow: 0;
    margin: 0 !important;
    padding: 8px 45px !important;
}

.b24-unnumbered-tickets .b24-unnumbered-ticket .price {
    left: 45px !important;
}

.quantity input {
    height: 26px !important;
    max-width: 36px !important;
}

/* POŁOŻENIE PRZYCISKÓW W KOSZYKU */
body .b24-numbered-summary .buttons, body .b24-basket-compact .buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
}

body .b24-numbered-summary .buttons, body .b24-basket-compact .buttons .b24-button {
    font-size: var(--b24-btn-small-font-size);
    width: 240px !important;
}

/* TABELA ZAKUPOWA */
.b24-basket-compact th,
.b24-basket-compact td {
    border-top: none;
}

article div.table-cart-mobile div {
    border: none !important;
}

.table-cart,
body .b24-basket-compact > table {
    border-collapse: collapse;
    width: 100%;
}

.table-cart thead,
.b24-basket-compact > table thead {
    border-bottom: var(--b24-table-cart-head-border-style);
}

.table-cart thead tr th,
.b24-basket-compact > table thead tr th {
    background-color: var(--b24-table-cart-head-background-color) !important;
    color: var(--b24-table-cart-head-color) !important;
    font-size: var(--b24-body-font-size) !important;
    text-align: left !important;
}

.table-cart tbody tr td,
.b24-basket-compact > table tbody tr td {
    background-color: var(--b24-table-cart-body-background-color) !important;
    color: var(--b24-table-cart-body-color) !important;
}

.table-cart tbody tr td:first-child,
.b24-basket-compact > table tbody tr td:first-child {
    text-align: left !important;
}

.table-cart tbody .items + .row-0 td,
body .b24-numbered-summary table tbody tr td,
body .b24-basket-compact table tbody tr td {
    border-bottom: var(--b24-table-cart-items-border-style);
    padding-bottom: 5px;
}

.table-cart tbody .title td {
    padding-top: 8px;
}

.table-cart tbody .title td h4 {
    margin-bottom: 3px !important;
}

.basket-summary .box-summary .desktop-show {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.basket-summary .box-summary .desktop-show > div {
    flex-basis: 45%;
    flex-grow: 1;
    float: none;
}

.basket-summary .box-summary .desktop-show > .basket-summary-column-2 {
    padding-top: 10px;
}

.table-cart-mobile .title,
.table-cart-mobile .items {
    background-color: var(--b24-table-cart-body-background-color) !important;
    border: none;
}

.table-cart-mobile .items:not(:last-child) {
    border-bottom: var(--b24-table-cart-items-border-style);
}

.mobile-price-basket {
    border: none !important;
}

/* LISTA ROZWIJANA / CUSTOM SELECT */
.select2.select2-container {
    background-color: var(--b24-input-background-color) !important;
    border: var(--b24-input-border-style) !important;
    border-radius: var(--b24-input-rounded);
    color: var(--b24-input-color) !important;
    overflow: hidden;
}

.select2.select2-container.select2-container--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-selection--single {
    background-color: var(--b24-input-background-color) !important;
    color: var(--b24-input-color) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--b24-input-color) !important;
}

.select2-dropdown,
#workshop-read-select2-dropdown .select2-dropdown,
.b24-select-workshop-schedule .select2-dropdown {
    border: var(--b24-input-border-style) !important;
    border-top: none !important;
}

.select2-results__option,
.select2-results__option--selectable {
    background-color: white !important;
    color: var(--b24-body-text-color);
}

.select2-results__option--highlighted,
.select2-results__option--selected {
    background-color: var(--b24-accent-color) !important;
    color: var(--b24-body-text-inverted-color) !important;
}

.b24-select-workshop-group {
    border: none !important;
}

#workshop-read-select2-dropdown .b24-option .b24-select2-image,
.b24-select-workshop-schedule .b24-option .b24-select2-image {
    background-size: 65% !important;
}

.workshop-facilities-filter select, .workshop-facilities-filter .select2 .selection .select2-selection {
    border: none !important;
}

.b24-workshop-title-read .b24-workshop-group-details > form > * {
    border: none;
}

.workshop-facilities-filter select .select2-selection__arrow,
.workshop-facilities-filter .select2 .selection .select2-selection .select2-selection__arrow,
.b24-workshop-title-read .b24-workshop-group-details .select2-container .select2-selection__arrow,
.b24-workshop-modal-signup .row .participant-price-variant-select .select2-container .select2-selection__arrow {
    background-image: url('/wp-content/uploads/2025/09/arrow_zb2.svg');
}

/* SLIDER */

.slider {
    max-height: none;
}

.slider .slick-slide {
    margin: 0 1px;
}

.slick-arrow,
.slick-arrow:hover {
    background: none;
}

.slick-arrow:before {
    align-items: flex-start;
    background-color: var(--b24-container-background-color);
    border-radius: var(--b24-rounded);
    color: var(--b24-accent-color);
    content: '';
    display: flex;
    font-family: var(--b24-body-font);
    height: 20px;
    justify-content: center;
    line-height: 0.9;
    width: 20px;
}

.slick-arrow:hover:before {
    background-color: var(--b24-accent-color);
    color: var(--b24-body-text-inverted-color);
}

.slick-next:before {
    content: '»'
}

.slick-prev:before {
    content: '«'
}

.slick-dots > li.slick-active button:before {
    background-color: var(--b24-accent-color);
}

.bannerszeroki .slider .slick-list .slick-track .slick-slide a {
    aspect-ratio: 0.67;
    padding-top: 0 !important;
}

@media screen and (min-width: 1001px) {
    .bannerszeroki .slider .slick-list .slick-track .slick-slide a {
        aspect-ratio: 3.2;
        padding-top: 0 !important;
    }
}

/* MODAL */

.jquery-modal .modal,
.jquery-modal .close-modal,
.jquery-modal .modal-workshop .modal-content,
.b24-workshop-modal-teacher-dashboard .modal-content table.table-attendance-list tbody tr:nth-child(2n+1),
.b24-workshop-modal-teacher-dashboard .modal-content table.table-attendance-list tbody tr:nth-child(2n) {
    background-color: var(--b24-container-background-color) !important;
}

.jquery-modal .modal-workshop {
    width: 100%;
}

.jquery-modal .modal *,
.b24-workshop-modal-teacher-dashboard .hour-column .hour,
.b24-workshop-day-list .list-item .list-item-hour .hour {
    color: var(--b24-body-text-color);
}

.jquery-modal .close-modal:before {
    content: '×' !important;
    color: var(--b24-body-text-color) !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.jquery-modal .close-modal:hover:before,
.jquery-modal .close-modal:active:before,
.jquery-modal .close-modal:focus:before,
.jquery-modal .close-modal:focus-visible:before {
    color: var(--b24-accent-color) !important;
}

.jquery-modal .modal-info {
    background-color: unset;
}

.jquery-modal .modal-info p {
    line-height: 1.1;
    color: var(--b24-body-text-color);
}

/* KONTO */
.account ul.menu li a {
    background-color: var(--b24-tabs-background-color);
    border-bottom-width: 0px !important;
    color: var(--b24-tabs-color);
    font-size: var(--b24-tabs-font-size);
}

.account ul.menu li a:hover {
    background-color: var(--b24-tabs-hover-background-color);
    border-color: var(--b24-accent-color);
    color: var(--b24-tabs-hover-color) !important;
}

.account ul.menu li.active a {
    background-color: var(--b24-tabs-active-background-color);
    border-color: var(--b24-accent-color);
    color: var(--b24-tabs-active-color);
}

/* PAGINACJA */

.b24-pagination ul li a {
    background-color: var(--b24-container-background-color);
    border: 1px solid var(--b24-accent-color);
    border-radius: var(--b24-rounded);
    color: var(--b24-body-text-color);
}

.b24-pagination ul li.current a,
.b24-pagination ul li a:hover,
.b24-pagination ul li a:active,
.b24-pagination ul li a:focus,
.b24-pagination ul li a:focus-visible,
.b24-pagination ul li.current a:hover,
.b24-pagination ul li.current a:active,
.b24-pagination ul li.current a:focus,
.b24-pagination ul li.current a:focus-visible {
    background-color: var(--b24-accent-color);
    color: var(--b24-body-text-inverted-color) !important;
}

.b24-pagination .page-numbers i {
    font-style: normal;
}

/* KARNETY */
.mobile-show .couponbook-button {
    margin: 12px 0 !important;
}

.couponbook-repertoires > h2 {
    margin-bottom: 0.5em !important;
}

.couponbook-repertoires .mobile-show .list-item-title,
.couponbook-repertoires .mobile-show .list-item-title > a {
    font-size: 16px !important;
    text-align: center;
}

.couponbook-repertoires .mobile-show .list-item-meta {
    text-align: center;
}

/* STRONA TYTUŁU */

.btn.btn-half.inactive.month {
    color: var(--b24-body-text-color) !important;
}

.title-read-kt .list-item-btns:has(.btn-half-concert) {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    a.btn.btn-half.btn-half-concert {
        flex-basis: 18%;
        flex-grow: 0;
        margin: 0 !important;
        width: auto !important;
    }

    .info-date.info-date-concert.h3 {
        flex-grow: 1;
        flex-basis: 80%;
    }

}

.title-read-kt .list-item-btns.list-item-read-kt-mobile-btns:has(.btn-half-concert) {
    a.btn.btn-half.btn-half-concert {
        margin: 0 !important;
        width: auto !important;
        flex-basis: 45%;
        flex-grow: 0;
        float: none !important;
    }
}

/* WARSZTATY */

/* ZAJĘCIA */
.b24-workshop-group-details-form {
    display: flex;
    flex-wrap: wrap;
}

.b24-workshop-details .b24-parameters {
    display: flex;
    flex-wrap: wrap;
}

.b24-workshop-details .b24-parameters .b24-column {
    width: 100%;
    flex-basis: 100%;
}

.workshop-form-participants {
    display: flex;
    flex-direction: column;
}

.workshop-form-participants > * {
    width: 100% !important;
}

.b24-workshop-calendar-month-dates {
    box-sizing: border-box;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    @media all and (min-width: 1001px) {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

.b24-workshop-calendar-date-box {
    background-color: var(--b24-text-box-background-color);
    border: var(--b24-text-box-border-style) !important;
    border-radius: var(--b24-text-box-rounded);
    color: var(--b24-text-box-color);
    float: none;
    margin: 0 !important;
    width: 100% !important;
}

/* PROWADZĄCY */
.workshop-form-msg > div .input .prefix {
    line-height: 1.5;
    text-align: left;
}

.b24-workshop-modal-teacher-dashboard .modal-content .group-name {
    color: var(--b24-body-text-color);
    font-weight: bold;
}

.b24-workshop-day-list .list-item .list-item-hour .hour,
.b24-workshop-modal-teacher-dashboard .hour-column .hour {
    border: none !important;
}

input#topic {
    max-width: none !important;
}

/* SKLEP */
.buy-price + .buy-button {
    margin-top: 15px !important;
}

body .order-list {
    float: right !important;
}

/* ZMIANY W REPERTUARZE */
.cancelled_repertoires .repertoire {
    background-color: transparent !important;
}

/* TABELKA WORDPRESS */
.wp-block-table > table {
    border: none;
    th, td {
        border: none;
    }
    thead, thead > tr, thead th {
        border-bottom: 2px solid var(--b24-accent-color) !important;
    }
    tbody > tr {
        transition: all 0.3s ease;
    }
    tbody > tr:hover {
        background-color: #F7EAF4;
    }
}


/* COOKIES */
.jlplg-lovecoding-cookie-info-container * {
    font-family: var(--b24-body-font);
    font-size: var(--b24-small-font-size) !important;
}

.jlplg-lovecoding-buttons button {
    background-color: var(--b24-btn-background-color) !important;
    border: 1px solid var(--b24-btn-border-color) !important;
    color: var(--b24-btn-color) !important;
}

.jlplg-lovecoding-buttons button .button-text {
    color: var(--b24-btn-color) !important;
}

.jlplg-lovecoding-buttons button:hover {
    background-color: var(--b24-btn-hover-background-color) !important;
    border: 1px solid var(--b24-btn-hover-border-color) !important;
    color: var(--b24-btn-hover-color) !important;
}

.jlplg-lovecoding-buttons button:hover .button-text {
    color: var(--b24-btn-hover-color) !important;
}

.jlplg-lovecoding-buttons button:active {
    background-color: var(--b24-btn-active-background-color) !important;
    border: 1px solid var(--b24-btn-active-border-color) !important;
    color: var(--b24-btn-active-color) !important;
}

.jlplg-lovecoding-buttons button:active .button-text {
    color: var(--b24-btn-active-color) !important;
}

.jlplg-lovecoding-buttons button:focus,
.jlplg-lovecoding-buttons button:focus-visible {
    background-color: var(--b24-btn-focus-background-color) !important;
    border: 1px solid var(--b24-btn-focus-border-color) !important;
    color: var(--b24-btn-focus-color) !important;
}

.jlplg-lovecoding-buttons button:focus .button-text,
.jlplg-lovecoding-buttons button:focus-visible .button-text {
    color: var(--b24-btn-focus-color) !important;
}

/* TABLET */
@media screen and (min-width: 601px) {
    /* DODAWANIE DO KOSZYKA */

    /* NIENUMEROWANE */
    .b24-unnumbered-ticket {
        flex-basis: 45%;
    }
}

/* DESKTOP */

@media screen and (min-width: 1001px) {
    /* OGRANICZENIE KONTENERA */
    .container,
    #header .head,
    #footer .foot-widgets,
    .b24-menu .b24-menu-content {
        margin: 0 auto;
        max-width: 1255px !important;
        padding: 0 5px !important;
    }

    .formatter {
        padding-top: 30px !important;
    }

    /* HEADER */
    #header .normal-logo {
        height: var(--b24-logo-height-desktop);
        width: var(--b24-logo-width-desktop);
    }

    #header .top-menu .sub-menu a {
        font-size: var(--b24-body-font-size) !important;
        font-weight: normal !important;
    }

    /* FOOTER */
    #footer .widget {
        border-width: var(--b24-footer-menu-border-width);
        padding-left: 10px;
    }
    /* PRZYCISKI */
    .b24-button {
        min-height: var(--b24-btn-min-height-desktop) !important;
        padding: 10px 20px !important;
    }

    .b24-button--small {
        min-height: var(--b24-btn-small-min-height-desktop) !important;
    }

    .b24-button--back {
        min-height: var(--b24-btn-small-min-height) !important;
    }

    .b24-button--discount-code {
        min-height: auto !important;
    }

    .b24-button:not(.b24-button--cancelled) .b24-button__hour:before {
        content: var(--b24-btn-hour-before-content);
        display: block;
        font-size: 0.5em;
        text-align: center;
    }

    .b24-basket-steps .basket-steps > li > a {
        border-radius: var(--b24-btn-rounded);
    }

    /* LISTY */

    /* LISTA KARNETÓW */
    .couponbook-list-item {
        flex-direction: row;
    }

    /* DODAWANIE DO KOSZYKA */

    /* NIENUMEROWANE */
    .b24-unnumbered-ticket {
        flex-basis: 32%;
    }

    /* WARSZTATY */

    /* ZAJĘCIA */
    .b24-workshop-group-details-form {
        flex-wrap: nowrap;
    }

    .b24-workshop-details .b24-parameters {
        flex-wrap: nowrap;
    }

    .b24-workshop-details .b24-parameters .b24-column {
        flex-basis: 50%;
    }

    .workshop-form-participants {
        flex-direction: row;
    }

    .workshop-form-participants > * {
        width: 40% !important;
    }

    .workshop-form-participants > .participant-btns {
        width: 20% !important;
    }

    /* SKLEP */
    .product-themes-only-buy-button {
        display: flex;
    }

    /* NEWSLETTER */
    .b24-newsletter-content {
        color: var(--b24-newsletter-content-color) !important;
    }
}

/* TYLKO MOBILE */

@media screen and (max-width: 600px) {
    /* STRONA TYTUŁU - KONCERT */
    body .title-read-kt article.title-read .list-item-read-kt-mobile-btns a.btn.btn-half.btn-half-concert:nth-child(3n) {
        margin-left: 5px;
    }

    body .title-read-kt article.title-read .list-item-read-kt-mobile-btns a.btn.btn-half.btn-half-concert:nth-child(2n + 1) {
        margin-left: 0;
    }

    /* LISTA DZIENNA */
    .mobile-show .event-day-list.event-day-list-titles .list-item .list-item-image {
        width: 55% !important;
    }

    .mobile-show .event-day-list.event-day-list-titles .list-item .list-item-btns {
        width: 45% !important;
    }

    .b24-days {
        display: flex;
    }

    /* PROCES KOSZYKOWY */
    #discount_code {
        width: 100% !important;
    }

    .discount-code {
        flex-grow: 1;
    }

    /* NEWSLETTER */
    .b24-newsletter-letter {
        background: none;
        height: auto !important;
    }

    .b24-newsletter-letter * {
        position: static;
    }

    .b24-newsletter-paper, .b24-newsletter-front {
        display: none;
    }

    /* LOGOWANIE */

    #user-login .b24-column.b24-column-6,
    .b24-form-basket_customer .b24-column.b24-column-6 {
        width: 100%;
    }

    #user-login .form-context-border,
    .b24-form-basket_customer .form-context-border {
        border: none;
    }

    .b24-form-basket_customer {
        display: flex;
        flex-direction: column;
        & > .b24-col-2 {
            order: 2;
            & > .b24-button {
                margin: 0.5rem;
            }
        }
        & > hr {
            order: 1;
        }
    }

    /* DANE W KOSZYKU */

    .b24-form-basket_customer .form-column-1, .b24-form-user-profile .form-column-1, .b24-form-user-workshop .form-column-1,
    .b24-form-basket_customer .form-column-3, .b24-form-user-profile .form-column-3, .b24-form-user-workshop .form-column-3 {
        width: 100% !important;
    }

    /* WYBÓR MIEJSC */

    body .b24-numbered-tickets .b24-sections-list {
        display: flex;
        align-items: center;
    }

    /* WARSZTATY */

    /* MODAL DO ZAPISU */

    .b24-workshop-modal-signup .row .participant-btns>.status, .b24-workshop-modal-signup .row .participant-btns>input {
        width: 100% !important;
    }

    /* PROWADZĄCY */

    .mobile-show .b24-workshop-day-list .list-item-btns a {
        width: 60px;
        height: 60px;
    }

    .mobile-show .b24-workshop-day-list .list-item-title {
        margin-top: 16px !important;
    }

    .workshop-form-msg>div .input {
        width: calc(100% - 70px);
    }
}

/* TABELKA KOSZYKOWA ZAJĘCIA - MOBILE */
@media screen and (max-width: 600px) {
    .table-cart {
        * {
            box-sizing: border-box !important;
        }
        thead {
            display: none;
        }
        tbody {
            tr, td {
                border-top: none !important;
                display: block;
                font-size: 12px !important;
                width: 100% !important;
                text-align: left !important;
            }
            td {
                padding: 5px 10px !important;
            }
            .items {
                position: relative;
            }
            .items:has(.title-bar) {
                border-top: none !important;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                margin-top: 20px;
            }
            .row-1:has(+ .row-2), .row-2:has(+ .row-1) {
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;

                border-bottom: var(--b24-border-style);
            }
            .group-name {
                font-size: 14px !important;
            }
            .group-name:before {
                content: 'Grupa:';
            }
            .price-variant:before {
                content: 'Wariant:';
            }
            .participant-name:before {
                content: 'Uczestnik:'
            }
            .installment-number:before {
                content: 'Nr raty:'
            }
            .installment-price:before {
                content: 'Wartość raty:'
            }
            .remove {
                position: absolute;
                right: 0;
                top: 0;
                width: auto !important;
            }
        }
    }
}

/* PIERWSZY WYRAZ AKCENTOWY */
.b24-first-word {
    color: var(--b24-accent-color) !important;
}

input.c-tgl {
    border: none !important;
    background: transparent !important;
}

input.c-tgl:hover {
    border: none !important;
    background: transparent !important;
}

/* pływające przyciski - zmiana wartości zmiennych w :root spowoduje zmianę kolorów dla obu przycisków */
:root {
    --b24-floating-button-background-color: darkcyan;
    --b24-floating-button-hover-background-color: #005454;
}

pressidium-floating-button {
    bottom: 4rem;
    left: 0;
    margin: 20px;
    --cc-btn-floating-bg: var(--b24-floating-button-background-color);
    --cc-btn-floating-hover-bg: var(--b24-floating-button-hover-background-color)
}

.djacc-popup.djacc--bottom-left .djacc__openbtn {
    background-color: var(--b24-floating-button-background-color);
    box-shadow: 0 0.3rem 0.6rem rgba(2, 2, 3, 0.2);
}

.djacc-popup.djacc--bottom-left:hover .djacc__openbtn {
    background-color: var(--b24-floating-button-hover-background-color);
    margin: 0 !important;
}

.djacc-popup .djacc__close:hover {
    background-color: var(--b24-floating-button-hover-background-color) !important;
}

.djacc-popup.djacc--light .djacc__arrows:hover, .djacc-popup.djacc--light .djacc__btn:hover {
    border-color: var(--b24-floating-button-background-color) !important;
}

body .djacc-popup .djacc__close, .djacc-popup .djacc__bar:after, body .djacc-popup .djacc__bar:before {
    background-color: var(--b24-floating-button-background-color) !important;
}

.djacc-popup.djacc--light .djacc__dec:hover svg [stroke^="#"], .djacc-popup.djacc--light .djacc__inc:hover svg [stroke^="#"] {
    stroke: var(--b24-floating-button-background-color) !important
}

.djacc-popup .djacc__footer-link:hover {
    color: var(--b24-floating-button-background-color) !important
}
/* pływające przyciski KONIEC */

/* DOSTĘPNOŚĆ */

.djacc-dark-contrast {
    --b24-heading-color: white;
    --b24-body-text-color: white;
    --b24-header-background-color: black;
    --b24-footer-background-color: black;
    --b24-footer-color: white;
    --b24-container-background-color: black;
}

.djacc-light-contrast {
    --b24-heading-color: black;
    --b24-body-text-color: black;
    --b24-header-background-color: white;
    --b24-footer-background-color: white;
    --b24-footer-color: black;
    --b24-container-background-color: white;
}