/* Slider */

/* =================================
   LINE UP SECTION
================================= */

.lineup {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
  
}

.ticket-card a {
    text-decoration: none; /* Menghapus garis bawah */
    color: inherit;         /* Mengikuti warna teks dari elemen induk */
    display: block;        /* Memastikan link mencakup seluruh area card */
}

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

.lineup-title {
    text-align: center;
    margin-bottom: 45px;
}

.lineup-title h2 {
    margin: 0;

    color: #ffffff;

    font-size: 32px;
    font-weight: 800;

    text-transform: uppercase;
}

.lineup-title span {
    display: inline-block;

    color: #111111;
    background: #b1ff30;

    padding: 2px 8px;

    transform: rotate(-2deg);

    margin: 0 5px;
}

.artis{
    color: #111111;
}
/* =================================
   SLIDER
================================= */

.lineup-slider {
    position: relative;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;

    overflow: hidden;
}


/* =================================
   TRACK
================================= */

.lineup-track {
    display: flex;
    align-items: center;

    gap: 25px;

    width: max-content;

    transition: transform 0.6s ease;
}


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

.artist-card {
    position: relative;

    flex: 0 0 220px;

    height: 290px;

    background: #ffffff;

    border-radius: 7px;

    overflow: hidden;

    transform: rotate(1deg);

    transition:
        transform 0.4s ease,
        scale 0.4s ease,
        opacity 0.4s ease;

    box-shadow:
        0 15px 30px rgba(0,0,0,0.35);
}


/* gambar */

.artist-card img {
    width: 100%;
    height: 235px;

    display: block;

    object-fit: cover;
}


/* nama artis */

.artist-name {
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 10px;

    color: #111111;

    background: #ffffff;

    font-size: 18px;
    font-weight: 900;

    text-align: center;

    text-transform: uppercase;
}


/* variasi kemiringan */

.artist-card:nth-child(even) {
    transform: rotate(-1.5deg);
}

.artist-card:nth-child(3n) {
    transform: rotate(2deg);
}


/* hover */

.artist-card:hover {
    transform: rotate(0deg) scale(1.04);

    z-index: 5;
}


/* =================================
   ARROW
================================= */

.lineup-arrow {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 20;

    width: 45px;
    height: 45px;

    border: none;

    border-radius: 50%;

    background: rgba(0,0,0,0.7);

    color: #ffffff;

    font-size: 35px;

    line-height: 35px;

    cursor: pointer;

    transition: 0.3s;
}

.lineup-arrow:hover {
    background: #b1ff30;

    color: #111111;
}

.lineup-prev {
    left: 20px;
}

.lineup-next {
    right: 20px;
}


/* =================================
   SEE ALL LINE UP
================================= */

.lineup-button {
    text-align: center;

    margin-top: 60px;
}

.lineup-button a {
    display: inline-block;

    padding: 14px 25px;

    color: #b1ff30;

    border: 1px solid #b1ff30;

    border-radius: 8px;

    text-decoration: none;

    font-size: 16px;
    font-weight: 700;

    transition: 0.3s;
}

.lineup-button a:hover {
    background: #b1ff30;

    color: #111111;
}

@media screen {
    
}