/* =========================================
   FONT
========================================= */

@font-face {
    font-family: "Isidora";

    src:
        url("../../../assets/fonts/isidora-light.woff")
        format("woff");

    font-weight: 300;

    font-style: normal;

    font-display: swap;
}


/* =========================================
   RESET
========================================= */

* {
    box-sizing: border-box;
}


html {
    margin: 0;
    padding: 0;

    width: 100%;

    overflow-x: hidden;
}


body {
    margin: 0;
    padding: 0;

    width: 100%;

    background: #f7f3ed;

    font-family: "Isidora", sans-serif;

    font-weight: 300;

    color: #211329;

    overflow-x: hidden;
}


/* =========================================
   BY TICKET
========================================= */

.dev1-cbox-by-ticket-container {

    width: 100%;

    padding:
        28px
        0
        42px;

    background: #f7f3ed;
}


/* =========================================
   CONTAINER
========================================= */

.dev1-cbox-by-ticket-container__container {

    position: relative;

    width: calc(100% - 20%);

    max-width: 1500px;

    min-height: 480px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        1fr
        0.72fr;

    overflow: hidden;

    border:
        1px solid
        rgba(51, 21, 70, 0.75);

    border-radius:
        34px
        0
        34px
        0;

    background: #351044;

    box-shadow:
        0
        22px
        45px
        rgba(38, 21, 43, 0.20);
}


/* =========================================
   IMAGE
========================================= */

.dev1-cbox-by-ticket-container__image {

    position: relative;

    min-height: 480px;

    overflow: hidden;

    background: #eee2d1;
}


.dev1-cbox-by-ticket-container__image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform
        0.6s
        ease;
}


.dev1-cbox-by-ticket-container__image:hover img {

    transform: scale(1.02);
}


/* =========================================
   IMAGE BOTTOM LABEL
========================================= */

.dev1-cbox-by-ticket-container__image-label {

    position: absolute;

    left: 28px;

    bottom: 24px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 8px 14px;

    color: #ffffff;

    font-size: 14px;

    line-height: 1.2;

    background:
        rgba(
            255,
            255,
            255,
            0.16
        );

    border-radius: 30px;

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);
}


.dev1-cbox-by-ticket-container__image-label-icon {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background:
        rgba(
            255,
            255,
            255,
            0.20
        );

    font-size: 16px;
}


/* =========================================
   CONTENT
========================================= */

.dev1-cbox-by-ticket-container__content {

    position: relative;

    min-width: 0;

    display: flex;

    align-items: center;

    padding:
        48px
        40px;

    background:
        linear-gradient(
            135deg,
            #5a246d 0%,
            #441652 48%,
            #281037 100%
        );

    color: #ffffff;
}


/* =========================================
   CARD
========================================= */

.dev1-cbox-by-ticket-container__card {

    width: 100%;

    max-width: 620px;

    margin: 0 auto;
}


/* =========================================
   CATEGORY
========================================= */

.dev1-cbox-by-ticket-container__category {

    display: inline-flex;

    align-items: center;

    min-height: 30px;

    padding:
        6px
        12px;

    margin-bottom: 18px;

    border:
        1px solid
        rgba(
            239,
            184,
            69,
            0.45
        );

    border-radius: 30px;

    background:
        rgba(
            255,
            255,
            255,
            0.06
        );

    color: #f1bc4b;

    font-size: 11px;

    line-height: 1.2;

    letter-spacing: 0.5px;

    text-transform: uppercase;
}


/* =========================================
   TITLE
========================================= */

.dev1-cbox-by-ticket-container__title {

    margin: 0;

    font-family: "Isidora", sans-serif;

    font-size:
        clamp(
            48px,
            4.2vw,
            70px
        );

    line-height: 1.02;

    font-weight: 300;

    letter-spacing: -1.8px;

    text-transform: uppercase;

    color: #ffffff;
}


/* =========================================
   DESCRIPTION
========================================= */

.dev1-cbox-by-ticket-container__description {

    margin:
        26px
        0
        34px;

    max-width: 600px;

    font-family: "Isidora", sans-serif;

    font-size:
        clamp(
            15px,
            1.15vw,
            18px
        );

    line-height: 1.55;

    font-weight: 300;

    color:
        rgba(
            255,
            255,
            255,
            0.92
        );
}


