﻿:root {
    --mm-surface-strong: #ffffff;
    --mm-elevated-shadow: 0 28px 70px rgba(15, 23, 42, 0.08);
}

body {
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    text-rendering: optimizeLegibility;
}

a,
.btn,
button {
    transition: all 180ms ease;
}

.surface-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--mm-elevated-shadow);
}

.mm-richtext {
    color: var(--mm-muted);
}

.mm-richtext > * + * {
    margin-top: 1rem;
}

.mm-richtext h2,
.mm-richtext h3,
.mm-richtext h4 {
    color: var(--mm-ink);
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

.mm-richtext p,
.mm-richtext li {
    line-height: 1.8;
}

.mm-richtext ul,
.mm-richtext ol {
    padding-left: 1.25rem;
}

.mm-richtext table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

.mm-richtext th,
.mm-richtext td {
    border: 1px solid rgba(148, 163, 184, 0.28);
    padding: 0.85rem 1rem;
    vertical-align: top;
}

.mm-richtext img {
    max-width: 100%;
    border-radius: 1rem;
}

.mm-compare-table-wrap {
    border-radius: 1.5rem;
}

.mm-compare-table thead th {
    position: sticky;
    top: 0;
    background: var(--mm-surface-soft);
    z-index: 1;
}

.mm-toast-stack {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1080;
    display: grid;
    gap: 0.75rem;
}

.mm-toast {
    min-width: 18rem;
    max-width: 24rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
    color: #fff;
}

.mm-toast.is-success {
    background: linear-gradient(135deg, #0f766e, #115e59);
}

.mm-toast.is-error {
    background: linear-gradient(135deg, #dc2626, #991b1b);
}

.mm-cookie-banner {
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 1075;
}

.mm-cookie-panel {
    margin: 0 auto;
    max-width: 68rem;
    border: 1px solid var(--mm-border);
    border-radius: 1.5rem;
    background: color-mix(in srgb, var(--mm-surface) 92%, transparent);
    backdrop-filter: blur(16px);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.16);
}

.mm-cookie-panel p {
    color: var(--mm-muted);
}

.mm-cookie-panel a {
    color: var(--mm-brand);
}

[data-compare-product] {
    white-space: nowrap;
}

.mm-support-launcher {
    position: fixed;
    left: 1rem;
    bottom: 1rem;
    z-index: 1070;
}

.mm-support-card {
    width: min(24rem, calc(100vw - 2rem));
    border-radius: 1.5rem;
    background: color-mix(in srgb, var(--mm-surface) 96%, transparent);
    border: 1px solid var(--mm-border);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.14);
}

.mm-support-card input,
.mm-support-card textarea {
    width: 100%;
    border: 1px solid var(--mm-border);
    border-radius: 1rem;
    padding: 0.85rem 1rem;
    background: var(--mm-surface);
    color: var(--mm-ink);
}

.mm-support-card textarea::placeholder,
.mm-support-card input::placeholder {
    color: var(--mm-muted);
}

@media (max-width: 991.98px) {
    .mm-compare-table thead th {
        position: static;
    }
}

/* Ana Menü Çoklu Öğe Taşma Düzeltmesi (Word Wrap Engelleme & Flex Wrap) */
@media (min-width: 992px) {
    .mm-header .navbar-nav.mm-nav-tree {
        flex-wrap: wrap !important;
        justify-content: flex-end;
    }
    .mm-header .navbar-nav.mm-nav-tree .nav-item {
        white-space: nowrap;
    }
    .mm-header .navbar-nav.mm-nav-tree .nav-link {
        white-space: nowrap;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        font-size: 0.9rem; /* Yazıları biraz küçülterek sığmasını kolaylaştır */
    }
}



