/*
============================================================
PİYASA GLOBAL APPLICATION SHELL V3
ELITE DARK
HEADER + FOOTER
============================================================
*/

:root {
    --pgs-navy-0: #010713;
    --pgs-navy-1: #031126;
    --pgs-navy-2: #071b36;

    --pgs-white: #f8fbff;
    --pgs-muted: #9cafc8;

    --pgs-line:
        rgba(102, 163, 226, .24);

    --pgs-cyan: #20d8ff;
    --pgs-blue: #2478ff;
}


/* =========================================================
   LEGACY HOME SHELL
   ========================================================= */

html.pgs-shell-ready
[data-pgs-legacy-header="1"],

html.pgs-shell-ready
[data-pgs-legacy-utility="1"],

html.pgs-shell-ready
[data-pgs-legacy-footer="1"] {
    display: none !important;
}


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

.pgs-header {
    position: relative;

    z-index: 1000;

    width:
        calc(100% - 32px);

    max-width:
        1900px;

    min-height:
        142px;

    margin:
        16px auto 18px;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(76, 165, 255, .36);

    border-radius:
        22px;

    background:
        radial-gradient(
            circle at 55% -90%,
            rgba(28, 121, 255, .34),
            transparent 46%
        ),
        linear-gradient(
            105deg,
            #010817 0%,
            #06182f 48%,
            #020a18 100%
        );

    box-shadow:
        0 18px 45px
        rgba(1, 10, 31, .25),

        inset 0 1px 0
        rgba(255,255,255,.06);

    overflow:
        hidden;
}


.pgs-header::before {
    content: "";

    position: absolute;

    top: 0;
    left: 4%;
    right: 4%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #44cfff,
            transparent
        );

    opacity:
        .78;
}


.pgs-header__inner {
    display: flex;

    align-items: center;

    width: 100%;

    min-height:
        140px;

    padding:
        13px 22px;

    box-sizing:
        border-box;
}


/* =========================================================
   BRAND
   ========================================================= */

.pgs-brand {
    flex:
        0 0 300px;

    min-width:
        300px;

    display: flex;

    align-items: center;

    gap:
        17px;

    color:
        var(--pgs-white);

    text-decoration:
        none;
}


/* CUSTOM F MARK */

.pgs-brand__mark {
    position: relative;

    flex:
        0 0 72px;

    width:
        72px;

    height:
        72px;

    display:
        block;

    filter:
        drop-shadow(
            0 7px 12px
            rgba(0,0,0,.38)
        );
}


.pgs-brand__mark::before {
    content: "";

    position: absolute;

    inset: 6px;

    border-radius:
        24px;

    background:
        radial-gradient(
            circle,
            rgba(43, 185, 255, .28),
            transparent 70%
        );

    filter:
        blur(9px);
}


.pgs-brand__mark-upper,
.pgs-brand__mark-lower {
    position:
        absolute;

    display:
        block;

    width:
        58px;

    height:
        24px;

    left:
        7px;

    border-radius:
        18px 18px 18px 7px;

    transform:
        skewX(-16deg);
}


.pgs-brand__mark-upper {
    top:
        8px;

    background:
        linear-gradient(
            90deg,
            #734cff 0%,
            #167aff 43%,
            #36e8ff 100%
        );

    box-shadow:
        0 0 17px
        rgba(37, 169, 255, .42);
}


.pgs-brand__mark-lower {
    top:
        38px;

    left:
        16px;

    width:
        49px;

    background:
        linear-gradient(
            90deg,
            #fa3fc3 0%,
            #ff5d72 48%,
            #ffc53e 100%
        );

    box-shadow:
        0 0 17px
        rgba(255, 69, 169, .33);
}


.pgs-brand__copy {
    display: flex;

    flex-direction:
        column;

    gap:
        7px;

    min-width:
        0;
}


.pgs-brand__copy strong {
    color:
        #ffffff;

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size:
        27px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        -.85px;

    white-space:
        nowrap;

    text-shadow:
        0 4px 12px
        rgba(0,0,0,.35);
}


.pgs-brand__copy small {
    color:
        #9fb0c8;

    font-size:
        11px;

    line-height:
        1;

    font-weight:
        600;

    letter-spacing:
        .35px;

    white-space:
        nowrap;
}


