/*
 * FİYATOMATİK UI-A6.21-F19
 * Engine action button + notification readability.
 *
 * IMPORTANT:
 * - no engine-card geometry change
 * - no engine image change
 * - no navigation/header/footer change
 * - no backend change
 */


/* =========================================================
   1. MOTOR KARTI SOL ALT YÖNLENDİRME BUTONU
   Existing circular arrow is preserved.
   We only increase its visual authority.
   ========================================================= */

html body .ft-engine-card[data-engine] .ft-e1-engine-left > .ft-engine-foot a,
html body .ft-engine-card[data-engine] .ft-e1-engine-left > .ft-engine-foot button,
html body .ft-engine-card[data-engine] .ft-e1-engine-left > .ft-engine-foot .ft-engine-arrow,
html body .ft-engine-card[data-engine] .ft-e1-engine-left > .ft-engine-foot [class*="arrow"],
html body .ft-engine-card[data-engine] .ft-e1-engine-left > a:last-child,
html body .ft-engine-card[data-engine] .ft-e1-engine-left .ft-engine-foot + a {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    border: 1px solid rgba(255,255,255,.72) !important;

    box-shadow:
        0 9px 20px rgba(15,23,42,.15),
        0 3px 8px rgba(15,23,42,.10),
        inset 0 1px 0 rgba(255,255,255,.65),
        inset 0 -1px 0 rgba(15,23,42,.08) !important;

    backdrop-filter: blur(12px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(145%) !important;

    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    transform: translateZ(0);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}


/*
 * Actual current card footer arrow:
 * keep engine's own background/accent color.
 * Add glass highlight without replacing the engine color.
 */
html body .ft-engine-card[data-engine] .ft-engine-foot > span:last-child,
html body .ft-engine-card[data-engine] .ft-engine-foot > a:last-child,
html body .ft-engine-card[data-engine] .ft-e1-engine-left > .ft-engine-foot > :last-child {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 999px !important;

    border: 1px solid rgba(255,255,255,.74) !important;

    box-shadow:
        0 10px 22px rgba(15,23,42,.16),
        0 3px 8px rgba(15,23,42,.10),
        inset 0 1px 1px rgba(255,255,255,.68),
        inset 0 -1px 0 rgba(15,23,42,.10) !important;

    backdrop-filter: blur(12px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(150%) !important;

    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}


/* Hover is intentionally scoped to the card's action control. */
html body .ft-engine-card[data-engine] .ft-engine-foot > span:last-child:hover,
html body .ft-engine-card[data-engine] .ft-engine-foot > a:last-child:hover,
html body .ft-engine-card[data-engine] .ft-e1-engine-left > .ft-engine-foot > :last-child:hover {
    transform: translateY(-2px) scale(1.07) !important;

    filter: brightness(1.06) saturate(1.08) !important;

    box-shadow:
        0 14px 28px rgba(15,23,42,.20),
        0 5px 12px rgba(15,23,42,.12),
        inset 0 1px 1px rgba(255,255,255,.80) !important;
}


/* =========================================================
   2. GÜNCEL ÖZET / MOTOR BİLDİRİM ALANI
   Keep structure and engine colors, increase readability.
   ========================================================= */

/* "GÜNCEL ÖZET" */
html body .ft-engine-card[data-engine] .ft-e1-engine-feed > strong,
html body .ft-engine-card[data-engine] .ft-e1-engine-feed .ft-e1-feed-title {
    font-weight: 850 !important;
    opacity: 1 !important;
}


/* Notification rows:
   Gerçek motor verisi bekleniyor
   Yeni gelişmeler burada gösterilecek
   Uydurma veri gösterilmez
*/
html body .ft-engine-card[data-engine] .ft-e1-engine-feed li,
html body .ft-engine-card[data-engine] .ft-e1-engine-feed p,
html body .ft-engine-card[data-engine] .ft-e1-engine-feed span:not(.ft-e1-feed-dot),
html body .ft-engine-card[data-engine] .ft-e1-engine-feed .ft-e1-feed-row {
    color: #566274 !important;
    opacity: 1 !important;
    font-weight: 570 !important;
}


/* If rows are direct div children */
html body .ft-engine-card[data-engine] .ft-e1-engine-feed > div {
    opacity: 1 !important;
}


/* Notification separators become visible but remain subtle. */
html body .ft-engine-card[data-engine] .ft-e1-engine-feed li,
html body .ft-engine-card[data-engine] .ft-e1-engine-feed .ft-e1-feed-row {
    border-color: rgba(71,85,105,.18) !important;
}


/* Colored status dots should remain crisp. */
html body .ft-engine-card[data-engine] .ft-e1-engine-feed i,
html body .ft-engine-card[data-engine] .ft-e1-engine-feed .ft-e1-feed-dot,
html body .ft-engine-card[data-engine] .ft-e1-engine-feed [class*="dot"] {
    opacity: 1 !important;
    filter: saturate(1.12) !important;
}


/* "Motor ayrıntılarını aç" */
html body .ft-engine-card[data-engine] .ft-e1-engine-feed a,
html body .ft-engine-card[data-engine] .ft-e1-engine-feed .ft-e1-feed-link {
    opacity: 1 !important;
    font-weight: 800 !important;
}


/* Preserve responsive balance. */
@media (max-width: 900px) {
    html body .ft-engine-card[data-engine] .ft-engine-foot > span:last-child,
    html body .ft-engine-card[data-engine] .ft-engine-foot > a:last-child,
    html body .ft-engine-card[data-engine] .ft-e1-engine-left > .ft-engine-foot > :last-child {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        font-size: 18px !important;
    }
}