/* Bayi portal — tek tip, içi dolu ikonlar (Material Icons Filled) */
@import url("https://cdn.jsdelivr.net/npm/material-icons@1.13.12/iconfont/filled.css");

.mi {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    speak: never;
    user-select: none;
    vertical-align: middle;
    flex-shrink: 0;
}

.mi-lg { font-size: 24px; }
.mi-xl { font-size: 74px; color: #fff; }

.hp-titlebar nav a,
.ft-titlebar .sag a,
.bk-userbar a,
.sifre-btn,
.hesap-sil-btn,
.cikis,
.cta,
.pdf-btn,
.btn-submit {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.bar-baslik {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.form-header h2 {
    display: flex;
    align-items: center;
    gap: 10px;
}
.form-header h2 .mi { font-size: 28px; color: var(--accent-blue, #18a24b); }
.btn-submit .mi { position: relative; z-index: 2; font-size: 20px; }

.bs-modal header h3 {
    display: flex;
    align-items: center;
    gap: 8px;
}
.bs-modal header h3 .mi { font-size: 22px; }

.hp-kart h3 {
    display: flex;
    align-items: center;
    gap: 8px;
}
.hp-kart h3 .mi { color: var(--mf-yesil, #18a24b); font-size: 22px; }
.hp-skt h3 .mi { color: #d97706; }

.hp-stat .ikon .mi { font-size: 24px; color: var(--mf-koyu, #128a3e); }

.bk-sepet .baslik,
.bk-sepet-panel .panel-baslik {
    display: flex;
    align-items: center;
    gap: 8px;
}
.bk-sepet-panel .panel-baslik > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.bk-sepet .baslik .mi,
.bk-mobil-sepet-bar .ikon .mi,
.bk-sepet-panel .panel-baslik .mi { font-size: 20px; }

.bk-kart .gorsel .yok .mi,
.hp-urun .foto .mi,
.hp-yeni-urun .foto .mi,
.hp-skt-urun .foto .mi { font-size: 28px; opacity: .45; }

.bk-skt-rozet { display: inline-flex; align-items: center; gap: 4px; }
.bk-skt-rozet .mi { font-size: 14px; }

.hp-kargo .tir .mi { font-size: 16px; color: var(--mf-koyu, #128a3e); }

.yukari-btn {
    position: fixed;
    right: 16px;
    bottom: 22px;
    z-index: 35;
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 50%;
    background: #18a24b;
    color: #fff;
    box-shadow: 0 4px 14px rgba(18, 138, 62, .35);
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.yukari-btn.gorunur { display: flex; }
.yukari-btn .mi { font-size: 28px; }
@media (max-width: 900px) {
    body:has(#mobilSepetBar) .yukari-btn { bottom: 78px; }
}

.sifre-btn .mi, .hesap-sil-btn .mi { font-size: 18px; }
.panel-kapat .mi { font-size: 18px; }
.sk-sil .mi { font-size: 18px; }
