/*
============================================================
FİYATOMATİK — F18 FINAL
HEADER + FOOTER ONLY

DO NOT STYLE ENGINE CARDS HERE.
============================================================
*/


/* =========================================================
   HEADER
   ========================================================= */

html body .ft-engine-nav {
    width: 100% !important;
    min-height: 108px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;

    border-top: 0 !important;
    border-bottom: 1px solid rgba(15,23,42,.08) !important;

    box-shadow:
        0 7px 25px rgba(15,23,42,.045) !important;
}


html body .ft-engine-nav .ft-engine-nav-inner {
    width: min(1570px, calc(100% - 52px)) !important;
    min-height: 108px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;

    gap: 0 !important;

    white-space: nowrap !important;
}


/* =========================================================
   HEADER LOGO — LARGE / SINGLE / CLEAN
   ========================================================= */

html body .ft-engine-nav-inner > .ft-brand.ft-f18-brand {
    flex: 0 0 245px !important;

    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;

    height: 90px !important;

    margin: 0 28px 0 0 !important;
    padding: 0 !important;

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

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

    text-decoration: none !important;
}


html body .ft-f18-header-logo {
    display: block !important;

    width: 235px !important;
    min-width: 235px !important;
    max-width: 235px !important;

    height: auto !important;
    max-height: 82px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: left center !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   SEARCH CENTER
   ========================================================= */

html body .ft-engine-nav-inner
a[href="/piyasa-ui/urun-merkezi/"],

html body .ft-engine-nav-inner
a[href="/piyasa-ui/urun-merkezi"] {

    flex: 0 0 auto !important;

    min-height: 52px !important;

    margin: 0 20px 0 0 !important;
    padding: 0 24px !important;

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

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #315efb 0%,
            #6857f5 100%
        ) !important;

    border: 0 !important;
    border-radius: 15px !important;

    box-shadow:
        0 11px 25px rgba(78,81,238,.22) !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    letter-spacing: -.01em !important;

    text-decoration: none !important;
}


/* =========================================================
   10 ENGINE LINKS — BIGGER + STRONGER
   ========================================================= */

html body .ft-engine-nav-inner
a[href*="/piyasa-ui/motor/"] {

    flex: 0 0 auto !important;

    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 9px !important;

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

    color: #111827 !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 9px !important;

    box-shadow: none !important;

    font-size: 13.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    letter-spacing: -.018em !important;

    text-decoration: none !important;

    transition:
        color .16s ease,
        background-color .16s ease,
        transform .16s ease !important;
}


html body .ft-engine-nav-inner
a[href*="/piyasa-ui/motor/"]:hover {

    color: #315efb !important;

    background:
        rgba(49,94,251,.065) !important;

    transform: translateY(-1px) !important;
}


/* =========================================================
   HEADER RIGHT ACTIONS
   ========================================================= */

html body .ft-engine-nav-inner .ft-header-actions {

    flex: 0 0 auto !important;

    margin-left: auto !important;
    padding-left: 20px !important;

    display: flex !important;
    align-items: center !important;

    gap: 10px !important;

    border-left:
        1px solid rgba(15,23,42,.10) !important;
}


html body .ft-engine-nav-inner
.ft-header-actions a,

html body .ft-engine-nav-inner
.ft-header-actions button {

    min-height: 50px !important;

    padding: 0 18px !important;

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

    gap: 8px !important;

    color: #172033 !important;
    background: #fff !important;

    border:
        1px solid rgba(15,23,42,.11) !important;

    border-radius: 14px !important;

    box-shadow:
        0 3px 12px rgba(15,23,42,.035) !important;

    font-size: 13px !important;
    font-weight: 750 !important;

    text-decoration: none !important;
}


/* =========================================================
   CONTENT BREATHING SPACE
   ========================================================= */

