/* Hero section */

/* All content is in main.css */

/* -- End of Hero section -- */


/* Single event section */

.single-event__section{
    padding-top: var(--size-10);
    padding-bottom: var(--size-10);
}

.single-event__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--size-8);
}

.single-event__content {
    order: 1;
}

.event__type{
    padding: var(--size-4) var(--size-5);
    border-radius: var(--size-2);
    margin: 0 0 var(--size-7) 0;
    width: fit-content;
}

.single-event__sidebar {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: var(--size-8);
    padding: var(--size-7);
    background-color: var(--deep-blue-50);
    border-radius: var(--size-3);
}

.sidebar__section {
    display: flex;
    flex-direction: column;
    gap: var(--size-6);
}

.sidebar__section-title {
    margin: 0;
}

.sidebar__guest-list {
    display: flex;
    flex-direction: column;
    gap: var(--size-4);
}

.sidebar__guest-item {
    display: flex;
    align-items: center;
    gap: var(--size-5);
}

.sidebar__guest-item .guest__icon {
    width: var(--size-7);
    height: var(--size-7);
    flex-shrink: 0;
}

.sidebar__guest-item .guest__name {
    margin: 0;
}

.sidebar__info {
    display: flex;
    align-items: center;
    gap: var(--size-5);
}

.sidebar__title{
    margin: 0;
}

.sidebar__info .info__icon {
    width: var(--size-7);
    height: var(--size-7);
}

.sidebar__info .info__text,
.sidebar__date .date__text,
.sidebar__date .date__text *{
    margin: 0;
    font-style: normal;
}

.date__text,
.date__from,
.date__to{
    display: flex;
    flex-direction: row;
    gap: var(--size-2);
}

.sidebar__calendar-add-wrapper{
    display: flex;
    flex-direction: column;
    gap: var(--size-5);
}

.sidebar__calendar-add-wrapper .sidebar__calendar-radio-list{
    display: flex;
    flex-direction: column;
    gap: var(--size-3);
}

.sidebar__calendar-radio-list .sidebar__calendar-radio-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--size-4);
}

.sidebar__calendar-radio-list .sidebar__calendar-radio-item *{
    margin: 0;
}

.sidebar__calendar-add-buttons{
    display: flex;
    flex-direction: column;
    gap: var(--size-4);
}

.sidebar__button {
    width: 100%;
    justify-content: center;
}

.sidebar__calendar-add-buttons--hidden {
    display: none;
}

.sidebar__register-text {
    margin: 0;
}

.sidebar__register-button {
    width: 100%;
    justify-content: center;
    display: inline-flex;
}

.event__back-link--mobile{
    order: 3;
}

.event__back-link{
    display: none;
}

@media (min-width: 768px) {
    .single-event__section {
        padding-top: var(--size-11);
        padding-bottom: var(--size-11);
    }

    .single-event__wrapper {
        flex-direction: row;
        align-items: start;
        gap: var(--size-9);
    }

    .single-event__content {
        order: 1;
        flex: 1;
    }

    .single-event__sidebar {
        order: 2;
        width: 380px;
        flex-shrink: 0;
    }
    
    .event__back-link{
        display: flex;
        margin-top: var(--size-9);
    }

    .event__back-link--mobile{
        display: none;
    }
}

/* -- End of Single event section -- */


/* -- -- Newsletter section -- -- */
.newsletter__section {
    background-color: var(--deep-blue-50);
}

/* Rest of the styles are in main.css */

/* -- -- End of Newsletter section -- -- */