/* =========================================
   DETAILS
========================================= */

.dev1-cbox-by-ticket-container__details {

    width: 100%;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 18px;

    padding:
        14px
        0;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.14
        );

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.14
        );

    color:
        rgba(
            255,
            255,
            255,
            0.85
        );

    font-size: 13px;

    line-height: 1.4;
}


.dev1-cbox-by-ticket-container__details span {

    display: inline-flex;

    align-items: center;

    gap: 7px;
}


.dev1-cbox-by-ticket-container__details strong {

    font-weight: 300;

    color: #ffffff;
}


.dev1-cbox-by-ticket-container__details span:first-child {

    color: #f2bd45;
}


.dev1-cbox-by-ticket-container__details span:first-child strong {

    color: #ffffff;
}


/* =========================================
   BUTTON AREA
========================================= */

.dev1-cbox-by-ticket-container__button {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 26px;
}


/* =========================================
   ALL BUTTONS
========================================= */

.dev1-cbox-by-ticket-container__button-primary,
.dev1-cbox-by-ticket-container__button-secondary,
.dev1-cbox-by-ticket-container__button-share {

    min-height: 52px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding:
        0
        24px;

    border: none;

    /* UPDATED CURVE */
    border-radius:
        18px
        0
        18px
        0;

    font-family: "Isidora", sans-serif;

    font-size: 14px;

    line-height: 1;

    font-weight: 300;

    text-decoration: none;

    white-space: nowrap;

    cursor: pointer;

    transition:
        transform
        0.25s
        ease,
        background
        0.25s
        ease,
        color
        0.25s
        ease;
}

/* =========================================
   PRIMARY BUTTON
========================================= */

.dev1-cbox-by-ticket-container__button-primary {

    background: #6d2e91;

    color: #ffffff;
}


.dev1-cbox-by-ticket-container__button-primary:hover {

    background: #7d39a4;

    transform: translateY(-2px);
}


/* =========================================
   SECONDARY BUTTON
========================================= */

.dev1-cbox-by-ticket-container__button-secondary {

    background: #ffffff;

    color: #70318f;
}


.dev1-cbox-by-ticket-container__button-secondary:hover {

    background: #f4eaf7;

    transform: translateY(-2px);
}


/* =========================================
   SHARE BUTTON
========================================= */

.dev1-cbox-by-ticket-container__button-share {

    background: #ffffff;

    color: #70318f;
}


.dev1-cbox-by-ticket-container__button-share:hover {

    background: #f4eaf7;

    transform: translateY(-2px);
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1600px) {

    .dev1-cbox-by-ticket-container__container {

        width: calc(100% - 16%);

        max-width: 1500px;

        min-height: 485px;
    }


    .dev1-cbox-by-ticket-container__image {

        min-height: 485px;
    }


    .dev1-cbox-by-ticket-container__content {

        padding:
            52px
            48px;
    }

}


/* =========================================
   DESKTOP
========================================= */

