/* Mobile Menu — soldan slide-in sidebar (hiyerarşik accordion) */

/* === Hamburger Trigger (mobilde görünür) === */
.eb-mm-trigger {
    display:none;
    background:transparent; border:0; cursor:pointer;
    padding:0;
    width:42px; height:42px;
    border-radius:10px;
    color:inherit;
    align-items:center; justify-content:center;
    transition:background .2s, transform .2s cubic-bezier(.16,1,.3,1);
}
.eb-mm-trigger:hover {
    background:color-mix(in srgb, currentColor 10%, transparent);
    transform:scale(1.04);
}
.eb-mm-trigger:active { transform:scale(.96); }
.eb-mm-trigger-lines {
    display:inline-flex; flex-direction:column; gap:4px;
}
.eb-mm-trigger-lines span {
    display:block; width:20px; height:2px;
    background:currentColor; border-radius:2px;
    transition:transform .25s cubic-bezier(.16,1,.3,1), opacity .2s;
}

@media (max-width: 991px) {
    .eb-mm-trigger { display:inline-flex; }
}

/* === Panel === */
.eb-mm {
    position:fixed; inset:0; z-index:9100;
    display:flex;
    font-family:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.eb-mm[hidden] { display:none; }
.eb-mm-backdrop {
    position:absolute; inset:0;
    background:rgba(15,23,42,.55);
    backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
    animation:ebMmFade .25s ease;
}
.eb-mm-panel {
    position:relative; z-index:1;
    width:min(85vw, 360px); height:100vh; max-height:100dvh;
    background:#fff; color:#0f172a;
    display:flex; flex-direction:column;
    box-shadow:8px 0 40px -6px rgba(15,23,42,.25);
    animation:ebMmSlide .38s cubic-bezier(.16,1,.3,1);
    overflow:hidden;
}
@keyframes ebMmFade { from{opacity:0} to{opacity:1} }
@keyframes ebMmSlide { from{transform:translateX(-100%)} to{transform:translateX(0)} }

/* Head */
.eb-mm-head {
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 20px; flex-shrink:0;
    border-bottom:1px solid #e2e8f0;
    background:linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.eb-mm-head strong {
    font-size:16px; font-weight:700;
    color:#0f172a; letter-spacing:-.01em;
}
.eb-mm-close {
    background:#f1f5f9; border:0; cursor:pointer;
    width:36px; height:36px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    color:#475569;
    transition:background .2s, transform .3s cubic-bezier(.16,1,.3,1), color .2s;
}
.eb-mm-close:hover {
    background:#e2e8f0; color:#0f172a;
    transform:rotate(90deg);
}

/* Search */
.eb-mm-search {
    display:flex; align-items:center; gap:10px;
    margin:14px 16px 8px;
    padding:0 16px;
    background:#f1f5f9;
    border:1.5px solid transparent;
    border-radius:12px;
    min-height:46px;
    transition:border-color .2s, background .2s;
    flex-shrink:0;
}
.eb-mm-search:focus-within {
    border-color:var(--tema-primary, #0d9488);
    background:#fff;
}
.eb-mm-search svg { color:#64748b; flex-shrink:0; }
.eb-mm-search input {
    flex:1; border:0; outline:0;
    background:transparent;
    font:inherit; font-size:14px;
    color:#0f172a;
    min-width:0;
}
.eb-mm-search input::placeholder { color:#94a3b8; }

/* Nav */
.eb-mm-nav {
    flex:1; overflow-y:auto;
    padding:6px 12px 12px;
    scrollbar-width:thin;
    scrollbar-color:#cbd5e1 transparent;
}
.eb-mm-nav::-webkit-scrollbar { width:6px; }
.eb-mm-nav::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:3px; }
.eb-mm-list { list-style:none; margin:0; padding:0; }
.eb-mm-sub  { list-style:none; margin:0; padding:0 0 0 10px; }

.eb-mm-item { margin:0; }
.eb-mm-row {
    display:flex; align-items:center;
    border-radius:10px;
    transition:background .15s;
    position:relative;
}
.eb-mm-row:hover { background:#f8fafc; }
.eb-mm-item.is-open > .eb-mm-row { background:color-mix(in srgb, var(--tema-primary, #0d9488) 7%, #f8fafc); }

.eb-mm-link {
    flex:1; display:flex; align-items:center; gap:10px;
    padding:11px 14px;
    color:#0f172a; text-decoration:none;
    font-size:14px; font-weight:500;
    letter-spacing:-.005em;
    line-height:1.3;
    transition:color .15s, padding-left .25s cubic-bezier(.16,1,.3,1);
}
.eb-mm-link:hover { color:var(--tema-primary, #0d9488); }
.eb-mm-link svg { color:#94a3b8; flex-shrink:0; }
.eb-mm-link-home { font-weight:600; }
.eb-mm-link-home svg { color:var(--tema-primary, #0d9488); }

.eb-mm-toggle {
    background:transparent; border:0; cursor:pointer;
    width:40px; height:40px;
    display:inline-flex; align-items:center; justify-content:center;
    color:#64748b; border-radius:8px;
    flex-shrink:0;
    transition:background .15s, color .15s;
}
.eb-mm-toggle:hover {
    background:color-mix(in srgb, var(--tema-primary, #0d9488) 10%, transparent);
    color:var(--tema-primary, #0d9488);
}
.eb-mm-toggle svg { transition:transform .3s cubic-bezier(.16,1,.3,1); }
.eb-mm-item.is-open > .eb-mm-row .eb-mm-toggle svg { transform:rotate(180deg); }

/* Submenu collapse animation */
.eb-mm-sub {
    max-height:0; overflow:hidden;
    transition:max-height .4s cubic-bezier(.16,1,.3,1);
}
.eb-mm-item.is-open > .eb-mm-sub { max-height:3000px; }

/* Depth styling */
.eb-mm-item[data-depth="0"] > .eb-mm-row > .eb-mm-link { font-size:14px; font-weight:500; }
.eb-mm-item[data-depth="1"] > .eb-mm-row > .eb-mm-link { font-size:13px; font-weight:400; color:#475569; padding:9px 14px; }
.eb-mm-item[data-depth="2"] > .eb-mm-row > .eb-mm-link { font-size:12.5px; color:#64748b; padding:8px 14px; }
.eb-mm-item[data-depth="3"] > .eb-mm-row > .eb-mm-link { font-size:12px; color:#94a3b8; padding:7px 14px; }
.eb-mm-item[data-depth="1"] > .eb-mm-row::before,
.eb-mm-item[data-depth="2"] > .eb-mm-row::before,
.eb-mm-item[data-depth="3"] > .eb-mm-row::before {
    content:''; position:absolute; left:6px; top:50%;
    width:5px; height:5px; border-radius:50%;
    background:#cbd5e1;
    transform:translateY(-50%);
}
.eb-mm-item[data-depth="2"] > .eb-mm-row::before { background:#e2e8f0; width:4px; height:4px; }
.eb-mm-item[data-depth="3"] > .eb-mm-row::before { background:#f1f5f9; width:3px; height:3px; }

/* Prefs (currency/lang select) */
.eb-mm-prefs {
    display:grid; grid-template-columns:1fr 1fr; gap:10px;
    padding:10px 16px 6px;
    border-top:1px solid #e2e8f0;
    flex-shrink:0;
}
.eb-mm-pref { display:flex; flex-direction:column; gap:4px; }
.eb-mm-pref label {
    font-size:10px; font-weight:600;
    color:#64748b; letter-spacing:.06em; text-transform:uppercase;
}
.eb-mm-pref select {
    background:#f1f5f9; border:1px solid #e2e8f0;
    padding:8px 10px; border-radius:8px;
    font:inherit; font-size:13px; color:#0f172a;
    cursor:pointer;
    transition:border-color .2s, background .2s;
}
.eb-mm-pref select:focus {
    outline:0; border-color:var(--tema-primary, #0d9488);
    background:#fff;
}

/* Utility links */
.eb-mm-utility {
    padding:12px 16px;
    border-top:1px solid #e2e8f0;
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
    flex-shrink:0;
}
.eb-mm-util-link {
    display:inline-flex; align-items:center; justify-content:center; gap:7px;
    padding:10px 12px; border-radius:10px;
    background:#f1f5f9; color:#0f172a;
    text-decoration:none;
    font-size:12.5px; font-weight:500;
    transition:background .2s, color .2s, transform .2s cubic-bezier(.16,1,.3,1);
}
.eb-mm-util-link:hover {
    background:#e2e8f0;
    transform:translateY(-1px);
}
.eb-mm-util-link svg { opacity:.7; flex-shrink:0; }
.eb-mm-util-link.eb-mm-util-primary {
    background:var(--tema-primary, #0d9488);
    color:var(--tema-primary-text, #fff);
    box-shadow:0 4px 12px -2px color-mix(in srgb, var(--tema-primary, #0d9488) 50%, transparent);
}
.eb-mm-util-link.eb-mm-util-primary:hover {
    background:color-mix(in srgb, var(--tema-primary, #0d9488) 88%, #000);
}
.eb-mm-util-link.eb-mm-util-primary svg { opacity:.95; }

/* Footer (contact + social) */
.eb-mm-foot {
    padding:12px 16px 18px;
    border-top:1px solid #e2e8f0;
    background:#f8fafc;
    display:flex; flex-direction:column; gap:8px;
    flex-shrink:0;
}
.eb-mm-foot-contact {
    display:inline-flex; align-items:center; gap:7px;
    color:#475569; text-decoration:none;
    font-size:12.5px; font-weight:500;
    transition:color .15s;
}
.eb-mm-foot-contact:hover { color:var(--tema-primary, #0d9488); }
.eb-mm-foot-contact svg { color:#94a3b8; flex-shrink:0; }
.eb-mm-foot-social {
    display:flex; gap:10px; margin-top:4px;
}
.eb-mm-foot-social a {
    width:34px; height:34px; border-radius:50%;
    background:#fff; border:1px solid #e2e8f0;
    color:#475569;
    display:inline-flex; align-items:center; justify-content:center;
    transition:background .2s, color .2s, transform .2s cubic-bezier(.16,1,.3,1);
}
.eb-mm-foot-social a:hover {
    background:var(--tema-primary, #0d9488);
    color:#fff;
    border-color:var(--tema-primary, #0d9488);
    transform:translateY(-2px);
}

@media (max-width: 380px) {
    .eb-mm-panel { width:100vw; }
    .eb-mm-utility { grid-template-columns:1fr; }
}