/* Main CSS
-------------------------------------------------- */
:root {
    /* New */
    --border-radius-xxsm: 2px;
    --border-radius-xsm: 3px;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-base: 10px;
    --border-radius-lg: 16px;
    --border-radius-xlg: 32px;
    --border-radius-xxlg: 50px;
    --color-notice-successfully: #e4f8e9;
    --color-notice-successfully-text: #1a8833;
    --color-notice-warning: #fff2e1;
    --color-notice-warning-text: #d27c0c;
    --color-acsent-blue: #188aee;
    --color-acsent-red: #f4364c;
    --color-acsent-blue--hover: #0e6cbe;
    --color-acsent-blue--click: #094c86;
    --color-black: #000;
    --color-brand-blue: #00325d;
    --color-ghost-blue: #ebf5ff;
    --color-ghost-blue-active: #c2e1ff;
    --color-ghost-grey: #f3f3f7;
    --color-gray-subtle: #5e6470;
    --color-gray-100: #e7eaf0;
    --color-gray-600: #7e7e7e;
    --color-gray-700: #70757b;
    --color-gray-800: #343434;
    --color-light-blue: #bdd1ed;
    --color-light-blue-hover: #f5faff;
    --color-light-blue-strock-active: #9eccf9;
    --color-light-grey: #f9f9fb;
    --color-navy-black: #000a1a;
    --color-blue-focus: #7fb5e9;
    --color-secondary: #858c93;
    --color-tetriary-blue: #69758c;
    --color-white: #fff;
    --color-orange: #ffc107;
    --color-brand-red: #e0364c;
    --color-grey-dark: #5A5A5A;    
    --color-grey-lightest: #F0F0F0;
    --filter-secondary: brightness(0) saturate(100%) invert(62%) sepia(11%) saturate(258%) hue-rotate(169deg) brightness(87%) contrast(86%);
    --filter-white: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(300deg) brightness(105%) contrast(101%);
    --font-size-xsm: 11px;
    --font-size-sm: 12px;
    --font-size-md: 14px;
    --font-size-base: 15px;
    --font-size-lg: 16px;
    --font-size-xlg: 18px;
    --font-size-xxlg: 21px;
    --font-size-xxxlg: 24px;
    --font-size-4xlg: 34px;
    --font-size-5xlg: 40px;
    --main-width: 1110px;
    --main-font-family: 'Inter', sans-serif;
    --secondary-font-family: 'Cormorant', sans-serif;
    --h1-font-family: 'Montserrat', sans-serif;
}

/* Default */
::-moz-placeholder {
    color: var(--color-secondary);
    opacity: 0.75;
}
::placeholder {
    color: var(--color-secondary);
    opacity: 0.75;
}

:active,
:hover,
:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
}

/* Default */
.message {
    color: var(--color-black);
    font-family: var(--main-font-family);
    font-size: var(--font-size-xlg);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-top: 30px;
    width: 100%;
}

/* Layout (App) */
/* Afisha page (Afisha) */
.p-component:disabled,
.p-disabled {
    opacity: 1;
    color: var(--color-secondary);
}
.p-component {
    font-family: var(--main-font-family);
}

/* Event order page (Events) */
/*.order-box {
    padding-bottom: 0;
}*/

.custom-switch {
    padding-left: 3.25rem;
}
.custom-switch .custom-control-label::before {
    border: 2px solid var(--color-light-blue);
    width: 2.75rem;
    border-radius: 1.75rem;
    height: 1.5rem;
    left: -3.35rem;
    top: 0;
}
.custom-switch .custom-control-label::after {
    background-color: var(--color-light-blue) !important;
    top: 5px;
    left: calc(-3.15rem + 2px);
    width: calc(1.1rem - 3px);
    height: calc(1.1rem - 4px);
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(1.1rem);
}
.custom-switch .custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-switch .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    border-color: var(--color-acsent-blue) !important;
}
.custom-switch .custom-control-input.is-invalid:checked:hover ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked:hover ~ .custom-control-label::before,
.custom-switch .was-validated .custom-control-input:invalid:checked:hover ~ .custom-control-label::before,
.custom-switch .custom-control-input.is-invalid:checked:active ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked:active ~ .custom-control-label::before,
.custom-switch .was-validated .custom-control-input:invalid:checked:active ~ .custom-control-label::before {
    background-color: var(--color-ghost-blue) !important;
}
.custom-switch .custom-control-input:hover ~ .custom-control-label::after {
    background-color: var(--color-light-blue-strock-active) !important;
}
.custom-switch .custom-control-input.is-invalid:checked ~ .custom-control-label::after,
.custom-switch .custom-control-input:checked ~ .custom-control-label::after,
.custom-switch .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::after {
    background-color: var(--color-acsent-blue) !important;
}
.custom-control-input.is-invalid ~ .custom-control-label::before,
.custom-switch .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    border-color: var(--color-acsent-red);
    background-color: var(--color-white);
}
.custom-control-input.is-invalid:hover ~ .custom-control-label::before,
.custom-switch .was-validated .custom-control-input:invalid:hover ~ .custom-control-label::before,
.custom-control-input.is-invalid:active ~ .custom-control-label::before,
.custom-switch .was-validated .custom-control-input:invalid:active ~ .custom-control-label::before {
    background-color: var(--color-ghost-grey);
    border-color: var(--color-acsent-red);
}
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: var(--color-acsent-red) !important;
}
.custom-control-input.is-invalid ~ .custom-control-label::after,
.custom-switch .was-validated .custom-control-input:invalid ~ .custom-control-label::after {
    background-color: var(--color-acsent-red) !important;
}
.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: none;
}
.custom-control-input.is-invalid:focus-visible ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus-visible ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
}
.custom-control-label {
    cursor: pointer;
    color: var(--color-brand-blue);
    opacity: .75;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
    border-color: var(--color-light-blue) !important;
}
.custom-control-input:focus-visible ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.custom-control-input:hover ~ .custom-control-label::before,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    border-color: var(--color-light-blue-strock-active);
    background-color: var(--color-ghost-blue);
}