html body .ft-engine-section {
    padding-top: 28px !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

html body .ft-footer.ft-f18-footer {

    width: 100% !important;

    margin: 38px 0 0 !important;
    padding: 0 !important;

    background: #fff !important;

    border-top:
        1px solid rgba(15,23,42,.08) !important;

    box-shadow:
        0 -5px 24px rgba(15,23,42,.025) !important;
}


html body .ft-footer.ft-f18-footer
.ft-footer-inner {

    width: min(1450px, calc(100% - 64px)) !important;

    min-height: 132px !important;

    margin: 0 auto !important;
    padding: 22px 0 !important;

    display: grid !important;

    grid-template-columns:
        minmax(300px,1.4fr)
        minmax(220px,1fr)
        minmax(220px,1fr)
        minmax(220px,1fr) !important;

    align-items: center !important;

    column-gap: 0 !important;
}


/* Fallback if footer does not have ft-footer-inner */

html body .ft-footer.ft-f18-footer:not(:has(.ft-footer-inner)) {

    width: 100% !important;
}


/* =========================================================
   FOOTER CANONICAL LOGO
   ========================================================= */

html body .ft-f18-footer-brand {

    min-width: 0 !important;

    height: 86px !important;

    margin: 0 !important;
    padding: 0 38px 0 0 !important;

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

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    text-decoration: none !important;
}


html body .ft-f18-footer-logo {

    display: block !important;

    width: 255px !important;
    max-width: 255px !important;

    height: auto !important;
    max-height: 82px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: left center !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* Old footer branding must never compete with canonical logo */

html body .ft-footer .ft-f18-old-brand,
html body .ft-footer .ft-footer-brand {
    display: none !important;
}


/* Remove slogan / bottom line / old footer metadata */

html body .ft-footer .ft-footer-bottom,
html body .ft-footer .ft-footer-meta,
html body .ft-footer .ft-footer-copy,
html body .ft-footer .ft-footer-slogan {
    display: none !important;
}


/* =========================================================
   FOOTER VALUE COLUMNS
   ========================================================= */

html body .ft-footer.ft-f18-footer
.ft-footer-value {

    min-height: 72px !important;

    padding: 4px 30px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    border-left:
        1px solid rgba(15,23,42,.09) !important;
}


html body .ft-footer.ft-f18-footer
.ft-footer-value strong {

    margin: 0 0 8px !important;

    color: #111827 !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}


html body .ft-footer.ft-f18-footer
.ft-footer-value span,

html body .ft-footer.ft-f18-footer
.ft-footer-value small,

html body .ft-footer.ft-f18-footer
.ft-footer-value p {

    margin: 0 !important;

    color: #7b8494 !important;

    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}


/* =========================================================
   1500PX DESKTOP FIT
   ========================================================= */

@media (max-width: 1500px) {

    html body .ft-engine-nav .ft-engine-nav-inner {
        width: calc(100% - 40px) !important;
    }

    html body .ft-engine-nav-inner
    > .ft-brand.ft-f18-brand {

        flex-basis: 220px !important;

        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;

        margin-right: 16px !important;
    }

    html body .ft-f18-header-logo {

        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
    }

    html body .ft-engine-nav-inner
    a[href="/piyasa-ui/urun-merkezi/"],

    html body .ft-engine-nav-inner
    a[href="/piyasa-ui/urun-merkezi"] {

        padding-left: 18px !important;
        padding-right: 18px !important;

        margin-right: 10px !important;
    }

    html body .ft-engine-nav-inner
    a[href*="/piyasa-ui/motor/"] {

        padding-left: 7px !important;
        padding-right: 7px !important;

        font-size: 12.5px !important;
    }

    html body .ft-engine-nav-inner
    .ft-header-actions {

        padding-left: 13px !important;
    }

    html body .ft-engine-nav-inner
    .ft-header-actions a,

    html body .ft-engine-nav-inner
    .ft-header-actions button {

        padding-left: 13px !important;
        padding-right: 13px !important;
    }
}


/*
============================================================
HARD BOUNDARY

NO RULE IN THIS FILE TARGETS:
.ft-engine-card
.ft-e1-engine-left
.ft-f4r2-engine-image

ENGINE CARD DESIGN REMAINS LOCKED.
============================================================
*/