/* ============================================================
   ArtGallery Discovery Showcase v1.0.12
   3 larger editorial discovery cards - fresh random set per visit.
   ============================================================ */

.agds-showcase{
    --agds-gold:#DB8E01;
    --agds-gold-bright:#F6B400;
    --agds-card:rgba(22,24,27,.95);
    --agds-card-deep:rgba(13,15,18,.97);

    width:min(100%, 980px);
    margin:18px auto 34px;
    position:relative;
    z-index:4;
    box-sizing:border-box;
}

.agds-showcase *,
.agds-showcase *::before,
.agds-showcase *::after{
    box-sizing:border-box;
}

.agds-showcase__heading{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0 0 10px;
    color:var(--agds-gold-bright);
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:.22em;
    text-transform:uppercase;
    white-space:nowrap;
}

.agds-showcase__heading-line{
    height:1px;
    flex:1 1 auto;
    background:linear-gradient(
        90deg,
        rgba(246,180,0,.58),
        rgba(246,180,0,.13) 62%,
        transparent
    );
}

.agds-showcase__rail{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    width:100%;
}

.agds-showcase__card{
    min-width:0;
    min-height:120px;
    display:grid;
    grid-template-columns:84px minmax(0,1fr) 20px;
    align-items:center;
    gap:13px;
    padding:13px 14px 13px 14px;

    border:1px solid rgba(219,142,1,.34);
    border-radius:14px;

    background:
        linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%),
        linear-gradient(135deg,var(--agds-card),var(--agds-card-deep));

    box-shadow:
        0 10px 24px rgba(0,0,0,.23),
        inset 0 1px 0 rgba(255,255,255,.05);

    backdrop-filter:blur(13px) saturate(128%);
    -webkit-backdrop-filter:blur(13px) saturate(128%);

    text-decoration:none !important;
    overflow:hidden;
    position:relative;
    isolation:isolate;

    transition:
        border-color .24s ease,
        box-shadow .24s ease,
        background .24s ease;
}

.agds-showcase__card::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:3px;
    opacity:0;
    background:linear-gradient(
        180deg,
        transparent,
        rgba(246,180,0,.96) 25%,
        rgba(219,142,1,.96) 75%,
        transparent
    );
    transition:opacity .24s ease;
    pointer-events:none;
}

.agds-showcase__media{
    width:84px;
    height:84px;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:rgba(255,255,255,.055);
    position:relative;
    flex:none;
}

.agds-showcase__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .35s cubic-bezier(.2,.7,.2,1);
}

.agds-showcase__media--artist,
.agds-showcase__media--artist,
.agds-showcase__media--gallery,
.agds-showcase__media--museum,
.agds-showcase__media--space{
    border-radius:12px;
    border:1px solid rgba(219,142,1,.68);
    box-shadow:
        0 0 0 1px rgba(255,255,255,.05),
        0 7px 16px rgba(0,0,0,.21);
}

.agds-showcase__placeholder{
    color:#fff;
    font-size:15px;
    font-weight:800;
    letter-spacing:.03em;
}

