.timeline-calendar-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    background: #00000012;
    padding: 30px 15px;
    border-radius: 10px;
    position: relative;
}

.timeline-arrow {
    cursor: pointer;
    background: #fff;
    padding: 5px;
    font-size: 24px;
    border-radius: 5px;
    line-height: 1em;
}

.soldout-tooltip-icon:before {
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2967_2963)'%3E%3Cpath d='M9 6V9M9 12H9.0075M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2967_2963'%3E%3Crect width='18' height='18' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    display: inline-block;
}

.timeline-content {
    display: flex;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 25px;
    padding: 7px 5px;
    justify-content: flex-start;
    margin: 0 20px;
    z-index: 2;
}

.info-text {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    justify-content: center;
    text-align: left;
}

@media screen and (max-width: 768px) {
    .info-text {
        background: #f8f6f0;
        padding: 20px;
        margin-top: 25px;
        border-radius: 8px;
        justify-content: flex-start;
    }
    .info-text svg {
        width: 45px;
    }
}

.timeline-dots::before {
    content: '';
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: -1;
    max-width: 1140px;
    margin: 0 auto;
}

.timeline-dots {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    z-index: 1;
    padding: 0 20px;
    width: 100%;
}

.timeline-group {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.timeline-dot-container {
    display: flex;
    align-items: center;
    gap: 10px;
    /* Odstępy między kropkami tego samego dnia */
}

.timeline-dot {
    width: 8px;
    height: 8px;
    background-color: rgba(109, 13, 32, 1);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
    border: 2px solid rgba(109, 13, 32, 0.3);
    outline: 2px solid rgba(109, 13, 32, 0.3);
}

.timeline-dot.active {
    background-color: #333;
}

/* Data pod każdą grupą kropek */
.timeline-date {
    margin-top: 5px;
    text-align: center;
    font-size: 14px;
    color: #000;
    position: absolute;
    bottom: 5px;
    font-weight: 500;
}

/* Styl tooltipa */
/* .tooltip {
    position: absolute;
    bottom: -15px;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
    display: none;
}

.timeline-dot:hover .tooltip {
    display: block;
} */

.date-separator {
    width: 50px;
    /* Przerwa między różnymi dniami */
    height: 1px;
    background-color: transparent;
}

/* Stylizacja nagłówka */
.timeline-calendar-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.timeline-calendar-header h3 {
    font-size: 14px;
    color: #6D0D20;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    border-right: 1px solid #484B43;
    padding-right: 25px;
}

.timeline-calendar-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}

.current-month {
    font-size: 16px;
    font-weight: normal;
}

.calendar-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
    border-left: 1px solid #484B43;
    border-right: 1px solid #484B43;
    padding: 0 25px;
}

.calendar-buttons button,
.calendar-buttons button:focus {
    padding: 7px 12px;
    font-size: 14px;
    border: 1px solid #484B43;
    color: #484B43;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    background: unset;
}

.calendar-buttons svg {
    vertical-align: sub;
    margin-right: 5px;
}

.calendar-buttons button.active,
.calendar-buttons button:hover,
.full-calendar:hover {
    background-color: #6D0D20;
    color: #E7E3D7;
    border-color: transparent;
}

.calendar-buttons button.show-concerts:hover path,
.calendar-buttons button.show-concerts.active path {
    fill: #E7E3D7;
}

.calendar-buttons button.show-events.active path,
.calendar-buttons button.show-events:hover path,
.calendar-buttons button.show-other-events.active path,
.calendar-buttons button.show-other-events:hover path,
.full-calendar:hover path {
    stroke: #E7E3D7;
}

.full-calendar {
    padding: 7px 12px;
    border: 1px solid #333;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 14px;
    color: #484B43;
}

.full-calendar svg {
    vertical-align: sub;
    margin-right: 5px;
}

.full-calendar-container {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    grid-template-rows: 1fr;
    gap: 15px;
    grid-auto-flow: row;
    grid-template-areas:
        "full-calendar-header full-calendar-header"
        "full-calendar-left full-calendar-right";
}