/* =========================================================
   DIVIDER
   ========================================================= */

.pgs-header__divider {
    flex:
        0 0 1px;

    width:
        1px;

    height:
        82px;

    margin:
        0 22px 0 4px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(107, 175, 240, .43),
            transparent
        );
}


/* =========================================================
   ENGINE GRID
   ========================================================= */

.pgs-engines {
    flex:
        1 1 auto;

    min-width:
        0;

    display:
        grid;

    grid-template-columns:
        repeat(
            10,
            minmax(86px, 1fr)
        );

    gap:
        9px;
}


/* =========================================================
   ENGINE TILE
   ========================================================= */

.pgs-engine {
    position:
        relative;

    min-width:
        0;

    min-height:
        112px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        6px;

    padding:
        6px 4px 8px;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius:
        17px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );

    color:
        white;

    text-decoration:
        none;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.035);

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


.pgs-engine:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(75, 179, 255, .43);

    background:
        linear-gradient(
            180deg,
            rgba(18, 87, 164, .36),
            rgba(5, 29, 65, .52)
        );

    box-shadow:
        0 12px 24px
        rgba(0, 7, 27, .28),

        inset 0 1px 0
        rgba(255,255,255,.06);
}


/* =========================================================
   BIG ICONS
   ========================================================= */

.pgs-engine__icon {
    width:
        76px;

    height:
        76px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex:
        0 0 76px;

    border-radius:
        17px;

    background:
        radial-gradient(
            circle,
            rgba(70, 154, 255, .12),
            transparent 70%
        );
}


.pgs-engine__icon img {
    display:
        block;

    width:
        72px;

    height:
        72px;

    max-width:
        72px;

    max-height:
        72px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0 7px 9px
            rgba(0,0,0,.44)
        );

    transition:
        transform .18s ease,
        filter .18s ease;
}


.pgs-engine:hover
.pgs-engine__icon img {
    transform:
        scale(1.07);
}


/* =========================================================
   ENGINE LABEL
   ========================================================= */

.pgs-engine__label {
    width:
        100%;

    color:
        #f9fbff;

    font-family:
        Inter,
        system-ui,
        sans-serif;

    font-size:
        10.5px;

    font-weight:
        900;

    line-height:
        1.08;

    text-align:
        center;

    text-transform:
        uppercase;

    text-shadow:
        0 2px 5px
        rgba(0,0,0,.55);
}


.pgs-engine[data-engine="altin-rehber"]
.pgs-engine__label {
    font-size:
        9px;
}


/* =========================================================
   ACTIVE ENGINE
   ========================================================= */

.pgs-engine.is-active {
    transform:
        translateY(-2px);

    border-color:
        rgba(24, 204, 255, .95);

    background:
        radial-gradient(
            circle at 50% 32%,
            rgba(37, 182, 255, .22),
            transparent 51%
        ),
        linear-gradient(
            180deg,
            rgba(16, 87, 173, .40),
            rgba(2, 29, 70, .74)
        );

    box-shadow:
        0 0 0 1px
        rgba(30, 177, 255, .20),

        0 0 21px
        rgba(0, 181, 255, .35),

        0 13px 27px
        rgba(0, 37, 102, .31);
}


.pgs-engine.is-active::after {
    content: "";

    position:
        absolute;

    left:
        23%;

    right:
        23%;

    bottom:
        -4px;

    height:
        4px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            #25ddff,
            #2872ff
        );

    box-shadow:
        0 0 13px
        rgba(0, 201, 255, .95);
}


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

.pgs-footer {
    position:
        relative;

    width:
        calc(100% - 32px);

    max-width:
        1900px;

    margin:
        26px auto 16px;

    overflow:
        hidden;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(76, 165, 255, .27);

    border-radius:
        22px;

    background:
        radial-gradient(
            circle at 20% -60%,
            rgba(39, 126, 255, .24),
            transparent 42%
        ),
        linear-gradient(
            105deg,
            #010817,
            #06172d 53%,
            #020a17
        );

    box-shadow:
        0 18px 40px
        rgba(0, 9, 30, .20);
}


