/*
=========================================================
WorldConnect Design System
File: public_html/css/wds/pages/featured.css
Scope: Öne Çıkanlar

Mantık:
- Seçilmiş / premium profiller
- Vitrinden daha prestijli
- Altın vurgu + kurumsal lacivert buton
=========================================================
*/

html body main.wcp-page-featured .wcp-list-hero {
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, .16), transparent 35%),
        linear-gradient(135deg, #ffffff 0%, #fffaf0 100%) !important;
    border-color: rgba(245, 158, 11, .26) !important;
}

html body main.wcp-page-featured .wcp-list-kicker {
    color: #b45309 !important;
    -webkit-text-fill-color: #b45309 !important;
    background: rgba(245, 158, 11, .12) !important;
    border-color: rgba(245, 158, 11, .34) !important;
}

html body main.wcp-page-featured .wcp-list-hero-badge {
    background: rgba(245, 158, 11, .10) !important;
    border-color: rgba(245, 158, 11, .30) !important;
}

html body main.wcp-page-featured .wcp-list-hero-badge i {
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b !important;
}

html body main.wcp-page-featured #infinite-scroll {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

html body main.wcp-page-featured .master-card.wcp-featured-card,
html body main.wcp-page-featured .master-card {
    min-height: 248px !important;
    padding: 22px !important;
    border-color: rgba(245, 158, 11, .24) !important;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .075) !important;
    position: relative !important;
}

html body main.wcp-page-featured .master-card.wcp-featured-card::before,
html body main.wcp-page-featured .master-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: #f59e0b !important;
}

html body main.wcp-page-featured .master-card.wcp-featured-card:hover,
html body main.wcp-page-featured .master-card:hover {
    border-color: rgba(245, 158, 11, .50) !important;
    box-shadow: 0 16px 42px rgba(15, 23, 42, .095) !important;
}

html body main.wcp-page-featured .mc-logo-wrap {
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    max-width: 94px !important;
    max-height: 94px !important;
    border-color: rgba(245, 158, 11, .30) !important;
    background: #fffaf0 !important;
}

html body main.wcp-page-featured .mc-left {
    width: 94px !important;
    min-width: 94px !important;
    max-width: 94px !important;
}

html body main.wcp-page-featured .master-card {
    grid-template-columns: 94px minmax(0, 1fr) !important;
}

html body main.wcp-page-featured .badge-featured {
    color: #b45309 !important;
    -webkit-text-fill-color: #b45309 !important;
    background: rgba(245, 158, 11, .13) !important;
    border-color: rgba(245, 158, 11, .40) !important;
}

html body main.wcp-page-featured .mc-title {
    font-size: 22px !important;
    letter-spacing: -.045em !important;
}

html body main.wcp-page-featured .mc-desc {
    font-size: 14px !important;
    line-height: 1.48 !important;
}

html body main.wcp-page-featured .mc-right .mc-btn,
html body main.wcp-page-featured .mc-right a.mc-btn {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border-color: #0f172a !important;
}

html body main.wcp-page-featured .mc-right .mc-btn:hover,
html body main.wcp-page-featured .mc-right a.mc-btn:hover {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border-color: #1e293b !important;
}

html body main.wcp-page-featured .mc-rating-top .score {
    color: #b45309 !important;
    -webkit-text-fill-color: #b45309 !important;
}

@media (max-width: 991.98px) {
    html body main.wcp-page-featured #infinite-scroll {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

@media (max-width: 767.98px) {
    html body main.wcp-page-featured .master-card.wcp-featured-card,
    html body main.wcp-page-featured .master-card {
        padding: 15px 12px !important;
        grid-template-columns: 74px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        min-height: 0 !important;
    }

    html body main.wcp-page-featured .mc-left,
    html body main.wcp-page-featured .mc-logo-wrap {
        width: 74px !important;
        min-width: 74px !important;
        max-width: 74px !important;
    }

    html body main.wcp-page-featured .mc-logo-wrap {
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
    }

    html body main.wcp-page-featured .mc-title {
        font-size: 19px !important;
        line-height: 1.10 !important;
    }

    html body main.wcp-page-featured .mc-desc {
        font-size: 13.2px !important;
        line-height: 1.40 !important;
    }

    html body main.wcp-page-featured .mc-right {
        grid-template-columns: 84px minmax(0, 1fr) !important;
    }

    html body main.wcp-page-featured .mc-right .mc-btn,
    html body main.wcp-page-featured .mc-right a.mc-btn {
        background: #0f172a !important;
        background-color: #0f172a !important;
        border-color: #0f172a !important;
    }
}