.full-calendar-header {
    grid-area: full-calendar-header;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.full-calendar-left {
    grid-area: full-calendar-left;
}

.full-calendar-right {
    grid-area: full-calendar-right;
}

.full-calendar-right {
    background-color: #F8F6F0;
    padding: 20px;
    border-radius: 8px;
}


.full-calendar-header .calendar-header .current-month {
    font-family: "Neutra Display Titling", sans-serif;
    font-size: 24px;
    line-height: 1.1em;
    color: #000;
    margin-right: 20px;
    min-width: 220px;
    display: inline-block;
}

.full-calendar-header .calendar-header .month-arrow {
    background: #fff;
    border-radius: 8px;
    padding: 7px 25px;
    line-height: 1em;
    cursor: pointer;
    display: inline-block;
    transition: .3s all;
    font-size: 21px;
}

.full-calendar-header .calendar-header .month-arrow:hover {
    background: #6D0D20;
    color: #fff;
}

.full-calendar-header .calendar-header .prev-month {
    margin-right: 10px;
}

.filter-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.filter-buttons .filter-btn {
    border: 1px solid #484B43;
    color: #484B43;
    background: transparent;
    font-size: 14px;
    line-height: 1em;
    border-radius: 8px;
}
.filter-buttons .filter-btn svg {
    margin-right: 5px;
}
.filter-buttons .filter-btn:hover {
    background: #6D0D20;
    border-color: #6D0D20;
    color: #fff;
}
.filter-buttons .filter-btn:hover svg,
.filter-buttons .filter-btn:hover path,
.filter-buttons .filter-btn:hover g {
    stroke: #fff;
}
.filter-buttons .filter-btn[data-genre="koncert"]:hover svg,
.filter-buttons .filter-btn[data-genre="koncert"]:hover path,
.filter-buttons .filter-btn[data-genre="koncert"]:hover g {
    stroke: unset;
    fill: #fff;
}
.filter-btn:focus {
    background-color: unset;
    color: unset;
}

.filter-btn.active {
    background-color: #6D0D20;
    color: #fff;
    border-color: #6D0D20;
}
.filter-btn.active svg,
.filter-btn.active path,
.filter-btn.active g {
    stroke: #fff;
}
.filter-btn.active[data-genre="koncert"] svg,
.filter-btn.active[data-genre="koncert"] path,
.filter-btn.active[data-genre="koncert"] g {
    stroke: unset;
    fill: #fff;
}
.event-details {
    margin-bottom: 30px;
}

.event-details h3,
.event-list h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: normal;
}


.single-event {
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}

