/* =====================================================
   HEADER V2 — modernized header & category navigation
   Loads after modern.css / modern-conversion.css and
   overrides the legacy .lm-header / .lm-category-nav rules.
   ===================================================== */

.lm-header{
    background:rgba(255,255,255,.86);
    backdrop-filter:saturate(180%) blur(20px);
    -webkit-backdrop-filter:saturate(180%) blur(20px);
    border-bottom:1px solid var(--lm-border);
    box-shadow:0 1px 0 rgba(15,23,42,.02);
    transition:box-shadow .2s ease;
}
.lm-header.is-scrolled{
    box-shadow:0 12px 30px rgba(15,23,42,.07);
}

.lm-header-main{
    height:64px;
    gap:14px;
}

.lm-logo img{ height:32px; }

/* ---------- Search ---------- */
.lm-search-wrap{ min-width:220px; }
.lm-search-box{
    height:40px;
    border-radius:11px;
    background:#f3f5f9;
    border:1px solid transparent;
    gap:9px;
    padding:0 14px;
}
.lm-search-box svg{ flex:0 0 auto; width:15px!important; height:15px!important; opacity:.6; }
.lm-search-box:focus-within{
    background:#fff;
    border-color:var(--lm-primary);
    box-shadow:0 0 0 3px rgba(37,99,235,.12);
}
.lm-search-box input{ font-size:13px; }

/* ---------- Action cluster ---------- */
.lm-header-actions{ gap:7px; }

.lm-action-btn,.lm-action-icon{
    height:38px;
    border-radius:10px;
    border:1px solid var(--lm-border);
    background:#fff;
    font-size:12.5px;
    padding:0 11px;
    gap:6px;
}
.lm-action-btn svg,.lm-action-icon svg{ width:14px!important; height:14px!important; }
.lm-action-btn:hover,.lm-action-icon:hover{
    background:var(--lm-soft);
    border-color:#bfdbfe;
    color:var(--lm-primary);
    transform:translateY(-1px);
}
.lm-action-icon{ width:38px; padding:0; }
.lm-count-badge{
    right:-5px; top:-6px;
    min-width:16px; height:16px;
    font-size:9.5px;
}

/* "Tüm Kategoriler" trigger — the signature element */
.lm-all-cats-btn{
    height:38px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 14px 0 12px;
    border-radius:10px;
    background:var(--lm-dark);
    color:#fff!important;
    font-weight:700;
    font-size:12.5px;
    border:1px solid var(--lm-dark);
    white-space:nowrap;
    transition:.2s;
}
.lm-all-cats-btn svg{ flex:0 0 auto; width:14px!important; height:14px!important; }
.lm-all-cats-btn:hover{
    background:var(--lm-primary);
    border-color:var(--lm-primary);
    transform:translateY(-1px);
}

/* ---------- Quick category strip — collapsible dropdown ---------- */
.lm-category-menu-wrap{
    position:absolute;
    left:0; right:0;
    top:100%;
    z-index:200;
    margin:0 auto;
    max-width:1320px;
    width:calc(100% - 44px);
    background:#fff;
    border:1px solid var(--lm-border);
    border-top:0;
    border-radius:0 0 16px 16px;
    box-shadow:0 18px 40px rgba(15,23,42,.12);
    padding:8px 14px;
    gap:0;

    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    transition:opacity .16s ease, transform .16s ease, visibility .16s;
    pointer-events:none;
}
.lm-category-menu-wrap.is-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
}

.lm-all-cats-chevron{
    flex:0 0 auto;
    margin-left:2px;
    transition:transform .18s ease;
}
.lm-all-cats-btn.is-active{
    background:var(--lm-primary);
    border-color:var(--lm-primary);
}
.lm-all-cats-btn.is-active .lm-all-cats-chevron{
    transform:rotate(180deg);
}

.lm-category-menu-wrap .lm-category-nav{
    padding:0!important;
    gap:2px!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
}

.lm-category-menu-wrap .lm-category-nav a{
    background:transparent;
    border:1px solid transparent;
    color:#5b6577;
    font-weight:500;
    font-size:12.5px;
    padding:6px 11px;
    border-radius:8px;
    position:relative;
    transition:.15s;
    line-height:1.4;
}
.lm-category-menu-wrap .lm-category-nav a:hover{
    background:var(--lm-soft);
    color:var(--lm-primary);
    border-color:transparent;
}
.lm-category-menu-wrap .lm-category-nav a.active{
    color:var(--lm-primary);
    font-weight:700;
    background:transparent;
}
.lm-category-menu-wrap .lm-category-nav a.active::after{
    content:"";
    position:absolute;
    left:11px; right:11px; bottom:-3px;
    height:2px;
    border-radius:2px;
    background:var(--lm-primary);
}

.lm-category-scroll-btn{
    flex:0 0 auto;
    width:22px;height:22px;
    border:1px solid var(--lm-border);
    background:#fff;
    border-radius:999px;
    color:#7b8497;
    display:flex;align-items:center;justify-content:center;
    align-self:center;
    font-size:12px;
    line-height:1;
    transition:.15s;
}
.lm-category-scroll-btn:hover{
    background:var(--lm-dark);
    color:#fff;
    border-color:var(--lm-dark);
}