.pgs-footer__top {
    display:
        grid;

    grid-template-columns:
        minmax(300px, 1.05fr)
        minmax(600px, 2fr);

    gap:
        46px;

    align-items:
        center;

    padding:
        32px 42px;
}


.pgs-footer__brand
.pgs-brand {
    min-width:
        0;

    width:
        auto;

    flex:
        none;
}


.pgs-footer__brand
.pgs-brand__mark {
    flex-basis:
        60px;

    width:
        60px;

    height:
        60px;

    transform:
        scale(.86);

    transform-origin:
        left center;
}


.pgs-footer__brand
.pgs-brand__copy strong {
    font-size:
        23px;
}


.pgs-footer__brand p {
    max-width:
        430px;

    margin:
        15px 0 0;

    color:
        #9eb0c8;

    font-size:
        13px;

    line-height:
        1.65;
}


/* FOOTER VALUES */

.pgs-footer__values {
    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:
        13px;
}


.pgs-footer-value {
    min-height:
        82px;

    display:
        flex;

    align-items:
        center;

    gap:
        13px;

    padding:
        13px 16px;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius:
        15px;

    background:
        rgba(255,255,255,.025);
}


.pgs-footer-value__icon {
    flex:
        0 0 38px;

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        11px;

    color:
        #64dcff;

    font-size:
        18px;

    font-weight:
        900;

    background:
        linear-gradient(
            145deg,
            rgba(30, 140, 255, .24),
            rgba(44, 65, 173, .15)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.08);
}


.pgs-footer-value__copy {
    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    gap:
        5px;
}


.pgs-footer-value__copy strong {
    color:
        #f8fbff;

    font-size:
        13px;

    font-weight:
        800;
}


.pgs-footer-value__copy small {
    color:
        #94a8c2;

    font-size:
        10.5px;

    line-height:
        1.35;
}


/* FOOTER BOTTOM */

.pgs-footer__bottom {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    min-height:
        44px;

    padding:
        0 42px;

    box-sizing:
        border-box;

    border-top:
        1px solid
        rgba(116, 170, 224, .13);

    background:
        rgba(0,0,0,.13);

    color:
        #7188a5;

    font-size:
        10px;

    letter-spacing:
        .7px;
}


.pgs-footer__bottom strong {
    color:
        #a9bad0;

    font-weight:
        600;
}


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

@media (max-width: 1500px) {

    .pgs-brand {
        flex-basis:
            250px;

        min-width:
            250px;
    }


    .pgs-brand__mark {
        transform:
            scale(.90);

        transform-origin:
            center;
    }


    .pgs-brand__copy strong {
        font-size:
            22px;
    }


    .pgs-header__divider {
        margin-left:
            0;

        margin-right:
            14px;
    }


    .pgs-engines {
        gap:
            6px;

        grid-template-columns:
            repeat(
                10,
                minmax(70px, 1fr)
            );
    }


    .pgs-engine__icon {
        width:
            67px;

        height:
            67px;

        flex-basis:
            67px;
    }


    .pgs-engine__icon img {
        width:
            64px;

        height:
            64px;

        max-width:
            64px;

        max-height:
            64px;
    }


    .pgs-engine {
        min-height:
            103px;
    }
}


/* =========================================================
   SMALL DESKTOP
   ========================================================= */

@media (max-width: 1180px) {

    .pgs-header {
        overflow-x:
            auto;
    }


    .pgs-header__inner {
        min-width:
            1180px;
    }


    .pgs-footer__top {
        grid-template-columns:
            1fr;
    }
}


/* Old debug indicator */

#piyasa-api-indicator,
.piyasa-api-indicator {
    display:
        none !important;
}


/*
============================================================
PİYASA GLOBAL NAVIGATION
TOP + BOTTOM
SAME COMPONENT
============================================================
*/


/*
 * Old custom V3 footer is no longer a runtime component.
 * Defensive hide only.
 */

.pgs-footer {
    display: none !important;
}


/*
 * Both positions use exact same navigation design.
 */

.pgs-header--top,
.pgs-header--bottom {
    width:
        calc(100% - 32px);

    max-width:
        1900px;

    margin-left:
        auto;

    margin-right:
        auto;
}


/*
 * Top spacing.
 */

