/* =========================================================
   EnFavori / Keşif Kimlik Sistemi
   Tek kaynak: keşif ikonları, konu renkleri ve ortak keşif kartı.
   ========================================================= */

[data-discovery-topic]{
    --discovery-accent:#0f9f93;
    --discovery-accent-strong:#087f77;
    --discovery-soft:#eef9f7;
    --discovery-soft-2:#f8fcfb;
    --discovery-line:#c7e4df;
}

[data-discovery-topic="shopping-brands"]{--discovery-accent:#3e63b6;--discovery-accent-strong:#294b9a;--discovery-soft:#eef3ff;--discovery-soft-2:#f8faff;--discovery-line:#ccd8f4;}
[data-discovery-topic="travel"]{--discovery-accent:#168a91;--discovery-accent-strong:#0c6f75;--discovery-soft:#eaf9f8;--discovery-soft-2:#f6fcfb;--discovery-line:#c6e7e4;}
[data-discovery-topic="fashion-beauty"]{--discovery-accent:#bd4777;--discovery-accent-strong:#9d305e;--discovery-soft:#fff0f6;--discovery-soft-2:#fff9fb;--discovery-line:#f1cade;}
[data-discovery-topic="food-drink"]{--discovery-accent:#d77b08;--discovery-accent-strong:#b76300;--discovery-soft:#fff4e3;--discovery-soft-2:#fffaf2;--discovery-line:#efd4a9;}
[data-discovery-topic="children-family"]{--discovery-accent:#d66059;--discovery-accent-strong:#b94640;--discovery-soft:#fff1ef;--discovery-soft-2:#fff9f8;--discovery-line:#efcfca;}
[data-discovery-topic="home-living"]{--discovery-accent:#6f7e43;--discovery-accent-strong:#596735;--discovery-soft:#f4f7e9;--discovery-soft-2:#fbfcf6;--discovery-line:#dce4bf;}
[data-discovery-topic="real-estate"]{--discovery-accent:#8a684d;--discovery-accent-strong:#70523c;--discovery-soft:#f7f1eb;--discovery-soft-2:#fcfaf8;--discovery-line:#e3d4c7;}
[data-discovery-topic="technology"]{--discovery-accent:#2f7fbd;--discovery-accent-strong:#22669d;--discovery-soft:#eaf5ff;--discovery-soft-2:#f7fbff;--discovery-line:#c8def1;}
[data-discovery-topic="automotive-transport"]{--discovery-accent:#52616e;--discovery-accent-strong:#3f4c57;--discovery-soft:#eef2f5;--discovery-soft-2:#f8fafb;--discovery-line:#d2dce3;}
[data-discovery-topic="city-places"]{--discovery-accent:#1b8d74;--discovery-accent-strong:#11725d;--discovery-soft:#eaf8f3;--discovery-soft-2:#f7fcfa;--discovery-line:#c6e7dc;}
[data-discovery-topic="health-wellness"]{--discovery-accent:#3d9b6d;--discovery-accent-strong:#2b7d55;--discovery-soft:#edf9f2;--discovery-soft-2:#f8fcfa;--discovery-line:#cae7d6;}
[data-discovery-topic="finance-economy"]{--discovery-accent:#2c6d8f;--discovery-accent-strong:#205975;--discovery-soft:#edf6fa;--discovery-soft-2:#f8fbfd;--discovery-line:#cbdfe8;}
[data-discovery-topic="education-career"]{--discovery-accent:#5d5ab7;--discovery-accent-strong:#47449a;--discovery-soft:#f0efff;--discovery-soft-2:#faf9ff;--discovery-line:#d6d3f2;}
[data-discovery-topic="film-series-digital"]{--discovery-accent:#7852a6;--discovery-accent-strong:#613d8f;--discovery-soft:#f5effb;--discovery-soft-2:#fcf9ff;--discovery-line:#ded0ec;}
[data-discovery-topic="business-services"]{--discovery-accent:#315f82;--discovery-accent-strong:#244d6b;--discovery-soft:#edf4f8;--discovery-soft-2:#f8fbfd;--discovery-line:#cfdee8;}
[data-discovery-topic="music"]{--discovery-accent:#a84c8a;--discovery-accent-strong:#8b356f;--discovery-soft:#fbf0f7;--discovery-soft-2:#fff9fd;--discovery-line:#ead0df;}
[data-discovery-topic="hobby-entertainment"]{--discovery-accent:#cb6f30;--discovery-accent-strong:#ab5720;--discovery-soft:#fff2e9;--discovery-soft-2:#fffaf6;--discovery-line:#efd5c2;}
[data-discovery-topic="books-culture-art"]{--discovery-accent:#4d7890;--discovery-accent-strong:#3a6176;--discovery-soft:#edf5f7;--discovery-soft-2:#f8fbfc;--discovery-line:#cfdee4;}
[data-discovery-topic="astrology-spiritual"]{--discovery-accent:#8054c3;--discovery-accent-strong:#673bab;--discovery-soft:#f3edff;--discovery-soft-2:#fbf9ff;--discovery-line:#dbcdf4;}
[data-discovery-topic="games-entertainment"]{--discovery-accent:#5968c8;--discovery-accent-strong:#4352ad;--discovery-soft:#eef0ff;--discovery-soft-2:#f9f9ff;--discovery-line:#d0d5f4;}
[data-discovery-topic="nature-animals-environment"]{--discovery-accent:#58964b;--discovery-accent-strong:#417c37;--discovery-soft:#eef8eb;--discovery-soft-2:#f9fcf7;--discovery-line:#cee3c8;}
[data-discovery-topic="sports"]{--discovery-accent:#27866d;--discovery-accent-strong:#1b6d58;--discovery-soft:#eaf7f2;--discovery-soft-2:#f7fcfa;--discovery-line:#c6e1d8;}
[data-discovery-topic="agenda-society"]{--discovery-accent:#536779;--discovery-accent-strong:#405364;--discovery-soft:#eef3f6;--discovery-soft-2:#f8fafb;--discovery-line:#d0dce3;}
[data-discovery-topic="featured"]{--discovery-accent:#b2851e;--discovery-accent-strong:#946b0d;--discovery-soft:#fff8e7;--discovery-soft-2:#fffcf5;--discovery-line:#ead8a8;}

.discovery-topic-card{
    position:relative;
    display:grid;
    min-width:0;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:14px;
    min-height:112px;
    padding:16px;
    overflow:hidden;
    border:1px solid var(--discovery-line);
    border-radius:18px;
    background:
        radial-gradient(circle at 92% 10%,rgba(255,255,255,.95) 0 11%,transparent 12%),
        linear-gradient(145deg,var(--discovery-soft-2) 0%,var(--discovery-soft) 100%);
    color:#102a43;
    text-decoration:none;
    box-shadow:0 14px 30px -27px rgba(10,30,51,.45);
    isolation:isolate;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.discovery-topic-card::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:4px;
    background:var(--discovery-accent);
}

.discovery-topic-card::after{
    content:"";
    position:absolute;
    top:-38px;
    right:-28px;
    z-index:-1;
    width:128px;
    height:128px;
    border:1px solid color-mix(in srgb,var(--discovery-accent) 15%,transparent);
    border-radius:50%;
    box-shadow:
        0 0 0 22px color-mix(in srgb,var(--discovery-accent) 5%,transparent),
        0 0 0 48px color-mix(in srgb,var(--discovery-accent) 3%,transparent);
}

.discovery-topic-card__icon{
    display:grid;
    width:54px;
    height:54px;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--discovery-accent) 25%,transparent);
    border-radius:16px;
    background:var(--discovery-accent);
    color:#fff;
    box-shadow:
        0 10px 20px -12px color-mix(in srgb,var(--discovery-accent) 65%,transparent),
        inset 0 0 0 1px rgba(255,255,255,.12);
}

.discovery-topic-card__icon svg{
    width:27px;
    height:27px;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.discovery-topic-card__copy{
    display:block;
    min-width:0;
}

.discovery-topic-card__copy > strong{
    display:block;
    color:#102a43;
    font-size:16px;
    line-height:1.22;
    font-weight:900;
    letter-spacing:-.015em;
    overflow-wrap:anywhere;
}

.discovery-topic-card__meta{
    display:flex;
    min-width:0;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:10px;
}

.discovery-topic-card__count{
    display:inline-flex;
    min-height:27px;
    align-items:center;
    gap:4px;
    padding:0 8px;
    border:1px solid color-mix(in srgb,var(--discovery-accent) 20%,#d9e4eb);
    border-radius:999px;
    background:rgba(255,255,255,.78);
    color:#526a80;
    font-size:10.5px;
    line-height:1;
    font-weight:750;
    white-space:nowrap;
}

.discovery-topic-card__count b{
    color:var(--discovery-accent-strong);
    font-size:11px;
    font-weight:950;
}

.discovery-topic-card__arrow{
    display:grid;
    width:30px;
    height:30px;
    flex:0 0 30px;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--discovery-accent) 22%,transparent);
    border-radius:10px;
    background:rgba(255,255,255,.74);
    color:var(--discovery-accent-strong);
    font-size:15px;
    font-weight:900;
    transition:transform .16s ease,background .16s ease,color .16s ease;
}

.discovery-topic-card__action{
    display:inline-flex;
    min-height:30px;
    align-items:center;
    gap:6px;
    padding:0 9px;
    border:1px solid color-mix(in srgb,var(--discovery-accent) 25%,transparent);
    border-radius:999px;
    background:rgba(255,255,255,.76);
    color:var(--discovery-accent-strong);
    font-size:9.5px;
    font-weight:900;
    white-space:nowrap;
}

.discovery-topic-card__action i{
    font-style:normal;
    font-size:13px;
    transition:transform .16s ease;
}

.discovery-topic-card:focus-visible{
    outline:3px solid color-mix(in srgb,var(--discovery-accent) 30%,transparent);
    outline-offset:3px;
}

@media(hover:hover){
    .discovery-topic-card:hover{
        transform:translateY(-3px);
        border-color:var(--ef4-card-border-hover,color-mix(in srgb,var(--discovery-accent) 50%,#b8cbd8));
        box-shadow:var(--ef4-card-shadow-hover,0 22px 40px -28px rgba(10,30,51,.55));
    }

    .discovery-topic-card:hover .discovery-topic-card__arrow{
        transform:translateX(2px);
        background:var(--discovery-accent);
        color:#fff;
    }

    .discovery-topic-card:hover .discovery-topic-card__action i{
        transform:translateX(2px);
    }
}

/* Ana sayfa varyantı: koyu keşif bölümünde kartlar kendi konu rengini korur. */
.discovery-topic-card--home{
    min-height:126px;
    padding:17px;
    /* Topic colors stay inside the card; the outer outline is consistent. */
    border-color:var(--ef4-card-border,#a9bbcb);
    border-radius:var(--ef4-card-radius,17px);
    box-shadow:var(--ef4-card-shadow,0 14px 30px -25px rgba(10,30,51,.45));
}

.discovery-topic-card--home .discovery-topic-card__copy > strong{
    font-size:17px;
}

@media(max-width:640px){
    .discovery-topic-card{
        min-height:96px;
        gap:12px;
        padding:13px;
        border-radius:15px;
    }

    .discovery-topic-card__icon{
        width:48px;
        height:48px;
        border-radius:14px;
    }

    .discovery-topic-card__icon svg{
        width:24px;
        height:24px;
    }

    .discovery-topic-card__copy > strong{
        font-size:15px;
    }

    .discovery-topic-card__meta{
        margin-top:7px;
    }

    .discovery-topic-card--home{
        min-height:102px;
        padding:14px;
        border-radius:var(--ef4-card-radius,17px);
    }

    .discovery-topic-card--home .discovery-topic-card__copy > strong{
        font-size:15px;
    }
}