@media (max-width:991px){
    .lm-all-cats-btn span{ display:none; }
    .lm-all-cats-btn{ width:38px; padding:0; justify-content:center; }
}

/* ---------- Mobile header ---------- */
.lm-header-mobile{
    background:rgba(255,255,255,.92);
    backdrop-filter:saturate(180%) blur(16px);
    border-bottom:1px solid var(--lm-border);
    padding:9px 0;
    z-index:1040;
}
.lm-mobile-logo img{ height:28px; width:auto; }
.lm-mobile-icon-btn{
    height:34px;
    min-width:34px;
    padding:0 9px;
    border-radius:10px;
    border:1px solid var(--lm-border);
    background:#fff;
    color:#0f172a;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-weight:700;
    font-size:11.5px;
}
.lm-mobile-icon-btn svg{ width:13px!important; height:13px!important; }
.lm-mobile-icon-btn:active{ background:var(--lm-soft); }
.lm-mobile-pill{ width:auto; }
.lm-mobile-search{
    margin-top:9px;
    height:40px;
    background:#f3f5f9;
    border:1px solid transparent;
    border-radius:11px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 13px;
    color:#94a3b8;
}
.lm-mobile-search svg{ width:13px!important; height:13px!important; }
.lm-mobile-search:focus-within{
    background:#fff;
    border-color:var(--lm-primary);
    box-shadow:0 0 0 3px rgba(37,99,235,.12);
}
.lm-mobile-search input{
    border:0!important;
    outline:0!important;
    background:transparent!important;
    width:100%;
    height:100%;
    font-size:13px;
    color:#111827;
}

/* =====================================================
   LEFT CATEGORY PANEL (offcanvas) — "Kategoriler"
   ===================================================== */
.lm-cat-offcanvas{
    width:320px!important;
    border:0;
    box-shadow:18px 0 50px rgba(15,23,42,.12);
}

.lm-cat-offcanvas-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 22px 16px;
    border-bottom:1px solid var(--lm-border);
}
.lm-cat-offcanvas-header h5{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0;
    font-size:16px;
    font-weight:800;
    color:#0f172a;
}
.lm-cat-offcanvas-header h5 svg{ color:var(--lm-primary); }
.lm-cat-offcanvas-close{
    width:34px;height:34px;
    border-radius:10px;
    border:1px solid var(--lm-border);
    background:#fff;
    color:#64748b;
    display:flex;align-items:center;justify-content:center;
    transition:.15s;
}
.lm-cat-offcanvas-close:hover{ background:#f3f5f9; color:#0f172a; }

.lm-cat-offcanvas-body{
    padding:10px 12px;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.lm-cat-row{
    display:flex;
    align-items:center;
    gap:13px;
    padding:11px 12px;
    border-radius:13px;
    color:#1f2937;
    transition:.15s;
}
.lm-cat-row:hover{
    background:var(--lm-soft);
}
.lm-cat-row:hover .lm-cat-row-chevron{
    transform:translateX(2px);
    color:var(--lm-primary);
}

.lm-cat-row-icon{
    flex:0 0 auto;
    width:42px;height:42px;
    border-radius:11px;
    background:#f3f5f9;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
}
.lm-cat-row-icon img{
    width:24px;height:24px;
    object-fit:contain;
}

.lm-cat-row-text{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:1px;
}
.lm-cat-row-text strong{
    font-size:13.5px;
    font-weight:700;
    color:#0f172a;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.lm-cat-row-text small{
    font-size:11.5px;
    color:#94a3b8;
    font-weight:600;
}

.lm-cat-row-chevron{
    flex:0 0 auto;
    color:#cbd5e1;
    transition:.15s;
}

/* =====================================================
   HEADER V3 — lighter, more composed navigation surface
   ===================================================== */
.lm-header{
    border-bottom-color:rgba(226,232,240,.92);
    background:rgba(255,255,255,.89);
}
.lm-header.is-scrolled{ box-shadow:0 14px 34px rgba(15,23,42,.075); }
.lm-logo img{ filter:drop-shadow(0 3px 5px rgba(37,99,235,.08)); }
.lm-search-box{
    background:linear-gradient(145deg,#f8fafc,#f1f5f9);
    border-color:#edf1f7;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}
.lm-search-box:focus-within{
    border-color:#93c5fd;
    box-shadow:0 0 0 4px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.9);
}
.lm-action-btn,.lm-action-icon{
    border-color:#e5ebf4;
    box-shadow:0 2px 6px rgba(15,23,42,.02);
}
.lm-all-cats-btn{
    background:linear-gradient(135deg,#0f172a,#1e3a8a);
    border-color:#15234a;
    box-shadow:0 8px 16px rgba(15,23,42,.14);
}
.lm-all-cats-btn:hover{ background:linear-gradient(135deg,#1e40af,#2563eb); border-color:#2563eb; }
.lm-category-menu-wrap{
    border-color:#e4ebf5;
    box-shadow:0 20px 44px rgba(15,23,42,.13);
}
.lm-category-menu-wrap .lm-category-nav a:hover{ background:#eff6ff; }
.lm-mobile-icon-btn{
    border-color:#e5ebf4;
    box-shadow:0 2px 6px rgba(15,23,42,.02);
}