/* ==========================================================================
   FIRAT MAKİNA / EGE B2B — B2B MODERN TEMA
   Referans: Özçete B2B arayüzü (online.ozcete.com.tr/web/b2b) — geliştirilmiş
   Sıcak krem/turuncu araç-sanayi paleti + Fırat kırmızısı vurgular.
   Bu dosya firat-theme.css'ten SONRA yüklenir; üzerine ince ayar yapar.
   ========================================================================== */

:root {
    --b2b-cream: #fdf6e7;
    --b2b-cream-2: #faedd2;
    --b2b-tan-hi: #f9dfae;
    --b2b-tan: #f0c377;
    --b2b-tan-lo: #e2a94f;
    --b2b-tan-border: #cf9a3f;
    --b2b-brown: #5a3d10;
    --b2b-brown-2: #7c5a20;
    --b2b-red: #d71920;
    --b2b-red-dark: #a90f16;
    --b2b-green: #1e8e3e;
    --b2b-radius: 5px;
}

body.firat-theme {
    background: var(--b2b-cream);
    padding-bottom: 34px; /* alt durum çubuğu için */
}

/* ==========================================================================
   BAŞLIK — MASTHEAD (logo + simge düğmeleri + kullanıcı)
   ========================================================================== */

.ft-site-head {
    background: linear-gradient(180deg, var(--b2b-tan-hi) 0%, var(--b2b-tan) 55%, var(--b2b-tan-lo) 100%);
    border-bottom: 1px solid var(--b2b-tan-border);
    box-shadow: 0 2px 6px rgba(90, 61, 16, .18);
}

.b2b-masthead {
    display: flex;
    align-items: stretch;
    gap: 10px;
    padding: 6px 0 4px;
}

/* Logo — sol üst: oyulmuş (lazer kazıma) neumorphism çerçeve,
   yükseklik banner slider ile eşit (96px) */
.b2b-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 96px;
    padding: 0 18px;
    flex: 0 0 auto;
    background: linear-gradient(145deg, #f8ecd0 0%, #eed9a6 100%);
    border: 1px solid rgba(207, 154, 63, .55);
    border-radius: 12px;
    box-shadow:
        inset 2px 2px 6px rgba(90, 61, 16, .30),
        inset -2px -2px 6px rgba(255, 255, 255, .75),
        0 1px 0 rgba(255, 255, 255, .40);
}

.b2b-logo:hover { text-decoration: none; }