@media (max-width: 1300px) {

    .dev1-cbox-by-ticket-container__container {

        width: calc(100% - 14%);

        grid-template-columns:
            1fr
            0.72fr;
    }


    .dev1-cbox-by-ticket-container__content {

        padding:
            40px
            34px;
    }


    .dev1-cbox-by-ticket-container__title {

        font-size:
            clamp(
                44px,
                4.4vw,
                62px
            );
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .dev1-cbox-by-ticket-container {

        padding:
            24px
            0
            36px;
    }


    .dev1-cbox-by-ticket-container__container {

        width: calc(100% - 8%);

        grid-template-columns:
            1fr
            0.85fr;

        min-height: 430px;
    }


    .dev1-cbox-by-ticket-container__image {

        min-height: 430px;
    }


    .dev1-cbox-by-ticket-container__content {

        padding:
            34px
            28px;
    }


    .dev1-cbox-by-ticket-container__category {

        font-size: 10px;

        margin-bottom: 14px;
    }


    .dev1-cbox-by-ticket-container__title {

        font-size:
            clamp(
                38px,
                5.2vw,
                54px
            );

        letter-spacing: -1px;
    }


    .dev1-cbox-by-ticket-container__description {

        margin:
            20px
            0
            26px;

        font-size: 14px;
    }


    .dev1-cbox-by-ticket-container__button {

        gap: 8px;

        margin-top: 20px;
    }


    .dev1-cbox-by-ticket-container__button-primary,
    .dev1-cbox-by-ticket-container__button-secondary,
    .dev1-cbox-by-ticket-container__button-share {

        min-height: 48px;

        padding:
            0
            17px;

        font-size: 12px;
    }

}


/* =========================================
   SMALL TABLET
========================================= */

@media (max-width: 780px) {

    .dev1-cbox-by-ticket-container__container {

        width: calc(100% - 40px);

        display: flex;

        flex-direction: column;

        min-height: 0;

        border-radius:
            28px
            0
            28px
            0;
    }


    .dev1-cbox-by-ticket-container__image {

        width: 100%;

        min-height: 360px;

        height: 360px;
    }


    .dev1-cbox-by-ticket-container__content {

        width: 100%;

        padding:
            36px
            30px;
    }


    .dev1-cbox-by-ticket-container__card {

        max-width: 100%;
    }


    .dev1-cbox-by-ticket-container__title {

        font-size:
            clamp(
                42px,
                8vw,
                58px
            );
    }


    .dev1-cbox-by-ticket-container__description {

        max-width: 650px;

        font-size: 15px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .dev1-cbox-by-ticket-container {

        padding:
            16px
            0
            28px;
    }


    .dev1-cbox-by-ticket-container__container {

        width: calc(100% - 28px);

        margin: 0 auto;

        border-radius:
            22px
            0
            22px
            0;
    }


    .dev1-cbox-by-ticket-container__image {

        height: 280px;

        min-height: 280px;
    }


    .dev1-cbox-by-ticket-container__image img {

        object-position: center;
    }


    .dev1-cbox-by-ticket-container__image-label {

        left: 16px;

        bottom: 16px;

        gap: 7px;

        padding:
            6px
            10px;

        font-size: 11px;
    }


    .dev1-cbox-by-ticket-container__image-label-icon {

        width: 30px;

        height: 30px;

        font-size: 13px;
    }


    .dev1-cbox-by-ticket-container__content {

        padding:
            28px
            22px;
    }


    .dev1-cbox-by-ticket-container__category {

        margin-bottom: 14px;

        padding:
            6px
            10px;

        font-size: 9px;

        letter-spacing: 0.3px;
    }


    .dev1-cbox-by-ticket-container__title {

        font-size:
            clamp(
                36px,
                10vw,
                48px
            );

        line-height: 1.04;

        letter-spacing: -0.8px;
    }


    .dev1-cbox-by-ticket-container__description {

        margin:
            20px
            0
            24px;

        font-size: 13px;

        line-height: 1.55;
    }


    .dev1-cbox-by-ticket-container__details {

        align-items: flex-start;

        flex-direction: column;

        gap: 8px;

        padding:
            13px
            0;

        font-size: 11px;
    }


    .dev1-cbox-by-ticket-container__button {

        width: 100%;

        flex-direction: column;

        align-items: stretch;

        gap: 9px;

        margin-top: 20px;
    }


    .dev1-cbox-by-ticket-container__button-primary,
    .dev1-cbox-by-ticket-container__button-secondary,
    .dev1-cbox-by-ticket-container__button-share {

        width: 100%;

        min-height: 48px;

        padding:
            0
            15px;

        font-size: 12px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 380px) {

    .dev1-cbox-by-ticket-container__container {

        width: calc(100% - 20px);
    }


    .dev1-cbox-by-ticket-container__image {

        height: 235px;

        min-height: 235px;
    }


    .dev1-cbox-by-ticket-container__content {

        padding:
            24px
            18px;
    }


    .dev1-cbox-by-ticket-container__title {

        font-size: 34px;

        line-height: 1.05;
    }


    .dev1-cbox-by-ticket-container__description {

        font-size: 12px;
    }


    .dev1-cbox-by-ticket-container__category {

        font-size: 8px;
    }

}


/* =========================================
   VERY WIDE SCREEN
========================================= */

@media (min-width: 1900px) {

    .dev1-cbox-by-ticket-container__container {

        width: calc(100% - 18%);

        max-width: 1550px;
    }

}