.single-event-image-bg {
    min-width: 270px;
    height: 175px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.single-event-for-days-details {
    padding: 10px 15px;
}

.single-event-details span {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 10px;
}

.single-event-details span:last-child {
    margin-right: 0;
}

.single-event .event-name a {
    font-family: "Neutra Display Titling", sans-serif;
    font-size: 24px;
    line-height: 1.1em;
    margin: 15px 0;
    color: #000;
    font-weight: 400;
}

.single-event .event-location {
    font-size: 14px;
    color: #777;
    line-height: 1.1em;
    max-width: 220px;
}

.single-event-buttons {
    margin-top: 10px;
}

.single-event-buttons .post-link {
    display: none !important;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: var(--e-global-color-accent);
    text-align: center;
    border-radius: 50%;
    color: #fff;
    transition: .3s all;
    margin-left: 10px;
}

.single-event-buttons .post-link:hover {
    background: var(--e-global-color-secondary);
}

.single-event .single-event-buttons a {
    font-size: 14px !important;
    line-height: 1em;
    color: #fff;
    display: block;
    transition: .3s all;
    display: inline-block;
    padding: 12px 24px;
    border-radius: 3px;
    background-color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
}

.single-event .single-event-buttons a.disabled {
    background: var(--e-global-color-secondary);
    cursor: not-allowed;
}

.single-event .single-event-buttons a.single-event-button-post {
    background: #6D0D20;
    outline: 2px solid rgba(0, 0, 0, .2);
    color: #fff;
}

.event-details .single-event-for-days {
    background: #F8F6F0;
    border-radius: 10px;
    padding: 12px 20px;
}

.event-details .single-event-for-days .event-name a {
    font-size: 30px;
    font-family: "Neutra Display Titling", sans-serif;
    line-height: 1.1em;
    color: #000;
    font-weight: 400;
}

.event-details .single-event-for-days .event-scene {
    font-size: 14px;
    font-family: "Inter";
    line-height: 1.3em;
    color: #777;
    max-width: 220px;
}

.event-details .single-event-for-days .single-event-buttons a.single-event-button-post {
    font-size: 14px !important;
    line-height: 1em;
    color: #fff;
    display: block;
    transition: .3s all;
    display: inline-block;
    padding: 12px 24px;
    border-radius: 3px;
    background-color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
}

.event-details .single-event-for-days .single-event-buttons a.single-event-button-post.disabled {
    background: var(--e-global-color-secondary);
    cursor: not-allowed;
}

.event-details .single-event-for-days .single-event-buttons a.single-event-button-post.disabled:hover {
    background: var(--e-global-color-secondary);
}

.event-details .single-event-for-days .single-event-buttons a.single-event-button-post:hover {
    background: var(--e-global-color-secondary);
    color: #fff;
}

.event-items .single-event-for-days {
    background: #F8F6F0;
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.event-items .single-event-for-days:last-child {
    margin-bottom: 0;
}

.event-items .single-event-for-days img {
    max-width: 220px;
    margin-right: 15px;
    min-height: 160px;
}

.event-items .single-event-for-days .event-name {
    max-width: 230px;
    margin: 10px 0 5px;
}

.full-calendar-left .event-list .event-items {
    max-height: 430px;
    overflow-y: scroll;
}

.full-calendar-left .event-list .event-items {
    scrollbar-width: thin;
    scrollbar-color: #6d0d20 #dedede;
}

/* Chrome, Edge, and Safari */
.full-calendar-left .event-list .event-items::-webkit-scrollbar {
    width: 2px;
}

.full-calendar-left .event-list .event-items::-webkit-scrollbar-track {
    background: #dedede;
}

.full-calendar-left .event-list .event-items::-webkit-scrollbar-thumb {
    background-color: #6d0d20;
    border-radius: 25px;
    border: 2px solid #ffffff;
}

.featured-event::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.2827 3.45332C11.5131 2.98638 11.6284 2.75291 11.7848 2.67831C11.9209 2.61341 12.0791 2.61341 12.2152 2.67831C12.3717 2.75291 12.4869 2.98638 12.7174 3.45332L14.9041 7.88328C14.9721 8.02113 15.0061 8.09006 15.0558 8.14358C15.0999 8.19096 15.1527 8.22935 15.2113 8.25662C15.2776 8.28742 15.3536 8.29854 15.5057 8.32077L20.397 9.03571C20.9121 9.11099 21.1696 9.14863 21.2888 9.27444C21.3925 9.38389 21.4412 9.5343 21.4215 9.68377C21.3988 9.85558 21.2124 10.0372 20.8395 10.4004L17.3014 13.8464C17.1912 13.9538 17.136 14.0076 17.1004 14.0715C17.0689 14.128 17.0487 14.1902 17.0409 14.2545C17.0321 14.3271 17.0451 14.403 17.0711 14.5547L17.906 19.4221C17.994 19.9355 18.038 20.1922 17.9553 20.3445C17.8833 20.477 17.7554 20.57 17.6071 20.5975C17.4366 20.6291 17.2061 20.5078 16.7451 20.2654L12.3724 17.9658C12.2361 17.8942 12.168 17.8584 12.0962 17.8443C12.0327 17.8318 11.9673 17.8318 11.9038 17.8443C11.832 17.8584 11.7639 17.8942 11.6277 17.9658L7.25492 20.2654C6.79392 20.5078 6.56341 20.6291 6.39297 20.5975C6.24468 20.57 6.11672 20.477 6.04474 20.3445C5.962 20.1922 6.00603 19.9355 6.09407 19.4221L6.92889 14.5547C6.95491 14.403 6.96793 14.3271 6.95912 14.2545C6.95132 14.1902 6.93111 14.128 6.89961 14.0715C6.86402 14.0076 6.80888 13.9538 6.69859 13.8464L3.16056 10.4004C2.78766 10.0372 2.60121 9.85558 2.57853 9.68377C2.55879 9.5343 2.60755 9.38389 2.71125 9.27444C2.83044 9.14863 3.08797 9.11099 3.60304 9.03571L8.49431 8.32077C8.64642 8.29854 8.72248 8.28742 8.78872 8.25662C8.84736 8.22935 8.90016 8.19096 8.94419 8.14358C8.99391 8.09006 9.02793 8.02113 9.09597 7.88328L11.2827 3.45332Z' stroke='%236D0D20' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    top: 3px;
    right: 5px;
    line-height: 1em;
    width: 16px;
    height: 16px;
    background-size: contain;
}
td.has-event.active.featured-event::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.2827 3.45332C11.5131 2.98638 11.6284 2.75291 11.7848 2.67831C11.9209 2.61341 12.0791 2.61341 12.2152 2.67831C12.3717 2.75291 12.4869 2.98638 12.7174 3.45332L14.9041 7.88328C14.9721 8.02113 15.0061 8.09006 15.0558 8.14358C15.0999 8.19096 15.1527 8.22935 15.2113 8.25662C15.2776 8.28742 15.3536 8.29854 15.5057 8.32077L20.397 9.03571C20.9121 9.11099 21.1696 9.14863 21.2888 9.27444C21.3925 9.38389 21.4412 9.5343 21.4215 9.68377C21.3988 9.85558 21.2124 10.0372 20.8395 10.4004L17.3014 13.8464C17.1912 13.9538 17.136 14.0076 17.1004 14.0715C17.0689 14.128 17.0487 14.1902 17.0409 14.2545C17.0321 14.3271 17.0451 14.403 17.0711 14.5547L17.906 19.4221C17.994 19.9355 18.038 20.1922 17.9553 20.3445C17.8833 20.477 17.7554 20.57 17.6071 20.5975C17.4366 20.6291 17.2061 20.5078 16.7451 20.2654L12.3724 17.9658C12.2361 17.8942 12.168 17.8584 12.0962 17.8443C12.0327 17.8318 11.9673 17.8318 11.9038 17.8443C11.832 17.8584 11.7639 17.8942 11.6277 17.9658L7.25492 20.2654C6.79392 20.5078 6.56341 20.6291 6.39297 20.5975C6.24468 20.57 6.11672 20.477 6.04474 20.3445C5.962 20.1922 6.00603 19.9355 6.09407 19.4221L6.92889 14.5547C6.95491 14.403 6.96793 14.3271 6.95912 14.2545C6.95132 14.1902 6.93111 14.128 6.89961 14.0715C6.86402 14.0076 6.80888 13.9538 6.69859 13.8464L3.16056 10.4004C2.78766 10.0372 2.60121 9.85558 2.57853 9.68377C2.55879 9.5343 2.60755 9.38389 2.71125 9.27444C2.83044 9.14863 3.08797 9.11099 3.60304 9.03571L8.49431 8.32077C8.64642 8.29854 8.72248 8.28742 8.78872 8.25662C8.84736 8.22935 8.90016 8.19096 8.94419 8.14358C8.99391 8.09006 9.02793 8.02113 9.09597 7.88328L11.2827 3.45332Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.calendar-legend {
    margin-top: 10px;
    font-size: 14px;
}

.calendar-legend .legend-dot {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.2827 3.45332C11.5131 2.98638 11.6284 2.75291 11.7848 2.67831C11.9209 2.61341 12.0791 2.61341 12.2152 2.67831C12.3717 2.75291 12.4869 2.98638 12.7174 3.45332L14.9041 7.88328C14.9721 8.02113 15.0061 8.09006 15.0558 8.14358C15.0999 8.19096 15.1527 8.22935 15.2113 8.25662C15.2776 8.28742 15.3536 8.29854 15.5057 8.32077L20.397 9.03571C20.9121 9.11099 21.1696 9.14863 21.2888 9.27444C21.3925 9.38389 21.4412 9.5343 21.4215 9.68377C21.3988 9.85558 21.2124 10.0372 20.8395 10.4004L17.3014 13.8464C17.1912 13.9538 17.136 14.0076 17.1004 14.0715C17.0689 14.128 17.0487 14.1902 17.0409 14.2545C17.0321 14.3271 17.0451 14.403 17.0711 14.5547L17.906 19.4221C17.994 19.9355 18.038 20.1922 17.9553 20.3445C17.8833 20.477 17.7554 20.57 17.6071 20.5975C17.4366 20.6291 17.2061 20.5078 16.7451 20.2654L12.3724 17.9658C12.2361 17.8942 12.168 17.8584 12.0962 17.8443C12.0327 17.8318 11.9673 17.8318 11.9038 17.8443C11.832 17.8584 11.7639 17.8942 11.6277 17.9658L7.25492 20.2654C6.79392 20.5078 6.56341 20.6291 6.39297 20.5975C6.24468 20.57 6.11672 20.477 6.04474 20.3445C5.962 20.1922 6.00603 19.9355 6.09407 19.4221L6.92889 14.5547C6.95491 14.403 6.96793 14.3271 6.95912 14.2545C6.95132 14.1902 6.93111 14.128 6.89961 14.0715C6.86402 14.0076 6.80888 13.9538 6.69859 13.8464L3.16056 10.4004C2.78766 10.0372 2.60121 9.85558 2.57853 9.68377C2.55879 9.5343 2.60755 9.38389 2.71125 9.27444C2.83044 9.14863 3.08797 9.11099 3.60304 9.03571L8.49431 8.32077C8.64642 8.29854 8.72248 8.28742 8.78872 8.25662C8.84736 8.22935 8.90016 8.19096 8.94419 8.14358C8.99391 8.09006 9.02793 8.02113 9.09597 7.88328L11.2827 3.45332Z' stroke='%236D0D20' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 21px;
    height: 21px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    background-size: contain;
}

/* Usuwanie borderów w tabeli */
.month-calendar {
    border-collapse: separate;
    width: 100%;
    border-spacing: 5px;
}



.month-calendar td,
.month-calendar th {
    border: none;
    /* Usunięcie obramowania komórek */
    padding: 15px 10px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px;
    /* Dodanie border-radius */
    transition: background-color 0.3s ease, color 0.3s ease;
    margin: 2px;
    border-block-start: none !important;
    max-width: 30px;
    position: relative;
}

/* Dni z wydarzeniami */
.month-calendar td.has-event {
    background-color: rgba(231, 227, 215, 1);
    color: #333;
    font-weight: bold;
}

.month-calendar td.has-event.today {
    background-color: var(--e-global-color-accent);
    color: #fff;
}

/* Sobota i niedziela */
.month-calendar td[data-day]:nth-child(6),
/* Sobota */
.month-calendar td[data-day]:nth-child(7) {
    /* Niedziela */
    background-color: rgba(109, 13, 32, 0.1);
    color: #333;
}

/* Styl dla dni bez wydarzeń */
.month-calendar td[data-day].active {
    background-color: rgba(72, 75, 67, 1);
    color: #fff;
}

/* Puste komórki (przed 1 dniem miesiąca lub po ostatnim dniu) */
.month-calendar td.inactive {
    background-color: transparent;
    cursor: default;
    margin: 2px;
    /* Dodanie marginesu również dla pustych komórek */
}

.event-items p {
    margin: 0;
    font-size: 12px;
    max-width: 190px;
    line-height: 1.2em;
    margin-top: 10px;
}

.event-name {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    font-family: "Neutra Display Titling", sans-serif;
}

.event-name a {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    font-family: "Neutra Display Titling", sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2em;
    max-height: 2.4em;
}

.event-date {
    font-size: 14px;
    color: #777;
}

.event-location {
    font-size: 14px;
    color: #444;
}

.event-items>p {
    margin: 0;
    font-size: 14px;
    background: #f8f6f0;
    padding: 5px;
    text-align: center;
    border-radius: 10px;
    font-weight: 600;
    width: 100%;
    max-width: 100%;
    padding: 20px;
}

.timeline-date.active {
    background: var(--e-global-color-accent);
    color: #fff;
    padding: 0 5px;
    border-radius: 5px;
}

.timeline-calendar {
    position: relative;
}

#event-tooltip {
    position: absolute;
}