.b2b-logo__mark {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(160deg, #e53935 0%, var(--b2b-red) 45%, var(--b2b-red-dark) 100%);
    border-radius: 8px;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(90, 61, 16, .35), inset 0 1px 0 rgba(255, 255, 255, .35);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

.b2b-logo__text {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: .4px;
    color: var(--b2b-brown);
    line-height: 1.05;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
}

.b2b-logo__text small {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: var(--b2b-brown-2);
}

/* Banner alanı — başlığın sağında, geniş kampanya slider'ı */
.b2b-banner {
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    min-width: 0;
    padding: 0 4px;
}

.b2b-banner .ft-banner { width: 100%; }

.b2b-banner .ft-brandstrip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 3px 10px;
    background: rgba(255, 255, 255, .55);
    border: 1px solid rgba(207, 154, 63, .55);
    border-radius: var(--b2b-radius);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
    overflow: hidden;
}

.b2b-banner .ft-brandstrip__label {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .6px;
    color: var(--b2b-brown-2);
    white-space: nowrap;
}

.b2b-banner .ft-brandstrip img {
    max-height: 46px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
}

/* Sepet özeti çipi — hızlı arama satırının sağında */
.b2b-sepetchip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 700;
    color: var(--b2b-brown);
    background: linear-gradient(180deg, #fff8ea 0%, #f0d49c 100%);
    border: 1px solid var(--b2b-tan-border);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    white-space: nowrap;
}

.b2b-sepetchip:hover { color: var(--b2b-red); text-decoration: none; }
.b2b-sepetchip i { color: var(--b2b-red); }
.b2b-sepetchip span { max-width: 260px; overflow: hidden; text-overflow: ellipsis; }

/* Kullanıcı kutusu — sağ üst */
.b2b-userbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 6px 14px;
    margin-left: auto;
    flex: 0 0 auto;
    width: 340px;
    box-sizing: border-box;
    background: linear-gradient(145deg, #f8ecd0 0%, #eed9a6 100%);
    border: 1px solid rgba(207, 154, 63, .55);
    border-radius: 12px;
    box-shadow:
        inset 2px 2px 6px rgba(90, 61, 16, .30),
        inset -2px -2px 6px rgba(255, 255, 255, .75),
        0 1px 0 rgba(255, 255, 255, .40);
}

.b2b-userbox__avatar {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    font-size: 17px;
    color: #fff;
    background: linear-gradient(160deg, #e53935 0%, #b8101a 55%, #8c0d14 100%);
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(90, 61, 16, .45), inset 0 1px 0 rgba(255, 255, 255, .35);
    flex: 0 0 auto;
}

/* Kullanıcı sütunu — userbox üstte, döviz şeridi altta, çark şeridin sağında */
.b2b-usercol {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-left: auto;
    flex: 0 0 auto;
    width: var(--ft-sag-genislik);
    box-sizing: border-box;
}
.b2b-usercol .b2b-userbox { width: 100%; margin-left: 0; }

.b2b-userbox__text { line-height: 1.15; max-width: 220px; }
.b2b-userbox__text strong {
    display: block;
    font-size: 11.5px;
    color: var(--b2b-brown);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.b2b-userbox__text small {
    font-size: 10px;
    font-weight: 600;
    color: var(--b2b-brown-2);
}

/* Döviz satırı — tek koyu kutu: kurlar ortada, çark sağda, üstteki kartla aynı genişlik */
.b2b-dovizrow {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px 4px 10px;
    background: linear-gradient(180deg, #4a3208 0%, #382507 100%);
    border: 1px solid rgba(207, 154, 63, .65);
    border-radius: 9px;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .30), 0 1px 0 rgba(255, 255, 255, .35);
}
.b2b-dovizrow .b2b-quick__gear { flex: 0 0 auto; margin-left: auto; }

/* Döviz şeridi — koyu kutunun içindeki kur alanı (JS içeriği buraya basılır) */
.b2b-dovizbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 10.5px;
    font-weight: 800;
    color: #f4dda6;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
}
.b2b-dovizbar .fa { width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 50%; color: #fff; font-size: 9px; margin-right: 2px; }
.b2b-dovizbar .dollar { background: #1e8e3e; }
.b2b-dovizbar .euro { background: #1565c0; }
.b2b-dovizbar .lbl { display: inline-block; width: 14px; font-weight: 800; color: #f4dda6; }
.b2b-dovizbar .ft-dvz-ayrac { margin: 0 7px; color: rgba(244, 221, 166, .45); }

.b2b-doviz {
    font-size: 10px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--b2b-brown);
    text-align: left;
    padding-left: 8px;
    border-left: 1px dashed rgba(207, 154, 63, .7);
    white-space: nowrap;
}
.b2b-doviz .fa { width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 50%; color: #fff; font-size: 10px; margin-right: 5px; vertical-align: middle; }
.b2b-doviz .dollar { background: #1e8e3e; }
.b2b-doviz .euro { background: #1565c0; }
.b2b-doviz .lbl { display: inline-block; width: 22px; font-weight: 800; color: #5a3d10; }

/* Genel: tüm butonlarda el imleci */
button, [type="button"], [type="submit"], [type="reset"] { cursor: pointer; }

/* ==========================================================================
   HIZLI ARAMA ŞERİDİ — referanstaki "Üretici / Araç / Parça yazınız..." satırı
   ========================================================================== */

.b2b-searchrow {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0 6px;
    justify-content: flex-end;
}

.b2b-quick {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 auto;
}

.b2b-quick__field {
    position: relative;
    flex: 1 1 0;
    min-width: 120px;
}

.b2b-quick__field i {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    color: var(--b2b-tan-border);
    pointer-events: none;
}

.b2b-quick__field input {
    width: 100%;
    height: 30px;
    padding: 0 10px 0 27px;
    font-size: 12px;
    font-weight: 600;
    color: var(--b2b-brown);
    background: linear-gradient(180deg, #fffdf6 0%, #fef4dd 100%);
    border: 1px solid var(--b2b-tan-border);
    border-radius: 14px;
    box-shadow: inset 0 1px 3px rgba(90, 61, 16, .18);
    transition: border-color .15s ease, box-shadow .15s ease;
}

.b2b-quick__field input::placeholder { color: #b08d4d; font-weight: 500; }

.b2b-quick__field input:focus {
    outline: none;
    border-color: var(--b2b-red);
    box-shadow: inset 0 1px 3px rgba(90, 61, 16, .15), 0 0 0 3px rgba(215, 25, 32, .12);
}

.b2b-quick__btn {
    height: 30px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(180deg, #e04a40 0%, var(--b2b-red) 55%, var(--b2b-red-dark) 100%);
    border: 1px solid var(--b2b-red-dark);
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 1px 3px rgba(90, 61, 16, .3);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    cursor: pointer;
    white-space: nowrap;
}

.b2b-quick__btn:hover { filter: brightness(1.06); color: #fff; }

.b2b-quick__gear {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    font-size: 15px;
    color: var(--b2b-brown);
    background: linear-gradient(180deg, #fff8ea 0%, #eec57e 100%);
    border: 1px solid var(--b2b-tan-border);
    border-radius: 50%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 2px rgba(90, 61, 16, .22);
    cursor: pointer;
    flex: 0 0 auto;
}

.b2b-quick__gear:hover { color: var(--b2b-red); transform: rotate(25deg); }
.b2b-quick__gear { transition: transform .25s ease, color .15s ease; }

/* Sağdaki mini bilgi (telefon + sepet özeti) */
/* Sağ bilgi çubuğu: kullanıcı kutusuyla aynı genişlik (340px) — sağa yaslı
   olduğundan sol kenarlar da hizalı; oyulmuş neumorphism çerçeve */
/* Sağ üst sütun genişliği: kullanıcı kutusu ve sepet/telefon çubuğu
   AYNI genişlikte ve sağa yaslı → sol kenarlar hizalı; banner buna göre daralır */
:root { --ft-sag-genislik: 360px; }
.b2b-userbox { width: var(--ft-sag-genislik); }

/* Sağ bilgi çubuğu: menü şeridiyle AYNI düz görünüm ve yükseklik */
.b2b-searchmeta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex: 0 0 auto;
    align-self: center; /* menü şeridiyle aynı hizada */
    height: 66px; /* menü şeridi yüksekliği (56 + 4+4 padding + 2 border) */
    margin-left: auto;
    width: var(--ft-sag-genislik);
    box-sizing: border-box;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 700;
    color: var(--b2b-brown);
    white-space: nowrap;
    background: linear-gradient(180deg, #f8e7c3 0%, #f2d191 100%);
    border: 1px solid var(--b2b-tan-border);
    border-radius: var(--b2b-radius);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

.b2b-searchmeta i { color: var(--b2b-brown-2); margin-right: 3px; }
.b2b-searchmeta__sep { color: var(--b2b-tan-border); }

/* LED pano — menü ile sağ bilgi çubuğu arasındaki split-flap tabela */
.ft-led {
    flex: 1 1 auto;
    min-width: 100px;
    align-self: center;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #241505 0%, #170c01 100%);
    border: 1px solid rgba(207, 154, 63, .55);
    border-radius: var(--b2b-radius);
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, .55), inset 0 -1px 0 rgba(255, 179, 0, .12), 0 1px 0 rgba(255, 255, 255, .35);
    overflow: hidden;
}
.ft-led__yazi {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 1px 2px;
    padding: 0 12px;
    font-family: Consolas, 'Courier New', monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #ffb300;
    text-shadow: 0 0 6px rgba(255, 179, 0, .9), 0 0 18px rgba(255, 140, 0, .45);
    line-height: 1.5;
    text-align: center;
}
.ft-led__harf {
    display: inline-block;
    min-width: .6ch;
    transition: transform .18s ease, opacity .18s ease;
    transform-origin: 50% 50%;
    backface-visibility: hidden;
}
.ft-led__harf--degis { transform: rotateX(90deg); opacity: 0; }

/* ==========================================================================
   ANA MENÜ — cssmenu şeridi (referans menü çubuğu görünümü)
   ========================================================================== */

body.firat-theme #cssmenu {
    background: linear-gradient(180deg, #f8e7c3 0%, #f2d191 100%);
    border: 1px solid var(--b2b-tan-border);
    border-radius: var(--b2b-radius) var(--b2b-radius) 0 0;
    border-bottom: 2px solid var(--b2b-tan-lo);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
    margin-top: 6px;
}

body.firat-theme #cssmenu > ul > li > a {
    color: var(--b2b-brown) !important;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    border-right: 1px solid rgba(207, 154, 63, .45);
    padding: 9px 16px;
}

body.firat-theme #cssmenu > ul > li > a:hover {
    background: linear-gradient(180deg, #6b1a1a 0%, #4a0f0f 100%) !important;
    color: #ffd54d !important;
}

body.firat-theme #cssmenu > ul > li.active > a,
body.firat-theme #cssmenu > ul > li.has-sub.active > a {
    background: linear-gradient(180deg, #e04a40 0%, var(--b2b-red) 55%, var(--b2b-red-dark) 100%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

body.firat-theme #cssmenu ul ul {
    background: #fffdf6;
    border: 1px solid var(--b2b-tan-border);
    border-top: 2px solid var(--b2b-red);
    border-radius: 0 0 var(--b2b-radius) var(--b2b-radius);
    box-shadow: 0 10px 24px rgba(90, 61, 16, .25);
}

body.firat-theme #cssmenu ul ul a {
    font-size: 12px;
    font-weight: 600;
    color: var(--b2b-brown);
    border-bottom: 1px solid var(--b2b-cream-2);
}

body.firat-theme #cssmenu ul ul a:hover { background: var(--b2b-cream-2); color: var(--b2b-red); }

/* ==========================================================================
   SEKMELER — Stok sayfası sekmeleri (Arama Sonucu / Eşdeğer / Oem...)
   ========================================================================== */

body.firat-theme .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    list-style: none;
    margin: 0;
    border-bottom: 2px solid var(--b2b-tan-lo);
    background: linear-gradient(180deg, #faf0da 0%, #f6e2b8 100%);
    border-radius: var(--b2b-radius) var(--b2b-radius) 0 0;
    padding: 4px 4px 0;
}

body.firat-theme .nav-tabs > li { margin-bottom: 0; }

body.firat-theme .nav-tabs > li > a {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--b2b-brown);
    background: linear-gradient(180deg, #fff8ea 0%, #f0d49c 100%);
    border: 1px solid var(--b2b-tan-border);
    border-bottom: none;
    border-radius: var(--b2b-radius) var(--b2b-radius) 0 0;
    padding: 6px 14px;
    margin-right: 0;
}

body.firat-theme .nav-tabs > li > a:hover { background: #fffdf4; color: var(--b2b-red); }

body.firat-theme .nav-tabs > li.active > a,
body.firat-theme .nav-tabs > li.active > a:hover,
body.firat-theme .nav-tabs > li.active > a:focus {
    color: #fff;
    background: linear-gradient(180deg, #e04a40 0%, var(--b2b-red) 55%, var(--b2b-red-dark) 100%);
    border-color: var(--b2b-red-dark);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

/* ==========================================================================
   VERİ IZGARASI — StokGrid sıkı, okunaklı, satır işaretli
   ========================================================================== */

body.firat-theme #StokGrid {
    background: #fff;
    border-collapse: collapse;
    font-size: 11.5px;
}

body.firat-theme #StokGrid thead th {
    background: linear-gradient(180deg, #f9e9c6 0%, #f0d091 100%);
    color: var(--b2b-brown);
    font-size: 11px;
    font-weight: 800;
    text-transform: none;
    border: 1px solid var(--b2b-tan-border);
    padding: 5px 6px;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 2;
}

body.firat-theme #StokGrid tbody td {
    border: 1px solid #e7d7b4;
    padding: 3px 6px;
    vertical-align: middle;
}

body.firat-theme #StokGrid tbody tr:nth-child(even) td { background: #fffdf6; }
body.firat-theme #StokGrid tbody tr:hover td { background: var(--ft-yellow-soft); }

body.firat-theme #StokGrid td.zeminsari { background: #d9f2c0 !important; color: #1c5c1c; font-weight: 700; }
body.firat-theme #StokGrid td.zeminmavi  { background: #cfe3f7 !important; color: #0d4f8b; font-weight: 700; }
body.firat-theme #StokGrid td.zeminkirmizi { background: #f8d3d3 !important; color: #a90f16; font-weight: 700; }

/* Satır içi küçük düğmeler (Y / Oem / Araç / Eşdeğer rozetleri) */
#StokGrid .btn-xs {
    font-size: 9.5px;
    font-weight: 800;
    border-radius: 3px;
    padding: 1px 5px;
}

/* Sepete ekle / resim / işlem simgelerini kompakt hale getir */
#StokGrid td button { background: none; border: none; padding: 0 2px; }
#StokGrid td button i { font-size: 17px !important; color: var(--b2b-brown-2) !important; transition: color .12s ease, transform .12s ease; }
#StokGrid td button:hover i { color: var(--b2b-red) !important; transform: scale(1.15); }

/* ==========================================================================
   YAPIŞKAN NOT TİPİ BİLGİ BALONU — referanstaki sarı not
   ========================================================================== */

body.firat-theme .hasTooltip { position: relative; cursor: help; }

body.firat-theme .hasTooltip ul {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    z-index: 1200;
    min-width: 210px;
    list-style: none;
    margin: 0;
    padding: 10px 12px 12px;
    background: linear-gradient(180deg, #fff9ae 0%, #ffef7e 100%);
    border: 1px solid #d9c25a;
    border-radius: 2px 10px 2px 10px;
    box-shadow: 3px 5px 10px rgba(90, 61, 16, .35);
    font-size: 11px;
    font-weight: 600;
    color: #4d3d00;
    transform: rotate(-.6deg);
}

body.firat-theme .hasTooltip:hover ul { display: block; }

body.firat-theme .hasTooltip ul li { padding: 1px 0; white-space: nowrap; }
body.firat-theme .hasTooltip ul .f1 { display: inline-block; min-width: 118px; font-weight: 800; color: #6b5200; }

/* ==========================================================================
   ALT DURUM ÇUBUĞU — "Yetkili Bilgileri" (referans alt bar)
   ========================================================================== */

.b2b-statusbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1500;
    height: 30px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 12px;
    font-size: 11px;
    font-weight: 700;
    color: var(--b2b-brown);
    background: linear-gradient(180deg, var(--b2b-tan-hi) 0%, var(--b2b-tan) 55%, var(--b2b-tan-lo) 100%);
    border-top: 1px solid var(--b2b-tan-border);
    box-shadow: 0 -2px 6px rgba(90, 61, 16, .18);
}

.b2b-statusbar__title {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .5px;
    color: #fff;
    background: linear-gradient(180deg, #4a90d9, #1f5fa8);
    border: 1px solid #1a508c;
    border-radius: 3px;
    padding: 2px 8px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    flex: 0 0 auto;
}

.b2b-statusbar__item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.b2b-statusbar__item i { margin-right: 4px; color: var(--b2b-brown-2); }
.b2b-statusbar__sep { color: var(--b2b-tan-border); flex: 0 0 auto; }

.b2b-statusbar__right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.b2b-statusbar .b2b-doviz { border-left: none; padding-left: 0; }

.b2b-bakiye-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    font-size: 10.5px;
    font-weight: 800;
    border-radius: 9px;
    border: 1px solid rgba(255, 255, 255, .65);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 2px rgba(90, 61, 16, .25);
}

.b2b-bakiye-chip--tl { color: #fff; background: linear-gradient(180deg, #34c759, #1e8e3e); }
.b2b-bakiye-chip--usd { color: #fff; background: linear-gradient(180deg, #4a90d9, #1f5fa8); }

/* ==========================================================================
   SAYFA BAŞLIKLARI — her sayfada ayrı başlık (pageheader section)
   ========================================================================== */

body.firat-theme .ft-page-head--v2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 10px;
    padding: 10px 16px;
    background: linear-gradient(180deg, #fffdf6 0%, #fbeed3 100%);
    border: 1px solid var(--b2b-tan-border);
    border-left: 4px solid var(--b2b-red);
    border-radius: var(--b2b-radius);
    box-shadow: 0 1px 3px rgba(90, 61, 16, .12);
}

body.firat-theme .ft-page-head--v2 h1 {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: var(--b2b-brown);
    letter-spacing: .2px;
}

body.firat-theme .ft-page-head--v2 .ft-breadcrumb {
    margin-top: 2px;
    font-size: 11px;
    font-weight: 600;
    color: var(--b2b-brown-2);
}

body.firat-theme .ft-page-head--v2 .ft-breadcrumb a { color: #1f5fa8; }
body.firat-theme .ft-page-head--v2 .ft-breadcrumb a:hover { color: var(--b2b-red); }
body.firat-theme .ft-page-head--v2 .ft-breadcrumb i { margin: 0 5px; color: var(--b2b-tan-border); }

body.firat-theme .ft-page-head--v2 .ft-page-head__meta {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--b2b-brown-2);
    text-align: right;
}

/* ==========================================================================
   GENEL PARLATMA
   ========================================================================== */

/* Eski üst bar artık kullanılmıyor — güvenlik için gizle */
.ft-topbar,
.ft-header-bar { display: none; }

/* Banner marka şeridi temaya uyum */
.ft-banner .ft-brandstrip {
    background: linear-gradient(180deg, #fffdf6 0%, #f8ead0 100%);
    border: 1px solid var(--b2b-tan-border);
    border-radius: var(--b2b-radius);
}

/* Sabit arama çubuğu (Stok sayfası scroll davranışı) — yeni tema */
.fix-search {
    background: linear-gradient(180deg, var(--b2b-tan-hi) 0%, var(--b2b-tan) 100%) !important;
    border: 1px solid var(--b2b-tan-border) !important;
    border-radius: 0 0 var(--b2b-radius) var(--b2b-radius);
    box-shadow: 0 4px 10px rgba(90, 61, 16, .2);
    height: auto !important;
    padding: 6px 12px;
}

/* Duyarlılık */
@media (max-width: 991px) {
    .b2b-searchmeta { display: none; }
    .ft-led { display: none; } /* dar ekranda pano gizli */
    .b2b-userbox__text { display: none; }
    .b2b-userbox__text strong, .b2b-userbox__text small { max-width: 120px; }
}

@media (max-width: 767px) {
    .b2b-masthead { flex-wrap: wrap; }
    .b2b-banner { display: none; } /* dar ekranda banner gizli; menü şeridinde yer kaplamasın */
    .b2b-userbox { display: none; } /* bilgiler alt durum çubuğunda zaten görünüyor */
    .b2b-quick { flex-wrap: wrap; }
    .b2b-quick__field { flex: 1 1 100%; }
    .b2b-statusbar { font-size: 10px; gap: 8px; }
    .b2b-statusbar__item--hide-sm { display: none; }
    body.firat-theme .ft-page-head--v2 .ft-page-head__meta { text-align: left; }

    /* Menü şeridi yatay kaydırmalı */
    body.firat-theme #cssmenu { overflow-x: auto; }
    body.firat-theme #cssmenu > ul { display: flex; flex-wrap: nowrap; min-width: max-content; }
    body.firat-theme #cssmenu > ul > li { flex: 0 0 auto; }

    /* Genel taşma koruması */
    .container { padding-right: 10px; padding-left: 10px; }
    .dashboard-wrapper-lg { overflow-x: hidden; }

    /* Veri ızgaraları yatay kaydırmalı, satırlar dar ekrana uyarlanır */
    #StokListe,
    .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    #StokGrid { min-width: 860px; }
    body.firat-theme table { font-size: 11px; }

    /* Sekmeler kaydırmalı */
    body.firat-theme .nav-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    body.firat-theme .nav-tabs::-webkit-scrollbar { display: none; }
    body.firat-theme .nav-tabs > li { flex: 0 0 auto; }

    /* Sayfa başlığı dar ekranda alt alta */
    body.firat-theme .ft-page-head--v2 { align-items: flex-start; flex-direction: column; }

    /* Sabit arama çubuğu dar ekranda kaplamasın */
    .fix-search { margin-left: 0 !important; margin-right: 0 !important; }
}

/* Dar telefonlar */
@media (max-width: 480px) {
    .b2b-logo__text { font-size: 16px; }
    .b2b-sepetchip span { max-width: 160px; }
    .b2b-quick__btn { width: 100%; justify-content: center; }
    .b2b-statusbar { padding: 0 8px; }
    .b2b-statusbar__right { gap: 6px; }
}

/* ==========================================================================
   ESKİ style.css'TEN TAŞINAN KULLANILAN KURALLAR (layout footer'ı için)
   ========================================================================== */

.footer_linkler { margin-right: 10px; }

.footer_link:link { color: #FFF; }
.footer_link:visited { color: #FFF; }
.footer_link:hover { color: #FBDD1C; }
.footer_link:active { color: #FFF; }

.header_2 { z-index: -2; position: absolute; margin-top: 0; font-weight: bold; }


/* ==========================================================================
   ESKİ style.css'TEN TAŞINAN KULLANILAN KURALLAR (layout footer'ı için)
   ========================================================================== */

.footer_linkler { margin-right: 10px; }

.footer_link:link { color: #FFF; }
.footer_link:visited { color: #FFF; }
.footer_link:hover { color: #FBDD1C; }
.footer_link:active { color: #FFF; }

.header_2 { z-index: -2; position: absolute; margin-top: 0; font-weight: bold; }


/* ==========================================================================
   GERÇEK UYGULAMA DÜZELTMELERİ (B2Btema çakışmaları)
   ========================================================================== */

/* B2Btema'nın genel "header { height:60px; line-height:60px }" kuralını etkisizleştir */
body.firat-theme header.ft-site-head { height: auto; line-height: normal; }

/* Menünün tek sahibi: saf CSS hover açılır menü (bluemoon kalıntıları kapatılır) */
body.firat-theme #cssmenu > ul > li { float: none; }
body.firat-theme #cssmenu #menu-button,
body.firat-theme #cssmenu .submenu-button { display: none !important; }

body.firat-theme #cssmenu ul ul {
    display: none;
    position: absolute;
    z-index: 8000;
    top: 100%;
    left: 0;
    right: auto;
    height: auto;
    margin-top: 0;
    min-width: 210px;
    padding: 6px 0;
    background: #fffdf6;
    border: 1px solid var(--b2b-tan-border);
    border-top: 2px solid var(--b2b-red);
    border-radius: 0 0 var(--b2b-radius) var(--b2b-radius);
    box-shadow: 0 10px 24px rgba(90, 61, 16, .25);
    list-style: none;
}

body.firat-theme #cssmenu li:hover > ul { display: block; }

body.firat-theme #cssmenu ul ul li { height: auto; background: transparent; }

body.firat-theme #cssmenu ul ul li a {
    display: block;
    padding: 8px 14px;
    width: auto;
    min-width: 190px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--b2b-brown) !important;
    text-transform: none;
    border-bottom: 1px solid var(--b2b-cream-2);
    white-space: nowrap;
}

body.firat-theme #cssmenu ul ul li:last-child > a { border-bottom: none; }

body.firat-theme #cssmenu ul ul li a:hover {
    background: var(--b2b-cream-2);
    color: var(--b2b-red) !important;
}

/* bluemoon'un ekran dışına kaçırma tekniğini de sıfırla */
body.firat-theme #cssmenu ul ul ul { margin-left: 100%; top: 0; }


/* Mobilde alt menüler: dokunmatikte ilk dokunuş menüyü açar (saf CSS hover) */
@media (max-width: 767px) {
    body.firat-theme #cssmenu ul ul {
        position: absolute;
        display: none !important;
        min-width: 180px;
        padding: 6px 0;
        border: 1px solid var(--b2b-tan-border);
        border-top: 2px solid var(--b2b-red);
        border-radius: var(--b2b-radius);
        box-shadow: 0 10px 24px rgba(90, 61, 16, .25);
    }
    body.firat-theme #cssmenu li:hover > ul,
    body.firat-theme #cssmenu li:focus-within > ul { display: block !important; }
    body.firat-theme #cssmenu ul ul li a { padding: 8px 12px; min-width: 160px; font-size: 11.5px; }
}


/* bluemoon menü kalıntılarının li kutularını temizle */
body.firat-theme #cssmenu > ul > li {
    float: none;
    width: auto;
    height: auto;
    margin-right: 0;
    background: none;
    border: none;
    border-radius: 0;
    text-align: left;
}

body.firat-theme #cssmenu > ul > li > a {
    height: auto;
    min-height: 0;
}

/* bluemoon JS kaldırıldı; hover dışındaki açık kalma ihtimaline karşı sıfırla */
body.firat-theme #cssmenu ul ul { display: none !important; }
body.firat-theme #cssmenu li:hover > ul { display: block !important; }

/* Footer alt şerit: koyu zemin, beyaz linkler okunaklı */
body.firat-theme .ft-footer__bottom {
    background: linear-gradient(180deg, #6b4c17 0%, #54380a 100%);
    border-radius: 0 0 var(--b2b-radius) var(--b2b-radius);
    padding: 8px 14px;
}

/* CariListe: stickytableheaders eklentisi kaldırıldı; yerine saf CSS yapışkan başlık.
   Eklentinin her aramadan sonra bıraktığı sabit klon, yeni içeriğin boyanmasını
   engelliyordu (içerik scroll edilinceye dek görünmüyordu). */
body.firat-theme #ListeCari .table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #efe9dc;
}

/* ==== Grid gövdesi kendi içinde kayar (sabit yükseklik) ==== */
body.firat-theme #ListeCari .fixed-table-body,
body.firat-theme #StokListe .fixed-table-body {
    overflow-y: auto;
}

/* Stok sayfası: solda otomatik dönen banner slider */
.ft-banner-slider { position: relative; margin-bottom: 12px; }

.ft-banner-slider__viewport {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: transparent;
    border: 1px solid rgba(207, 154, 63, .55);
    /* oyulmuş neumorphism: içe gömülü lazer kazıma hissi */
    box-shadow:
        inset 3px 3px 9px rgba(90, 61, 16, .38),
        inset -3px -3px 9px rgba(255, 255, 255, .70),
        0 1px 0 rgba(255, 255, 255, .35);
}

.ft-banner-slider__viewport img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: translateX(4%) scale(1.02);
    transition: opacity .7s ease, transform 5s ease;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.ft-banner-slider__viewport img.aktif {
    opacity: 1;
    transform: translateX(0) scale(1);
    position: absolute;
    pointer-events: auto;
}

.ft-slider-arrow {
    position: absolute; top: 50%; transform: translateY(-50%);
    z-index: 5; width: 34px; height: 34px; border: none; border-radius: 50%;
    background: rgba(15,23,42,.55); color: #fff; font-size: 22px; line-height: 1;
    display: grid; place-items: center; cursor: pointer; opacity: 0; transition: opacity .25s, background .25s;
}
.ft-banner-slider:hover .ft-slider-arrow { opacity: 1; }
.ft-slider-arrow:hover { background: #d71920; }
.ft-slider-arrow--prev { left: 8px; } .ft-slider-arrow--next { right: 8px; }
.ft-slider-progress { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: rgba(255,255,255,.25); z-index: 5; }
.ft-slider-progress span { display: block; height: 100%; width: 0; background: #d71920; }

.ft-banner-slider__dots {
    text-align: center;
    padding: 8px 0 2px;
}

.ft-banner-slider__dots span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    border-radius: 50%;
    background: #cfc6b4;
    cursor: pointer;
    transition: background .3s;
}

.ft-banner-slider__dots span.aktif { background: #d71920; }

/* ==== Sabit sayfa düzeni: başlık ve alt şerit sabit, içerik kendi alanında kayar ==== */
body.firat-theme {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

body.firat-theme .ft-page {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

body.firat-theme .dashboard-container {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

/* Arama bloğu kaydırınca üstte yapışsın */
body.firat-theme .dashboard-container #wrap {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #f8f3e9;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 15px 12px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 6px 12px rgba(60, 40, 10, .10);
}

/* ==== Loading: b2b-tailwind.css (.ft-load) tam-ekran flex ortalaması geçerli.
   Eski #loadingbar ezmesi (64px kutu + ekstra halka) kaldırıldı ki ortalama bozulmasın. ==== */

/* ==== Grid kapsayıcıları her zaman tam genişlikte olsun ====
   (bootstrap-table sarucılarının daralarak sayfa dışına taşması düzeltmesi) */
body.firat-theme #ListeCari .box-body.table-responsive,
body.firat-theme #StokListe .box-body.table-responsive,
body.firat-theme .dashboard-container .bootstrap-table,
body.firat-theme .dashboard-container .fixed-table-container {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    left: 0;
}

/* Yapışkan arama bloğunun üstünde kalan eski düzeltme kurallarını yumuşat */
body.firat-theme #wrap.fix-search {
    position: sticky;
}

/* CariListe sol sütun: sabit banner slider */
body.firat-theme .ft-cari-side {
    padding-top: 4px;
}

/* ==== Menü çubuğu ve açılır menüler her zaman en üstte (modallar 6000'den bile üstte) ==== */
body.firat-theme #cssmenu {
    position: relative;
    z-index: 8000;
}

/* ==== Üst banner slider (masthead orta alanı) ==== */
.ft-head-slider {
    margin-bottom: 0;
}

.ft-head-slider .ft-banner-slider__viewport {
    height: 96px;
    border-radius: 8px;
}

.ft-head-slider .ft-banner-slider__viewport img {
    width: 100%;
    height: 96px;
    object-fit: cover;
}

.ft-head-slider .ft-banner-slider__dots {
    position: absolute;
    right: 8px;
    bottom: 4px;
    padding: 0;
    z-index: 3;
}

.ft-head-slider .ft-banner-slider__dots span {
    width: 8px;
    height: 8px;
    margin: 0 2px;
    background: rgba(255, 255, 255, .55);
}

.ft-head-slider .ft-banner-slider__dots span.aktif {
    background: #d71920;
}

body.firat-theme .b2b-searchrow .ft-menu-wrap {
    flex: 1 1 auto;
    min-width: 0;
}
body.firat-theme .b2b-searchrow .b2b-searchmeta,
body.firat-theme .b2b-searchrow .b2b-quick__gear {
    flex: 0 0 auto;
}
body.firat-theme .b2b-searchrow #cssmenu {
    margin-top: 0;
}

/* ==========================================================================
   SADE İKON MENÜSÜ — referans tasarımdaki gibi küçük kare ikon düğmeleri
   (üstte ikon, altta kısa etiket; açılır menülü öğelerde hover ile alt liste)
   ========================================================================== */

body.firat-theme #cssmenu {
    background: transparent;
    border: none;
    box-shadow: none;
    margin-top: 2px;
    padding: 0;
    /* Tek satır + yatay kaydırma: iki satıra sarınca üst satırın açılır menüsü
       alt satırın düğmelerinin arkasında kalıyordu */
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
}
body.firat-theme #cssmenu.ft-surukle { cursor: grabbing; user-select: none; }
body.firat-theme #cssmenu.ft-surukle a { pointer-events: none; }
body.firat-theme #cssmenu::-webkit-scrollbar { display: none; }

body.firat-theme #cssmenu > ul {
    display: flex;
    flex-wrap: nowrap;
    min-width: max-content;
    gap: 4px;
    padding: 4px;
    background: linear-gradient(180deg, #f8e7c3 0%, #f2d191 100%);
    border: 1px solid var(--b2b-tan-border);
    border-radius: var(--b2b-radius);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
    list-style: none;
}

body.firat-theme #cssmenu > ul > li {
    position: relative;
    flex: 0 0 auto;
}

body.firat-theme #cssmenu > ul > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 72px;
    height: 56px;
    padding: 4px 2px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    color: var(--b2b-brown) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background: linear-gradient(180deg, #fff8ea 0%, #f4dda6 100%);
    border: 1px solid var(--b2b-tan-border);
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    white-space: normal;
}

body.firat-theme #cssmenu > ul > li > a i {
    font-size: 17px;
    line-height: 1;
    color: var(--b2b-red) !important;
}

body.firat-theme #cssmenu > ul > li > a:hover {
    background: linear-gradient(180deg, #6b1a1a 0%, #4a0f0f 100%) !important;
    color: #ffd54d !important;
    border-color: var(--b2b-tan-lo);
}

body.firat-theme #cssmenu > ul > li > a:hover i {
    color: #ffd54d !important;
}

body.firat-theme #cssmenu > ul > li.active > a,
body.firat-theme #cssmenu > ul > li.has-sub.active > a {
    background: linear-gradient(180deg, #e04a40 0%, var(--b2b-red) 55%, var(--b2b-red-dark) 100%);
    border-color: var(--b2b-red-dark);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

body.firat-theme #cssmenu > ul > li.active > a i,
body.firat-theme #cssmenu > ul > li.has-sub.active > a i {
    color: #fff !important;
}

/* CariListe: grid, üstündeki arama bloğuyla aynı hizada dursun.
   #caribilgiler'in "row" sınıfındaki negatif kenar boşlukları grid'i
   kapsayıcıdan 15px taşırıyordu; sıfırlayınca tablo da tam oturuyor. */
body.firat-theme #caribilgiler.row {
    margin-left: 0;
    margin-right: 0;
}

/* CariListe: sonuç grid'i arama kutusunun hemen altında, aralıksız başlasın */
body.firat-theme #wrap {
    margin-bottom: 0;
}

body.firat-theme .ft-cari-layout {
    margin-top: 6px;
}

/* Modal'lar menü çubuğunun (z-index 3000) üstünde açılsın */
body.firat-theme .modal {
    z-index: 6000;
}

body.firat-theme .modal-backdrop {
    z-index: 5900;
}

/* Açılır liste kare düğmenin hemen altında açılır.
   margin ile boşluk BIRAKILMAZ: fare boşluktan geçerken hover kaybolur ve menü kapanırdı.
   Boşluk, hover alanına dahil olan li'nin padding'i ile sağlanır. */
body.firat-theme #cssmenu > ul > li{ position:relative; padding-bottom:5px; margin-bottom:-5px; }
body.firat-theme #cssmenu ul ul {
    top: 100%;
    margin-top: 0;
    border-radius: var(--b2b-radius);
}

/* Açılır menü hover: eski temanın koyu/sarı kurallarını ezer, her zaman okunaklı */
body.firat-theme #cssmenu ul ul li,
body.firat-theme #cssmenu li:hover > ul > li {
    background: transparent !important;
    transition: none !important;
}

body.firat-theme #cssmenu ul ul li:hover,
body.firat-theme #cssmenu li:hover > ul > li:hover {
    background: transparent !important;
}

body.firat-theme #cssmenu ul ul li:hover > a,
body.firat-theme #cssmenu ul ul li a:hover {
    background: #fdecec !important;
    color: var(--b2b-red) !important;
}

/* Mobilde tek satırda yatay kayar */
@media (max-width: 767px) {
    body.firat-theme #cssmenu > ul {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    body.firat-theme #cssmenu > ul > li > a {
        width: 62px;
        height: 52px;
        font-size: 9.5px;
    }
}

/* ==========================================================================
   TÜM MODALLAR — profesyonel kapat (X) düğmesi
   ========================================================================== */
body.firat-theme .modal-header .close,
body.firat-theme .modal-header button.close {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .92) !important;
    border: 1px solid #cf9a3f !important;
    color: #5a3d10 !important;
    opacity: 1 !important;
    font-size: 15px !important;
    line-height: 28px !important;
    text-align: center;
    text-shadow: none !important;
    float: none !important;
    margin: -4px -6px -4px auto !important;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(90, 61, 16, .18);
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
body.firat-theme .modal-header .close:hover,
body.firat-theme .modal-header button.close:hover {
    background: #d71920 !important;
    border-color: #d71920 !important;
    color: #fff !important;
}

/* ==========================================================================
   Ekran genişliği geçiş sınıfları (çift blok gösterimini engelle)
   .divgizle767: masaüstünde görünür, dar ekranda gizlenir
   .divgoster767: yalnızca dar ekranda görünür
   ========================================================================== */
.divgoster767 { display: none; }
@media (max-width: 767px) {
    .divgizle767 { display: none !important; }
    .divgoster767 { display: block; }
}

/* ==========================================================================
   KÖK DÜZELTME — standart belge kaydırması
   Sabit viewport + içerik içi kaydırma yerine normal web kaydırması:
   içerik ne kadar uzunsa sayfa o kadar kayar, harita her zaman ulaşılır.
   ========================================================================== */
body.firat-theme {
    display: block;
    height: auto;
    min-height: 100vh;
    overflow: visible;
}
body.firat-theme .ft-page {
    display: block;
    min-height: 0;
    overflow: visible;
}
body.firat-theme .dashboard-container {
    overflow: visible;
}

/* ==========================================================================
   Modal başlıkları: her koşulda esnek kutu (başlık solda, kapat sağda)
   ========================================================================== */
body.firat-theme .modal-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
/* İçi boş düğmeler (JS dolmadıysa) yer kaplamasın */
body.firat-theme .modal .btn:empty { display: none; }

/* ==========================================================================
   BOOTSTRAP 3 → 4 UYUMLULUK KATMANI
   Eski view'lerdeki BS3 sınıflarını BS4 karşılıklarına eşler.
   ========================================================================== */

/* Butonlar */
body.firat-theme .btn-default {
    color: #5a3d10;
    background: linear-gradient(180deg, #fff8ea 0%, #f0d49c 100%);
    border-color: #cf9a3f;
}
body.firat-theme .btn-default:hover {
    color: #d71920;
    background: #fffdf4;
    border-color: #cf9a3f;
}
body.firat-theme .btn-xs {
    padding: 1px 7px;
    font-size: 11px;
    line-height: 1.6;
    border-radius: 4px;
}

/* Hizalama */
body.firat-theme .pull-right { float: right !important; }
body.firat-theme .pull-left { float: left !important; }

/* Paneller → kart görünümü */
body.firat-theme .panel {
    background: #fff;
    border: 1px solid #e0cfa8;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(90, 61, 16, .12);
    margin-bottom: 12px;
}
body.firat-theme .panel-heading {
    padding: 8px 12px;
    background: linear-gradient(180deg, #f9e9c6 0%, #f0d091 100%);
    border-bottom: 1px solid #e0cfa8;
    border-radius: 6px 6px 0 0;
    font-weight: 700;
    color: #5a3d10;
}
body.firat-theme .panel-body { padding: 10px 12px; }
body.firat-theme .panel-footer {
    padding: 8px 12px;
    background: #fdf6e3;
    border-top: 1px solid #e0cfa8;
    border-radius: 0 0 6px 6px;
}
body.firat-theme .panel-collapse.collapse:not(.show) { display: none; }

/* Etiketler → rozet */
body.firat-theme .label {
    display: inline-block;
    padding: 2px 7px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    border-radius: 10px;
    color: #fff;
}
body.firat-theme .label-danger { background: #d71920; }
body.firat-theme .label-success { background: #1e8e3e; }
body.firat-theme .label-info { background: #0d6efd; }
body.firat-theme .label-warning { background: #e8a013; }
body.firat-theme .label-primary { background: #0d4f8b; }
body.firat-theme .label-default { background: #8a7a5c; }

/* col-xs-* → BS4 col-* davranışı */
body.firat-theme .col-xs-12 { flex: 0 0 100%; max-width: 100%; }
body.firat-theme .col-xs-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
body.firat-theme .col-xs-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
body.firat-theme .col-xs-9 { flex: 0 0 75%; max-width: 75%; }
body.firat-theme .col-xs-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
body.firat-theme .col-xs-6 { flex: 0 0 50%; max-width: 50%; }
body.firat-theme .col-xs-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
body.firat-theme .col-xs-3 { flex: 0 0 25%; max-width: 25%; }
body.firat-theme .col-xs-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
body.firat-theme .col-xs-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }

/* Küçük/büyük input'lar */
body.firat-theme .input-sm {
    height: calc(1.5em + 6px + 2px);
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 4px;
}
body.firat-theme .input-lg {
    height: calc(1.5em + 18px + 2px);
    padding: 9px 14px;
    font-size: 16px;
    border-radius: 5px;
}

/* Well → yumuşak kutu */
body.firat-theme .well {
    background: #fdf6e3;
    border: 1px solid #e0cfa8;
    border-radius: 6px;
    padding: 12px;
    box-shadow: inset 0 1px 3px rgba(90, 61, 16, .08);
}

/* BS4 modal geçişleri eski data-dismiss yapısıyla uyumlu */
body.firat-theme .close { text-shadow: none; }

/* ==========================================================================
   3.jpeg REFERANS TASARIM — Özçete B2B birebir uyum
   ========================================================================== */
/* 1) Tablo başlığı: gri-mavi (3.jpeg) — eski bej yerine */
body.firat-theme #StokGrid thead th{
    background:linear-gradient(180deg,#7a93ad 0%,#5a718c 100%);
    color:#fff;border:1px solid #4a607c;
}
/* 2) Promo banner (Mahle / üst band) */
.promo{background:#fff;border-bottom:1px solid #d8dee5}
.promo-in{position:relative;display:flex;align-items:center;gap:16px;padding:10px 20px}
.promo-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#111;border:none;color:#fff;cursor:pointer;z-index:2;display:grid;place-items:center}
.promo-arrow.left{left:10px}.promo-arrow.right{right:10px}
.promo-banner{flex:1;display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(90deg,#0d4f8b,#1373c7 55%,#0d4f8b);border-radius:6px;padding:10px 22px;min-height:64px}
/* 3) Sekme çubuğu: aktif sekme turuncu (3.jpeg) */
body.firat-theme .nav-tabs{gap:3px}
body.firat-theme .nav-tabs>li.active>a,body.firat-theme .nav-tabs>li.active>a:hover,body.firat-theme .nav-tabs>li.active>a:focus{
    background:linear-gradient(180deg,#ff8a3d 0%,#e86a10 100%);border-color:#c25408;color:#fff;
}
/* 4) Sticky note: sarı, hafif dönük (3.jpeg teknik notu) */
.sticky{position:absolute;left:38%;top:110px;z-index:5;width:240px;background:#fef08a;border:1px solid #d9c25a;box-shadow:3px 5px 10px rgba(90,61,16,.35);border-radius:2px;padding:12px 14px;transform:rotate(1.2deg);font-size:12.5px;line-height:1.55;color:#111}
.sticky b{display:block}
.grid-wrap{position:relative}
.kampanya{background:linear-gradient(180deg,#34c759,#1e8e3e);color:#fff;font-size:9.5px;font-weight:800;border-radius:3px;padding:1px 6px;white-space:nowrap;display:inline-block;margin-left:5px}
.x{color:#c0392b;font-weight:800}.stock-ok{color:#1e8e3e;font-weight:800}
.marka{font-weight:800;font-style:italic;font-size:12px;white-space:nowrap}

/* ==== 3.jpeg sekme çubuğu ==== */
.b2b-tabbar{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;flex-wrap:wrap;background:linear-gradient(180deg,#faf0da,#f6e2b8);border:1px solid #cf9a3f;border-bottom:none;border-radius:6px 6px 0 0;padding:5px 6px 0;margin-top:10px}
.b2b-tabbar .b2b-tabs{border-bottom:none;background:transparent}
.b2b-tabbar__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:6px;font-size:11px;font-weight:700;color:#5a3d10}
.b2b-today{background:#ffe27a;border:1px solid #cf9a3f;border-radius:12px;padding:3px 10px}
.b2b-firsat{color:#1373c7}
.radio-on{color:#1e8e3e}
@media(max-width:767px){.b2b-tabbar__right{display:none}}

/* ==== 3.jpeg grid detayları ==== */
.kampanya{background:linear-gradient(180deg,#34c759,#1e8e3e);color:#fff;font-size:9.5px;font-weight:800;border-radius:3px;padding:1px 6px;white-space:nowrap;display:inline-block;margin-left:5px}
.pin{color:#c0392b;margin-left:4px}
.stock-ok{color:#1e8e3e;font-weight:800}
.x{color:#c0392b;font-weight:800}
.marka{font-weight:800;font-style:italic;font-size:12px;white-space:nowrap}

/* ---- Neumorphism çerçeveler: küçük ekranlarda sabit genişlikler gevşetilir ---- */
@media (max-width: 991px) {
    .b2b-userbox,
    .b2b-searchmeta { width: auto; min-width: 0; }
    .b2b-logo { height: 72px; padding: 0 12px; }
    .ft-head-slider .ft-banner-slider__viewport { height: 72px; }
    .ft-head-slider .ft-banner-slider__viewport img { height: 72px; }
}

/* ==== Şerit dengesi: döviz + banner dolum + üçlü menü şeridi ==== */

/* Döviz satırı kompakt: banner'ın altındaki beyazlık azalsın */
.b2b-dovizrow { padding: 2px 8px 2px 10px; }

/* Banner sütunu doldursun: sağ sütun uzarsa altta beyazlık kalmasın.
   Yalnızca masaüstünde: #Banner id-seçicisi, dar ekrandaki display:none
   kurallarını (daha düşük özgüllük) ezer; bu yüzden min-width kapsamında. */
@media (min-width: 992px) {
#Banner, .ft-banner { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
.ft-banner-slider.ft-head-slider { flex: 1 1 auto; display: flex; flex-direction: column; }
.ft-banner-slider.ft-head-slider .ft-banner-slider__viewport { flex: 1 1 auto; height: auto; min-height: 96px; }
.ft-banner-slider.ft-head-slider .ft-banner-slider__viewport img { height: 100%; min-height: 96px; }

/* Menü şeridi: üç parça (#cssmenu, LED pano, sağ kutu) eşit yükseklik, dikey ortalı */
.b2b-searchrow { align-items: stretch; }
.b2b-searchrow > .ft-led { align-self: center; height: 65px; min-height: 0; }
.b2b-searchrow > .b2b-searchmeta { align-self: stretch; display: flex; align-items: center; margin: 0; }
}