.checkbox-list .form-group {
    opacity: 1;
}
.checkbox-list .text-checkbox {
    opacity: .75;
}

/* Order view page (OrderView) */
.box[data-v-0f17a6c0] {
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.box-header {
    padding: 24px 24px 0;
}

.action__name[data-v-0f17a6c0],
.order-info__number[data-v-0f17a6c0] {
    color: var(--color-black);
}
.order-info__number[data-v-0f17a6c0] {
    font-weight: 700;
}

.badge__text[data-v-0f17a6c0] {
    border-radius: 2px;
    color: var(--color-white);
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    padding: 2px 8px;
}
.badge__text--warning[data-v-0f17a6c0] {
    background-color: var(--color-orange);
}

.box-divide[data-v-0f17a6c0] {
    height: 0;
}

.wrapper-box-body[data-v-0f17a6c0] {
    margin-top: 16px;
}
.box-body {
    padding: 24px;
}
.box-body__item[data-v-0f17a6c0] {
    margin-bottom: 16px;
}
.box-body__item[data-v-0f17a6c0]:last-child {
    margin-bottom: 0;
}

.item__text--value[data-v-0f17a6c0] {
    color: var(--color-black);
    font-size: var(--font-size-lg);
}

.card-header {
    background-color: var(--color-white);
}

.age[data-v-1f7d80c0] {
    box-shadow: none;
}

.info__date[data-v-0f17a6c0] {
    color: var(--color-black);
}

.text-bold {
    color: var(--color-black);
    font-weight: 600;
}

.category__visitor,
.category__price,
.price {
    color: var(--color-secondary);
    font-size: var(--font-size-md);
    font-weight: 400;
}

.category__name,
.category__text,
.price-text {
    color: var(--color-black);
    font-size: var(--font-size-md);
    line-height: 21px;
}

.box-footer[data-v-0f17a6c0] {
    padding: 24px !important;
    margin-top: 30px;
}

.timer__text {
    color: var(--color-acsent-blue);
    font-size: var(--font-size-md);
    line-height: 21px;
    margin-right: 6px;
}

.btn-custom.btn-default {
    border-radius: var(--border-radius-sm);
    background-color: var(--color-acsent-blue);
    border-color: var(--color-acsent-blue);
    color: var(--color-white);
    font-size: var(--font-size-xlg);
    font-weight: 500;
    line-height: 100%;
    padding: 14px 80px;
}
.btn-custom.btn-default:hover {
    background-color: var(--color-acsent-blue--hover);
    border-color: var(--color-acsent-blue--hover);
    color: var(--color-white);
}
.btn-custom.btn-default:active {
    background-color: var(--color-acsent-blue--click);
    border-color: var(--color-acsent-blue--click);
}

/* Order retunr page (OrderReturn) */
.container-order .title {
    font-family: var(--main-font-family) !important;
}

.order-return-header__date {
    color: var(--color-secondary);
}

.order-return-body__text {
    color: var(--color-black);
    font-size: 16px;
}

.form-return-header__action {
    color: var(--color-black);
}
.form-return-header__date {
    color: var(--color-acsent-blue);
    font-size: 12px;
}
.form-return-notification__text {
    color: var(--color-brand-blue);
}

.timer[data-v-7cb2cc5a] {
    font-weight: 600 !important;
}

.d-tr {
    color: var(--color-black);
}

.d-tr--header {
    color: var(--color-secondary);
    font-weight: 400;
}

.custom-checkbox .custom-control-label:hover::before {
    background: url(/assets/icons/hover-no-checked.svg) no-repeat !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:hover::after {
    background: url(/assets/icons/hover-checked.svg) no-repeat !important;
}

.custom-radio .custom-control-label::before {
    border-color: var(--color-light-blue);
}

/* Modal */
.modal-content {
    max-width: 620px !important;
}

/* Mobile CSS
-------------------------------------------------- */
@media (max-width: 1224px) {
    /* Afisha page (Afisha) */
/*    .layout {
        padding-left: 47px;
        padding-right: 47px;
    }*/

    .footer-wrapper[data-v-67391acd] {
        max-width: var(--main-width);
        width: 100%;
    }

    .footer-info {
        max-width: 160px;
    }

    .footer-info:first-child {
        text-align: end;
    }
}
@media (max-width: 1115px) {
    /* Order view page (OrderView) */
    .controls-top {
        margin: 30px auto 20px !important;
    }

    .order {
        flex-direction: column-reverse;
/*        max-width: 682px;
        margin-inline: auto;*/
    }
    .order-card {
        margin-bottom: 0 !important;
    }
}
@media (max-width: 818px) {
    /* Afisha page (Afisha) */
    .events {
        grid-template-columns: 1fr 1fr;
        column-gap: 30px;
    }
    .events__item--first {
        grid-column: span 2;
    }
    .event-name__text,
    .events__item--first .event-name__text {
        font-size: 18px;
    }
    .events__item--first .event-name,
    .events__item--first .event-wrapper {
        left: 20px;
    }
    .events__item--first .event-wrapper {
        bottom: 20px;
    }
    .events__item--first .event-name {
        bottom: 45px;
    }

    .footer-copyright__text[data-v-67391acd] {
        text-wrap: nowrap;
    }
}
@media (max-width: 768px) {
    /* Afisha page (Afisha) */
    body,
    header {
        background-color: var(--color-white) !important;
    }

    .footer-copyright[data-v-67391acd] {
        margin-top: 20px;
    }

    .footer-info-wrapper[data-v-67391acd] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 30px;
    }
    .footer-info {
        max-width: none;
    }
    .footer-info:first-child {
        text-align: left;
    }
    .footer-info:nth-child(2) {
        grid-row: 2 / 3;
        grid-column: 1 / 2;
    }
    .footer-info:nth-child(3) {
        grid-row: 2 / 3;
    }
    .footer-info__link[data-v-67391acd],
    .footer-info__phone[data-v-67391acd],
    .footer-info__title[data-v-67391acd],
    .footer-info__timing[data-v-67391acd],
    .footer-copyright__text[data-v-67391acd] {
        font-size: 12px;
    }

    /* Event order page (Events) */
    .swiper-slide[data-v-621149e6] {
        height: 69px;
        padding-bottom: 10px;
        margin-right: 4px !important;
    }
    .slide__weekday-text[data-v-621149e6] {
        font-size: 10px;
    }
    .slide__day[data-v-621149e6] {
        font-size: 28px;
        line-height: 28px;
    }
    .slide__month[data-v-621149e6] {
        font-size: var(--font-size-md);
    }

    .calendar-date[data-v-621149e6] {
        font-size: var(--font-size-md);
    }

    .payment-method[data-v-4463b24d] {
        padding: 0;
    }

    .order-box-header {
        padding-left: 0;
    }

    .limit__num,
    .limit__text {
        font-size: var(--font-size-sm);
    }

    .checkbox-list {
        padding-left: 0;
        padding-right: 0;
    }
    .checkbox-list .text-checkbox,
    .checkbox__link {
        font-size: var(--font-size-sm);
    }

    .custom-switch .custom-control-label::before {
        width: 2.3rem;
        height: 1.25rem;
    }
    .custom-switch .custom-control-label::after {
        top: 4px;
        left: calc(-3.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
    }
    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        transform: translateX(1rem);
    }

    .events-footer__total-sum {
        font-size: var(--font-size-xxlg);
    }

    /* Order view page (OrderView) */
    .box-body,
    .box-footer[data-v-0f17a6c0],
    .box-header {
        padding: 0 !important;
    }

    /* Order retunr page (OrderReturn) */
    .form-return .custom-switch .custom-control-label::after {
        width: calc(1rem - 3px);
        height: calc(1rem - 4px);
    }
    .form-return .custom-switch .custom-control-label::after {
        top: 1px;
    }
}
@media (max-width: 550px) {
    /* Afisha page (Afisha) */
/*    .layout {
        padding-left: 15px;
        padding-right: 15px;
    }*/

    .events {
        grid-template-columns: 1fr;
    }

    .events__item {
        height: 330px;
    }

    .events__item--first {
        grid-column: unset;
        height: 266px;
    }

    .event-image__img {
        height: 268px;
    }
}
@media (max-width: 400px) {
    /* Afisha page (Afisha) */
    .events__item--first .event-name,
    .events__item--first .event-wrapper {
        left: 16px;
    }
    .events__item--first .event-wrapper {
        bottom: 16px;
    }
    .events__item--first .event-name {
        bottom: 50px;
    }
    .events__item {
        height: 272px;
    }
    .event-image__img {
        height: 180px;
    }

    .footer-info-wrapper[data-v-67391acd] {
        display: flex;
    }
}