#event-tooltip.hidden {
    display: none !important;
}

#event-tooltip .event-content {
    background: #fff;
    max-width: 315px;
    border-radius: 15px;
    padding: 15px;
    position: relative;
    z-index: 1;
}

#event-tooltip .event-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#event-tooltip .event-content .event-page-link {
    background: var(--e-global-color-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 450 450' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,0,-670)'%3E%3Crect id='Artboard3' x='0' y='670' width='450' height='450' style='fill:none;'%3E%3C/rect%3E%3Cg id='Artboard31' serif:id='Artboard3'%3E%3Cg transform='matrix(0.826459,0,0,0.902222,55.0935,87.5111)'%3E%3Cpath d='M-38.832,895L450,895L211,670' style='fill:none;stroke:white;stroke-width:40.96px;'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(0.847168,0,0,-0.902222,45.7746,1702.49)'%3E%3Cpath d='M450,895L211,670' style='fill:none;stroke:white;stroke-width:40.49px;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s all;
}

#event-tooltip .event-content .event-page-link:hover {
    background: var(--e-global-color-secondary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 450 450' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,0,-670)'%3E%3Crect id='Artboard3' x='0' y='670' width='450' height='450' style='fill:none;'%3E%3C/rect%3E%3Cg id='Artboard31' serif:id='Artboard3'%3E%3Cg transform='matrix(0.826459,0,0,0.902222,55.0935,87.5111)'%3E%3Cpath d='M-38.832,895L450,895L211,670' style='fill:none;stroke:white;stroke-width:40.96px;'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(0.847168,0,0,-0.902222,45.7746,1702.49)'%3E%3Cpath d='M450,895L211,670' style='fill:none;stroke:white;stroke-width:40.49px;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}

