/**
 * Sapanca Gazetesi
 * Software developed by ArpSoft
 * Copyright © 2026 ArpSoft. All rights reserved.
 * Developer: Murat Arapoğlu
 */
.market-history-card{margin:18px 0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}
.market-history-card[hidden]{display:none!important}
.market-history-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px 12px;border-bottom:1px solid var(--line)}
.market-history-card__eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.market-history-card__header h2{margin:4px 0 3px;color:var(--text);font-size:1.08rem}.market-history-card__header p{margin:0;color:var(--muted);font-size:.78rem}
.market-history-periods{display:flex;gap:7px}.market-history-periods button{min-width:68px;min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);cursor:pointer;font:inherit;font-size:.76rem;font-weight:800}.market-history-periods button.is-active{border-color:#2359bf;background:#2359bf;color:#fff}
.market-history-chart{position:relative;padding:8px 10px 0;color:var(--text)}.market-history-chart svg{display:block;width:100%;height:260px}
.market-history-tooltip{position:absolute;z-index:5;min-width:160px;pointer-events:none;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 12px 26px rgba(15,23,42,.14);padding:9px 11px;color:var(--text);font-size:11px}
.market-history-tooltip strong{display:block;margin-bottom:5px}.market-history-tooltip>span{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:3px}.market-history-tooltip>span>span{display:flex;align-items:center}.market-history-tooltip i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
.market-history-card__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 18px 13px}.market-history-card__footer p{margin:0;color:var(--muted);font-size:.7rem;text-align:right}
.market-history-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.73rem;font-weight:700}.market-history-legend span{display:inline-flex;align-items:center;gap:6px}.market-history-legend i{width:9px;height:9px;border-radius:50%}
.market-history-legend .is-gold i{background:#e8a11a}.market-history-legend .is-usd i{background:#31934d}.market-history-legend .is-eur i{background:#2d70c9}
@media(max-width:760px){.market-history-card__header{display:grid;padding:14px}.market-history-periods{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.market-history-periods button{min-width:0;min-height:38px}.market-history-chart{padding:6px 2px 0}.market-history-chart svg{height:220px}.market-history-card__footer{display:grid;padding:7px 12px 12px}.market-history-card__footer p{text-align:left;font-size:.66rem}.market-history-legend{justify-content:center}}



.market-converter-widget{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--surface);
    box-shadow:0 1px 6px rgba(0,0,0,.06);
}
.market-converter-widget .sidebar-widget__header{
    min-height:auto;
    padding:12px 16px !important;
    border:0 !important;
}
.market-converter-widget .sidebar-widget__header h2{
    color:#fff;
    font-size:.92rem;
}
.market-converter-widget .sidebar-widget__header i{color:#fff}
.market-converter-widget--currency .sidebar-widget__header{
    background:linear-gradient(110deg,#ef493c 0%,#d73b2f 58%,#c93329 100%);
}
.market-converter-widget--gold{
    --converter-accent:#c99012;
    --converter-accent-soft:rgba(201,144,18,.12);
    border-color:color-mix(in srgb,#c99012 28%,var(--line));
}
.market-converter-widget--gold .sidebar-widget__header{
    background:linear-gradient(110deg,#d9a51e 0%,#c28a0b 58%,#aa7100 100%);
}
.market-converter-widget__body{
    display:grid;
    gap:13px;
    padding:14px 16px !important;
    background:var(--surface);
}
.market-converter__field,
.market-converter__amount{
    display:grid;
    gap:6px;
    min-width:0;
}
.market-converter__field>label,
.market-converter__amount>span:first-child,
.market-converter__operation legend{
    color:var(--muted);
    font-size:.68rem;
    font-weight:850;
    line-height:1;
    text-transform:uppercase;
}
.market-converter__field select{
    width:100%;
    min-height:40px;
    appearance:auto;
    border:1px solid var(--line);
    border-radius:8px;
    outline:0;
    background:var(--surface-soft);
    color:var(--text);
    padding:0 10px;
    font:inherit;
    font-size:.78rem;
    font-weight:750;
}
.market-converter__field select:focus,
.market-converter__input-wrap:focus-within{
    border-color:color-mix(in srgb,var(--red) 60%,var(--line));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 10%,transparent);
}
.market-converter-widget--gold .market-converter__field select:focus,
.market-converter-widget--gold .market-converter__input-wrap:focus-within{
    border-color:color-mix(in srgb,var(--converter-accent) 68%,var(--line));
    box-shadow:0 0 0 3px var(--converter-accent-soft);
}
.market-converter__operation{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin:0;
    padding:0;
    border:0;
}
.market-converter__operation legend{
    grid-column:1/-1;
    margin-bottom:0;
}
.market-converter__operation label{
    position:relative;
    display:flex;
    min-width:0;
    min-height:38px;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-radius:8px;
    background:var(--surface-soft);
    color:var(--text);
    cursor:pointer;
    font-size:.75rem;
    font-weight:850;
    transition:.18s ease;
}
.market-converter__operation input{
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none;
}
.market-converter-widget--currency .market-converter__operation label.is-active{
    border-color:var(--red);
    background:var(--red);
    color:#fff;
}
.market-converter-widget--gold .market-converter__operation label.is-active{
    border-color:var(--converter-accent);
    background:linear-gradient(135deg,#daa91f,#bf8308);
    color:#fff;
}
.market-converter__exchange{
    display:grid;
    grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);
    gap:6px;
    align-items:end;
}
.market-converter__input-wrap{
    display:flex;
    min-width:0;
    min-height:44px;
    align-items:center;
    gap:5px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:8px;
    background:var(--surface-soft);
    transition:.18s ease;
}
.market-converter__input-wrap input{
    width:100%;
    min-width:0;
    height:42px;
    border:0;
    outline:0;
    background:transparent;
    color:var(--text);
    padding:0 0 0 10px;
    font:inherit;
    font-size:.92rem;
    font-weight:900;
}
.market-converter__input-wrap b{
    flex:0 0 auto;
    max-width:55px;
    overflow:hidden;
    padding-right:9px;
    color:var(--muted);
    font-size:.65rem;
    font-weight:900;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
}
.market-converter__swap{
    display:grid;
    height:44px;
    place-items:center;
    color:var(--red);
    font-size:1.12rem;
}
.market-converter-widget--gold .market-converter__swap{color:var(--converter-accent)}
.market-converter__rate{
    display:flex;
    min-height:34px;
    align-items:center;
    justify-content:space-between;
    gap:9px;
    margin-top:-2px;
    border-top:1px solid var(--line);
    padding-top:10px;
}
.market-converter__rate>span{
    min-width:0;
    color:var(--muted);
    font-size:.68rem;
    font-weight:700;
    line-height:1.35;
}
.market-converter__rate>span strong{
    color:var(--red);
    font-weight:900;
}
.market-converter-widget--gold .market-converter__rate>span strong{color:var(--converter-accent)}
.market-converter__rate button{
    display:grid;
    width:30px;
    height:30px;
    flex:0 0 30px;
    place-items:center;
    border:1px solid var(--line);
    border-radius:7px;
    background:var(--surface-soft);
    color:var(--muted);
    cursor:pointer;
    font-size:.82rem;
    transition:.18s ease;
}
.market-converter__rate button:hover{
    border-color:var(--red);
    color:var(--red);
}
.market-converter-widget--gold .market-converter__rate button:hover{
    border-color:var(--converter-accent);
    color:var(--converter-accent);
}
.market-converter__rate button.is-copied{
    border-color:#22a35f;
    color:#22a35f;
}
[data-site-theme="dark"] .market-converter-widget{
    background:var(--surface);
    border-color:var(--line);
    box-shadow:none;
}
[data-site-theme="dark"] .market-converter-widget--gold{
    border-color:rgba(201,144,18,.34);
}
[data-site-theme="dark"] .market-converter__field select,
[data-site-theme="dark"] .market-converter__operation label,
[data-site-theme="dark"] .market-converter__input-wrap,
[data-site-theme="dark"] .market-converter__rate button{
    background:color-mix(in srgb,var(--surface-soft) 78%,#0d1624);
}
@media(max-width:900px){
    .market-converter-widget__body{padding:14px 16px !important}
}
@media(max-width:380px){
    .market-converter__exchange{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:4px}
    .market-converter__input-wrap input{font-size:.82rem;padding-left:8px}
    .market-converter__input-wrap b{max-width:46px;padding-right:7px;font-size:.58rem}
}



.market-converter__operation{
    row-gap:10px;
}
.market-converter__operation legend{
    margin:0;
    padding:0 0 2px;
    line-height:1.15;
}
.market-sidebar-ad{
    min-width:0;
}
.market-sidebar-ad .home-ad{
    margin:0;
}


@media(max-width:680px){
    .market-page__layout{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:16px !important;
    }

    .market-page__main,
    .market-page__sidebar{
        display:contents !important;
    }

    .market-page__main > *{
        order:0;
        min-width:0;
    }

    .market-page__sidebar > *{
        display:none !important;
    }

    .market-history-card--gold{
        display:block !important;
        order:10;
    }

    .market-page__section--gold{
        display:block !important;
        order:20;
    }

    .market-page__sidebar > .market-converter-widget--gold{
        display:block !important;
        order:30;
    }

    .market-page__sidebar > .market-sidebar-ad{
        display:block !important;
        order:40;
    }

    .market-history-card--currency{
        display:block !important;
        order:50;
    }

    .market-page__section--currency{
        display:block !important;
        order:60;
    }

    .market-page__sidebar > .market-converter-widget--currency{
        display:block !important;
        order:70;
    }

    .market-page__sidebar > .fuel-widget{
        display:block !important;
        order:80;
    }

    .market-page__sidebar > .latest-news-widget--feature{
        display:block !important;
        order:90;
    }

    .market-page__disclaimer{
        order:100 !important;
    }

    
    .market-page__sidebar > .pharmacy-widget,
    .market-page__sidebar > .lake-level-widget,
    .market-page__sidebar > .weather-widget,
    .market-page__sidebar > .prayer-widget,
    .market-page__sidebar > .most-read-widget:not(.latest-news-widget--feature){
        display:none !important;
    }

    .market-sidebar-ad .home-ad{
        width:100%;
        max-width:100%;
    }
}



.market-converter__operation{
    row-gap:13px;
}
.market-converter__operation legend{
    margin:0 0 2px;
    padding:0;
    line-height:1.2;
}

@media(max-width:680px){
    .market-converter__field select{
        display:block;
        width:100%;
        height:48px !important;
        min-height:48px !important;
        padding:0 36px 0 12px !important;
        border-radius:9px;
        font-size:16px !important;
        line-height:48px !important;
        box-sizing:border-box;
        -webkit-text-size-adjust:100%;
    }

    .market-converter__operation{
        row-gap:14px;
    }

    .market-converter__operation label{
        min-height:44px;
    }
}