.pgs-header--top {
    margin-top:
        16px;

    margin-bottom:
        18px;
}


/*
 * Bottom navigation.
 *
 * Same shell, same logo, same icons,
 * same active engine state.
 */

.pgs-header--bottom {
    margin-top:
        30px;

    margin-bottom:
        16px;

    box-shadow:
        0 -8px 34px
            rgba(0, 16, 45, .09),
        0 18px 45px
            rgba(1, 10, 31, .20),
        inset 0 1px 0
            rgba(255,255,255,.06);
}


/*
 * No footer-like visual treatment.
 */

.pgs-header--bottom::after {
    display:
        none !important;
}


/*
 * Keep both menu instances visually identical.
 */

.pgs-header--bottom
.pgs-header__inner,

.pgs-header--top
.pgs-header__inner {
    min-height:
        140px;
}


/*
 * HOME old footer remains hidden once
 * global shell has mounted.
 */

html.pgs-shell-ready
[data-pgs-legacy-footer="1"] {
    display:
        none !important;
}



/*
============================================================
PİYASA GLOBAL SHELL
FINAL WORKSPACE ALIGNMENT
------------------------------------------------------------
Only outer horizontal geometry changes.
Logo / icons / navigation / workspace remain untouched.
============================================================
*/


/*
 * Engine pages:
 *
 * KAŞİF workspace uses the wider application canvas.
 * Both global navigation instances must share
 * exactly the same left/right visual boundary.
 */

body.pgs-page-engine .pgs-header,
body.pgs-page-engine .pgs-header--top,
body.pgs-page-engine .pgs-header--bottom {
    width: calc(100% - 44px) !important;
    max-width: none !important;

    margin-left: 22px !important;
    margin-right: 22px !important;

    box-sizing: border-box !important;
}


/*
 * Preserve vertical spacing.
 */

body.pgs-page-engine .pgs-header--top {
    margin-top: 16px !important;
    margin-bottom: 18px !important;
}


body.pgs-page-engine .pgs-header--bottom {
    margin-top: 30px !important;
    margin-bottom: 16px !important;
}


/*
 * HOME keeps its existing centered geometry.
 * This patch is specifically for engine/workspace alignment.
 */



/*
============================================================
PİYASA GLOBAL SHELL
ENGINE ALIGNMENT FINAL
------------------------------------------------------------
Previous 22px engine inset was too narrow.
Use full engine-page parent width.
============================================================
*/

body.pgs-page-engine .pgs-header,
body.pgs-page-engine .pgs-header--top,
body.pgs-page-engine .pgs-header--bottom {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


/*
 * Keep only vertical spacing.
 */

body.pgs-page-engine .pgs-header--top {
    margin-top: 16px !important;
    margin-bottom: 18px !important;
}

body.pgs-page-engine .pgs-header--bottom {
    margin-top: 30px !important;
    margin-bottom: 16px !important;
}


/* PIYASA_GLOBAL_TOP_FOOTER_CANONICAL_22PX_V2 */

/*
 * ==========================================================
 * PİYASA GLOBAL SHELL — CANONICAL DESKTOP AXIS
 *
 * ALL 10 ENGINE WORKSPACES
 *
 * TOP MENU:
 *     .pgs-header--top
 *
 * FOOTER:
 *     .pgs-header--bottom
 *
 * INNER:
 *     .pgs-header__inner
 *
 * LEFT  = 22px
 * RIGHT = 22px
 *
 * This block intentionally comes LAST.
 * ==========================================================
 */

@media (min-width: 1181px) {

    html body.pgs-page-engine .pgs-header--top,
    html body.pgs-page-engine .pgs-header--bottom {

        left: auto !important;
        right: auto !important;

        width: calc(100% - 44px) !important;
        max-width: calc(100% - 44px) !important;

        margin-left: 22px !important;
        margin-right: 22px !important;

        box-sizing: border-box !important;
    }


    html body.pgs-page-engine
    .pgs-header--top
    > .pgs-header__inner,

    html body.pgs-page-engine
    .pgs-header--bottom
    > .pgs-header__inner {

        left: auto !important;
        right: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

}

/* PIYASA_GLOBAL_TOP_FOOTER_CANONICAL_22PX_V2_END */