.agds-showcase__content{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.agds-showcase__name{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;

    min-height:35px;
    max-height:35px;

    color:#fff;
    font-size:15px;
    line-height:1.18;
    font-weight:800;
    letter-spacing:-.012em;

    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;

    text-shadow:0 1px 1px rgba(0,0,0,.22);
}

.agds-showcase__meta{
    margin-top:7px;
    min-width:0;
    display:flex;
    align-items:center;
    gap:5px;

    color:rgba(229,232,236,.76);
    font-size:10.6px;
    line-height:1.18;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
}

.agds-showcase__dot{
    width:5px;
    height:5px;
    border-radius:50%;
    flex:0 0 5px;
    background:var(--agds-gold-bright);
    box-shadow:
        0 0 0 1px rgba(246,180,0,.12),
        0 0 7px rgba(246,180,0,.22);
}

.agds-showcase__type{
    color:#F6B400;
    flex:0 0 auto;
    font-weight:800;
    letter-spacing:.075em;
    line-height:1;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(0,0,0,.18);
}


.agds-showcase__arrow{
    width:20px;
    height:20px;
    display:grid;
    place-items:center;
    align-self:center;
    color:rgba(246,180,0,.82);
    opacity:.82;
    transition:
        color .22s ease,
        opacity .22s ease;
}

.agds-showcase__arrow svg{
    width:18px;
    height:18px;
    display:block;
}

@media (hover:hover){
    .agds-showcase__card:hover{
        border-color:rgba(246,180,0,.68);
        background:
            radial-gradient(circle at 17% 20%,rgba(246,180,0,.075),transparent 40%),
            linear-gradient(135deg,rgba(27,29,32,.98),rgba(16,18,21,.98) 54%,rgba(12,14,17,.99));
        box-shadow:
            0 14px 32px rgba(0,0,0,.31),
            0 0 0 1px rgba(246,180,0,.06),
            inset 0 1px 0 rgba(255,255,255,.07);
    }

    .agds-showcase__card:hover::before{
        opacity:1;
    }

    .agds-showcase__card:hover .agds-showcase__media img{
        transform:scale(1.035);
    }

    .agds-showcase__card:hover .agds-showcase__arrow{
        color:var(--agds-gold-bright);
        opacity:1;
    }
}

.agds-showcase__card:focus-visible{
    outline:2px solid rgba(246,180,0,.95);
    outline-offset:2px;
}

/* Tablet: 3 cards remain available, but the rail becomes swipeable. */
@media (max-width:1100px){
    .agds-showcase{
        width:min(100%, 920px);
        margin-top:16px;
        margin-bottom:30px;
        padding-inline:2px;
    }

    .agds-showcase__rail{
        display:flex;
        gap:11px;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
        padding-bottom:2px;
    }

    .agds-showcase__rail::-webkit-scrollbar{
        display:none;
    }

    .agds-showcase__card{
        flex:0 0 calc((100% - 22px) / 3);
        scroll-snap-align:start;
        min-height:116px;
    }
}

/* Mobile: one strong card with a visible peek of the next one. */
@media (max-width:767px){
    .agds-showcase{
        width:100%;
        margin-top:14px;
        margin-bottom:27px;
        padding-left:12px;
        padding-right:0;
    }

    .agds-showcase__heading{
        padding-right:14px;
        font-size:10.5px;
        letter-spacing:.19em;
        margin-bottom:8px;
    }

    .agds-showcase__rail{
        padding-right:14px;
    }

    .agds-showcase__card{
        flex-basis:min(86vw, 360px);
        min-height:112px;
        grid-template-columns:76px minmax(0,1fr) 17px;
        gap:11px;
        padding:11px;
    }

    .agds-showcase__media{
        width:76px;
        height:76px;
    }

    .agds-showcase__name{
        font-size:14px;
        min-height:33px;
        max-height:33px;
    }

    .agds-showcase__meta{
        font-size:9px;
        margin-top:6px;
    }
}

@media (max-width:390px){
    .agds-showcase__card{
        flex-basis:88vw;
    }
}

@media (prefers-reduced-motion:reduce){
    .agds-showcase__card,
    .agds-showcase__media img,
    .agds-showcase__arrow,
    .agds-showcase__card::before{
        transition:none !important;
    }
}




/* ============================================================
   v1.0.7 - SMOOTH RANDOM ROTATION
   The cards leave softly, the next trio is image-preloaded,
   then the new Artist / Gallery / Museum cards fade in with a
   restrained stagger. No jumping or hard flash.
   ============================================================ */

.agds-showcase__card{
    transition:
        border-color .24s ease,
        box-shadow .24s ease,
        background .24s ease,
        opacity .34s cubic-bezier(.22,.61,.36,1),
        transform .34s cubic-bezier(.22,.61,.36,1),
        filter .34s ease;
    transform:translateY(0) scale(1);
    opacity:1;
    filter:none;
    will-change:opacity,transform,filter;
}

.agds-showcase__rail--leaving .agds-showcase__card{
    opacity:.18;
    transform:translateY(3px) scale(.988);
    filter:blur(.45px);
}

.agds-showcase__card--entering{
    opacity:0;
    transform:translateY(5px) scale(.985);
    filter:blur(.55px);
}

.agds-showcase__card--entering:nth-child(2){
    transition-delay:.055s;
}

.agds-showcase__card--entering:nth-child(3){
    transition-delay:.11s;
}

.agds-showcase__card--settled{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:none;
}

@media (prefers-reduced-motion:reduce){
    .agds-showcase__rail--leaving .agds-showcase__card,
    .agds-showcase__card--entering,
    .agds-showcase__card--settled{
        opacity:1 !important;
        transform:none !important;
        filter:none !important;
        transition:none !important;
    }
}


/* v1.0.9 - GTranslate type-label bridge source.
   Kept outside the visible layout; GTranslate can translate the text,
   while the live cards stay protected with notranslate. */
.agds-showcase__i18n{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    border:0 !important;
    pointer-events:none !important;
}