#event-tooltip .event-content .event-title-image {
    display: flex;
    align-items: center;
    gap: 10px;
}

#event-tooltip .event-content .event-title,
#event-tooltip .event-content .event-title a {
    font-family: "Inter";
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: rgba(29, 29, 29, 1);
}

#event-tooltip .event-content .event-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

#event-tooltip .event-content .event-meta-container {
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 10px 0;
    padding: 10px 0;
}

#event-tooltip .event-content .event-meta-container .event-meta {
    color: rgba(72, 75, 67, 1);
    font-size: 12px;
    line-height: 1em;
    font-family: "Inter";
    font-weight: 600;
}

#event-tooltip .event-content .event-meta-container .event-meta i {
    font-size: 14px;
    color: rgba(119, 119, 119, 1);
}

.scroll-hint {
    font-size: 12px;
    background: #e7e3d7;
    padding: 0 10px;
    position: absolute;
    border-radius: 10px;
    display: none;
}

@media (min-width: 768px) and (max-width: 991px){
    .event-items .single-event-for-days{
        flex-direction: column;
    }
    .calendar-header{
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    .month-calendar {
        overflow-x: scroll;
        width: 470px;
        margin-top: 15px;
        margin-bottom: 0;
    }
        .full-calendar-header .calendar-header .current-month {
            width: 100%;
            margin-bottom: 3px;
        }
    .single-event-buttons .post-link {
        display: inline-block !important;
    }

    .scroll-hint {
        display: block;
    }

    .full-calendar-container {
        grid-template-columns: 1fr;
        /* Jedna kolumna na małych ekranach */
        grid-template-rows: auto;
        /* Automatyczna wysokość */
        gap: 20px;
        overflow: hidden;
        grid-template-areas:
            "full-calendar-header"
            "full-calendar-right"
            "full-calendar-left";
        /* Wszystkie elementy ułożone pionowo */
    }

    .full-calendar-right {
        overflow-x: scroll;
        position: relative;
    }

    .event-details .single-event-for-days .event-name a {
        font-size: 18px;
    }

    .full-calendar-header .calendar-header .current-month {
        font-size: 21px;
    }

    .full-calendar-header .calendar-header .prev-month {
        margin-right: 5px;
    }

    .full-calendar-header .calendar-header .month-arrow {
        padding: 7px 15px;
        font-size: 16px;
    }

    .calendar-header {
        margin-bottom: 15px;
    }

    .single-event-image-bg {
        display: none;
    }

    .event-items .single-event-for-days {
        padding: 12px 20px;
        ;
    }

    .single-event-for-days-details {
        padding-left: 0;
    }

    .event-details {
        margin-bottom: 10px;
    }
}