/* ==========================================================================
   modernplus - svg-icons.css
   Inline-SVG ikon sistemi (Iconify outline / Lucide). Icon font YOK.
   Sablon: <svg class="mp-ico" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" ...>
   Renk daima currentColor'dan miras alinir; renklendirme icin Bootstrap
   text-* util'i veya styles/styles.css "IKON RENK ALANI" blogu kullanilir.
   ========================================================================== */

/* --- Global ikon kurali ----------------------------------------------- */
/* TEK STANDART BOYUT: butun ikonlar 20x20. Varyant sinifi yok. */
svg.mp-ico,
.mp-ico,
.mp-ico-sm,
.mp-ico-lg,
.mp-ico-xl,
.mp-iconbtn > svg,
a[class*="mp-ico"] > svg {
    display: inline-block;
    vertical-align: -0.125em;
    flex-shrink: 0;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    fill: none;
    stroke: currentColor;
    color: currentColor;
    pointer-events: none;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
}

/* Geriye donuk: eski boyut varyant siniflari da standart 20px'e sabitlenir */
.mp-ico-sm, .mp-ico-lg, .mp-ico-xl { /* bilerek bos - yukaridaki kural gecerli */ }

/* --- Zeminsiz ikon buton (spec 6b: ikon arkasinda zemin YOK) ---------- */
.mp-iconbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border: 0;
    background: none;
    color: var(--jw-on-surface-variant, #444746);
    cursor: pointer;
    line-height: 1;
    border-radius: 0;
    transition: color .15s ease;
}
.mp-iconbtn:hover,
.mp-iconbtn:focus-visible {
    background: none;
    color: var(--jw-blue, #0b57d0);
}
.mp-iconbtn:disabled { opacity: .4; cursor: default; }

[data-bs-theme="dark"] .mp-iconbtn { color: var(--jw-on-surface-variant, #9aa0a6); }
[data-bs-theme="dark"] .mp-iconbtn:hover,
[data-bs-theme="dark"] .mp-iconbtn:focus-visible { color: #8ab4f8; }

/* ==========================================================================
   Bootstrap 5 Font Size / Weight yardimcilari (skin ici kullanim)
   ========================================================================== */
.fs-1 { font-size: 2.5rem !important; }
.fs-2 { font-size: 2rem !important; }
.fs-3 { font-size: 1.75rem !important; }
.fs-4 { font-size: 1.5rem !important; }
.fs-5 { font-size: 1.25rem !important; }
.fs-6 { font-size: 1rem !important; }
.small, .fs-sm { font-size: 0.875rem !important; }
.fs-xs { font-size: 0.75rem !important; }

.fw-lighter  { font-weight: lighter !important; }
.fw-light    { font-weight: 300 !important; }
.fw-normal   { font-weight: 400 !important; }
.fw-medium   { font-weight: 500 !important; }
.fw-semibold { font-weight: 600 !important; }
.fw-bold     { font-weight: 700 !important; }
.fw-bolder   { font-weight: bolder !important; }

/* --------------------------------------------------------------------------
   Sidebar / Mailbox list metin agirligi
   -------------------------------------------------------------------------- */
#layout-sidebar a,
#layout-sidebar a span,
#layout-sidebar .fs-6,
#mailboxlist li a,
#mailboxlist li a span,
#mailboxlist li.mailbox a {
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

#layout-sidebar a:not(.active):not(.fw-bold),
#layout-sidebar a:not(.active):not(.fw-bold) span,
#mailboxlist li:not(.selected):not(.active) > a,
#mailboxlist li:not(.selected):not(.active) > a span,
#mailboxlist li.unread:not(.selected):not(.active) > a,
#mailboxlist li.unread:not(.selected):not(.active) > a span,
#mailboxlist li.mailbox.unread a {
    font-weight: 400 !important;
}

#layout-sidebar a.active,
#layout-sidebar a.fw-bold,
#layout-sidebar a.active span,
#mailboxlist li.selected > a,
#mailboxlist li.active > a,
#mailboxlist li.mailbox.selected a,
#mailboxlist li.mailbox.active a,
#mailboxlist li.selected > a span,
#mailboxlist li.active > a span,
#mailboxlist li a.active,
#mailboxlist li a.fw-bold {
    font-weight: 700 !important;
}

#mailboxlist li a .unreadcount,
#mailboxlist li span.unreadcount,
#mailboxlist li.mailbox span.unreadcount {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
}