/*
 * FLT HOME SHOWCASE V3
 * Fold / tablet / mobile composition refinement
 */


/* ---------------------------------------------------------
   GLOBAL CARD REFINEMENT
--------------------------------------------------------- */

.flt-event-showcase .flt-photo-card{
    min-width:0;
}

.flt-event-showcase .flt-card-photo{
    object-position:center center;
}

.flt-event-showcase .flt-card-overlay{
    background:
        linear-gradient(
            180deg,
            rgba(3,9,14,.05) 0%,
            rgba(3,9,14,.12) 38%,
            rgba(3,9,14,.76) 68%,
            rgba(3,9,14,.98) 100%
        );
}

.flt-event-showcase .flt-card-copy{
    z-index:10;
}

.flt-event-showcase .flt-card-title{
    width:auto;
    max-width:100%;
    overflow-wrap:normal;
    word-break:normal;
}

.flt-event-showcase .flt-card-meta{
    max-width:92%;
}


/* ---------------------------------------------------------
   LOCATION
--------------------------------------------------------- */

.flt-event-showcase .event-card-location .flt-card-copy{
    padding-right:0;
}

.flt-event-showcase .event-card-location .flt-card-title{
    max-width:78%;
}

.flt-event-showcase .flt-location-marker{
    z-index:12;
}


/* ---------------------------------------------------------
   CROWN

   Keep the authentic master crown, but place it as a visual
   badge rather than behind the headline.
--------------------------------------------------------- */

.flt-event-showcase .event-card-crown .flt-card-master-crown{
    left:auto;
    right:28px;
    top:26px;

    width:88px;
    height:78px;

    padding:8px;

    border:1px solid rgba(215,181,109,.40);
    border-radius:18px;

    background:rgba(3,10,15,.72);
    backdrop-filter:blur(5px);
}

.flt-event-showcase .event-card-crown .flt-card-copy{
    padding-right:0;
}

.flt-event-showcase .event-card-crown .flt-card-title{
    max-width:76%;
}


/* ---------------------------------------------------------
   COMMUNITY
--------------------------------------------------------- */

.flt-event-showcase .flt-community-mark{
    width:54px;
    height:47px;
    opacity:.92;
}

.flt-event-showcase .event-card-community .flt-card-title{
    max-width:78%;
}


/* ---------------------------------------------------------
   LARGE DESKTOP
--------------------------------------------------------- */

@media (min-width:1101px){

    .flt-event-showcase .flt-photo-card{
        min-height:460px;
    }

}


/* ---------------------------------------------------------
   FOLD / TABLET LANDSCAPE
   Keep 2x2 layout, but treat each card as a compact module.
--------------------------------------------------------- */

@media (min-width:701px) and (max-width:1100px){

    .flt-event-showcase{
        padding:28px 0 34px;
    }

    .flt-event-showcase .flt-showcase-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .flt-event-showcase .flt-photo-card{
        min-height:340px;
        border-radius:17px;
    }

    .flt-event-showcase .flt-card-copy{
        left:24px;
        right:24px;
        bottom:24px;
    }

    .flt-event-showcase .flt-card-kicker{
        margin-bottom:10px;
        font-size:11px;
        letter-spacing:.18em;
    }

    .flt-event-showcase .flt-card-title{
        font-size:clamp(24px,3.4vw,36px);
        line-height:.98;
    }

    .flt-event-showcase .flt-card-rule{
        width:46px;
        margin:14px 0 12px;
    }

    .flt-event-showcase .flt-card-meta{
        font-size:12px;
        line-height:1.4;
    }


    /* LOCATION */

    .flt-event-showcase .flt-location-marker{
        top:20px;
        right:20px;

        width:60px;
        height:60px;

        border-radius:17px;
    }

    .flt-event-showcase .flt-location-marker::before{
        width:22px;
        height:28px;
        border-width:2px;
    }

    .flt-event-showcase .event-card-location .flt-card-title{
        max-width:72%;
    }


    /* CROWN */

    .flt-event-showcase .event-card-crown
    .flt-card-master-crown{
        top:20px;
        right:20px;

        width:70px;
        height:64px;

        border-radius:15px;
    }

    .flt-event-showcase .event-card-crown
    .flt-card-title{
        max-width:72%;
    }


    /* COMMUNITY */

    .flt-event-showcase .flt-community-mark{
        top:22px;
        right:22px;

        transform:scale(.72);
        transform-origin:top right;
    }

    .flt-event-showcase .event-card-community
    .flt-card-title{
        max-width:78%;
    }

}


/* ---------------------------------------------------------
   PHONE PORTRAIT
   One cinematic card per row.
--------------------------------------------------------- */

@media (max-width:700px){

    .flt-event-showcase{
        padding:18px 0 28px;
    }

    .flt-event-showcase .flt-showcase-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .flt-event-showcase .flt-photo-card{
        width:100%;
        min-height:390px;
        border-radius:17px;
    }

    .flt-event-showcase .flt-card-copy{
        left:23px;
        right:23px;
        bottom:25px;
    }

    .flt-event-showcase .flt-card-title{
        max-width:88%;
        font-size:clamp(28px,8vw,38px);
        line-height:.97;
    }

    .flt-event-showcase .flt-card-kicker{
        font-size:11px;
    }

    .flt-event-showcase .flt-card-meta{
        font-size:12px;
    }

    .flt-event-showcase
    .event-card-location
    .flt-card-title,

    .flt-event-showcase
    .event-card-crown
    .flt-card-title,

    .flt-event-showcase
    .event-card-community
    .flt-card-title{
        max-width:82%;
    }


    .flt-event-showcase .flt-location-marker{
        width:58px;
        height:58px;

        top:20px;
        right:20px;
    }


    .flt-event-showcase
    .event-card-crown
    .flt-card-master-crown{
        width:68px;
        height:61px;

        top:20px;
        right:20px;
        left:auto;
    }


    .flt-event-showcase .flt-community-mark{
        top:21px;
        right:21px;

        transform:scale(.70);
        transform-origin:top right;
    }

}


/* ---------------------------------------------------------
   IMAGE CROPS
--------------------------------------------------------- */

.flt-event-showcase
.event-card-next
.flt-card-photo{
    object-position:center 40%;
}

.flt-event-showcase
.event-card-location
.flt-card-photo{
    object-position:center 48%;
}

.flt-event-showcase
.event-card-crown
.flt-card-photo{
    object-position:center 38%;
}

.flt-event-showcase
.event-card-community
.flt-card-photo{
    object-position:center 46%;
}