/* ═══════════════════════════════════════════
   LOCORO PREMIUM HEADER — header.css
   Requires: app.css variables already loaded
═══════════════════════════════════════════ */

/* ── RESET ── */
.lc-header *{box-sizing:border-box;margin:0;padding:0;}
.lc-header a{text-decoration:none;color:inherit;}
.lc-header button{font-family:inherit;cursor:pointer;border:none;background:none;}

/* ── ROOT ── */
.lc-header{
  position:fixed;top:0;left:0;right:0;z-index:9000;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;color:var(--ink);
  isolation:isolate;
}

/* ── TOP ANNOUNCEMENT BAR ── */
.lc-topbar{
  background:linear-gradient(135deg,#F97316 0%,#F59E0B 50%,#EF4444 100%);
  height:36px;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:600;color:white;padding:0 16px;position:relative;
}
.lc-topbar--hidden{height:0;overflow:hidden;opacity:0;pointer-events:none;transition:all .2s;}
.lc-topbar-close{
  position:absolute;right:12px;background:rgba(255,255,255,.2);border:none;
  width:22px;height:22px;border-radius:50%;cursor:pointer;color:white;font-size:12px;
  display:flex;align-items:center;justify-content:center;
}

/* ── DESKTOP NAV BAR ── */
.lc-nav{
  height:68px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;
}
.lc-header.lc-scrolled .lc-nav{box-shadow:0 2px 20px rgba(0,0,0,.08);}

/* ── LOGO ── */
.lc-logo{display:flex;align-items:center;flex-shrink:0;margin-right:16px;}
.lc-logo img{height:36px;width:auto;object-fit:contain;display:block;}

/* ── LOCATION SELECTOR ── */
.lc-loc{position:relative;flex-shrink:0;margin-right:4px;}
.lc-loc-btn{
  display:flex;align-items:center;gap:6px;padding:7px 12px;
  border-radius:999px;border:1.5px solid var(--line);background:white;
  font-size:13px;font-weight:600;color:#374151;cursor:pointer;
  transition:all .18s;white-space:nowrap;height:38px;
}
.lc-loc-btn:hover,.lc-loc-btn.lc-active{border-color:var(--brand);color:var(--brand);background:#FFF7ED;}
.lc-loc-chevron{width:14px;height:14px;flex-shrink:0;transition:transform .2s;color:#9CA3AF;}
.lc-loc-btn.lc-active .lc-loc-chevron{transform:rotate(180deg);}
.lc-loc-dropdown{
  position:absolute;top:calc(100% + 8px);left:0;width:340px;background:white;
  border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow);
  overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:all .2s cubic-bezier(.16,1,.3,1);z-index:100;
}
.lc-loc-dropdown.lc-open{opacity:1;visibility:visible;transform:translateY(0);}
.lc-loc-search-wrap{padding:12px 14px 8px;border-bottom:1px solid var(--soft);}
.lc-loc-search-row{position:relative;}
.lc-loc-search{
  width:100%;padding:9px 12px 9px 34px;border:1.5px solid var(--line);
  border-radius:8px;font-size:13px;color:var(--ink);background:var(--soft);outline:none;
  transition:border-color .18s;font-family:'Plus Jakarta Sans',sans-serif;
}
.lc-loc-search:focus{border-color:var(--brand);background:white;}
.lc-loc-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9CA3AF;pointer-events:none;}
.lc-loc-autodetect{
  display:flex;align-items:center;gap:8px;padding:10px 14px;
  font-size:13px;font-weight:600;color:var(--brand);cursor:pointer;
  border-bottom:1px solid var(--soft);transition:background .15s;width:100%;background:none;
  border-left:none;border-right:none;border-top:none;
}
.lc-loc-autodetect:hover{background:var(--soft);}
.lc-city-list{max-height:280px;overflow-y:auto;padding:6px 0;scrollbar-width:thin;}
.lc-city-item{
  display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s;
}
.lc-city-item:hover{background:var(--soft);}
.lc-city-item.lc-selected{background:#FFF7ED;}
.lc-city-thumb{
  width:36px;height:36px;border-radius:8px;background:var(--soft);
  display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;
}
.lc-city-name-d{font-size:14px;font-weight:700;color:var(--ink);}
.lc-city-meta-d{font-size:11px;color:var(--muted);margin-top:1px;}
.lc-city-check{
  width:18px;height:18px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,#F97316,#F59E0B);
  display:flex;align-items:center;justify-content:center;
}
.lc-city-check svg{width:10px;height:10px;}
.lc-city-unavail{font-size:10px;color:var(--muted);background:var(--soft);padding:2px 6px;border-radius:999px;font-weight:600;}

/* ── DESKTOP NAV LINKS ── */
.lc-nav-links{display:flex;align-items:center;flex:1;overflow:visible;}
.lc-nav-item{position:relative;}
.lc-nav-link{
  display:flex;align-items:center;gap:4px;padding:0 14px;height:68px;
  font-size:13px;font-weight:600;color:#4B5563;cursor:pointer;white-space:nowrap;
  transition:color .18s;border-bottom:2px solid transparent;
  background:none;border-top:none;border-left:none;border-right:none;
}
.lc-nav-link:hover,.lc-nav-item.lc-open .lc-nav-link{color:var(--brand);border-bottom-color:var(--brand);}
.lc-nav-link .lc-chev{width:13px;height:13px;color:#9CA3AF;transition:transform .2s;flex-shrink:0;}
.lc-nav-item.lc-open .lc-nav-link .lc-chev{transform:rotate(180deg);color:var(--brand);}

/* ── MEGA MENUS ── */
.lc-mega{
  position:fixed;top:104px;left:50%;transform:translateX(-50%) translateY(-8px);
  width:min(960px,95vw);background:white;border-radius:20px;
  border:1px solid var(--line);box-shadow:var(--shadow);
  display:grid;opacity:0;visibility:hidden;
  transition:all .22s cubic-bezier(.16,1,.3,1);z-index:90;overflow:hidden;
}
.lc-mega.lc-open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.lc-mega.lc-topbar-hidden{top:68px;}
.lc-mega--4{grid-template-columns:repeat(4,1fr);}
.lc-mega--2{grid-template-columns:repeat(2,1fr);width:min(540px,95vw);}
.lc-mega--mgmt{grid-template-columns:1fr 1fr;width:min(680px,95vw);}
.lc-mega-col{padding:22px 20px;border-right:1px solid var(--soft);}
.lc-mega-col:last-child{border-right:none;}
.lc-mega-col-title{
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;
  color:var(--muted);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--soft);
}
.lc-mega-link{
  display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;
  font-size:13px;color:#374151;transition:all .15s;cursor:pointer;line-height:1.4;
}
.lc-mega-link:hover{background:var(--soft);color:var(--brand);}
.lc-mega-link svg{flex-shrink:0;color:#D1D5DB;transition:color .15s;}
.lc-mega-link:hover svg{color:var(--brand);}
.lc-mega-badge{
  font-size:9px;font-weight:700;padding:2px 6px;border-radius:999px;
  background:linear-gradient(135deg,#F97316,#F59E0B);color:white;
  text-transform:uppercase;letter-spacing:.4px;margin-left:auto;flex-shrink:0;
}
.lc-mega-badge--green{background:var(--green);}
.lc-budget-item{
  display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;
  font-size:13px;color:#374151;cursor:pointer;transition:all .15s;
}
.lc-budget-item:hover{background:var(--soft);color:var(--brand);}
.lc-budget-bar{height:4px;border-radius:2px;background:linear-gradient(135deg,#F97316,#F59E0B);flex-shrink:0;}
.lc-area-grid{display:flex;flex-wrap:wrap;gap:6px;}
.lc-area-chip{
  padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:white;
  font-size:12px;font-weight:500;color:#4B5563;cursor:pointer;transition:all .15s;
}
.lc-area-chip:hover{border-color:var(--brand);background:#FFF7ED;color:var(--brand);}
.lc-mega-footer{
  grid-column:1/-1;padding:10px 20px;
  background:linear-gradient(135deg,#FFF7ED,#FEF3C7);
  border-top:1px solid rgba(249,115,22,.15);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;
}
.lc-mega-footer-left{font-size:12px;color:var(--muted);}
.lc-mega-footer-left strong{color:var(--brand);}
.lc-mega-footer-link{font-size:12px;font-weight:600;color:var(--brand);cursor:pointer;}
.lc-sell-card{
  background:var(--soft);border-radius:14px;padding:20px;text-align:center;
  cursor:pointer;border:1.5px solid var(--line);transition:all .2s;
}
.lc-sell-card:hover{border-color:var(--brand);background:#FFF7ED;}
.lc-sell-card-icon{
  width:52px;height:52px;border-radius:8px;
  background:linear-gradient(135deg,#F97316,#F59E0B);
  margin:0 auto 12px;display:flex;align-items:center;justify-content:center;
}
.lc-sell-card h4{font-size:14px;font-weight:700;margin-bottom:6px;color:var(--ink);}
.lc-sell-card p{font-size:12px;color:var(--muted);line-height:1.5;}
.lc-form-input{
  width:100%;padding:9px 12px;border:1.5px solid var(--line);border-radius:8px;
  font-size:13px;color:var(--ink);background:white;outline:none;
  transition:border-color .18s;font-family:'Plus Jakarta Sans',sans-serif;
}
.lc-form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(249,115,22,.1);}
.lc-form-label{display:block;font-size:11px;font-weight:600;color:#4B5563;margin-bottom:4px;}
.lc-form-group{margin-bottom:10px;}
.lc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
.lc-service-chip{
  padding:5px 10px;border-radius:999px;border:1.5px solid var(--line);background:white;
  font-size:11px;font-weight:600;color:#4B5563;cursor:pointer;transition:all .15s;
}
.lc-service-chip.lc-on{border-color:var(--brand);background:#FFF7ED;color:var(--brand);}
.lc-service-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.lc-mgmt-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
.lc-btn-wa{
  display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;
  background:#25D366;color:white;font-size:13px;font-weight:600;border:none;cursor:pointer;
}
.lc-btn-call{
  display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;
  background:var(--ink);color:white;font-size:13px;font-weight:600;border:none;cursor:pointer;
}
.lc-mgmt-side{padding:22px 20px;background:var(--soft);border-left:1px solid var(--soft);}
.lc-mgmt-side-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:12px;}

/* ── RIGHT ACTIONS ── */
.lc-nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto;}
.lc-btn-post{
  display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;
  background:linear-gradient(135deg,#F97316 0%,#F59E0B 50%,#EF4444 100%);
  color:white;font-size:13px;font-weight:700;border:none;cursor:pointer;
  box-shadow:0 8px 32px rgba(249,115,22,.28);transition:all .18s;white-space:nowrap;
}
.lc-btn-post:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(249,115,22,.35);}
.lc-btn-login{
  display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;
  border:1.5px solid var(--line);background:white;font-size:13px;font-weight:600;
  color:#374151;cursor:pointer;transition:all .18s;white-space:nowrap;
}
.lc-btn-login:hover{border-color:var(--brand);color:var(--brand);background:#FFF7ED;}
.lc-notif-btn{
  position:relative;width:36px;height:36px;border-radius:8px;
  border:1.5px solid var(--line);background:white;display:flex;
  align-items:center;justify-content:center;cursor:pointer;color:var(--muted);
}
.lc-notif-btn:hover{border-color:var(--brand);color:var(--brand);}
.lc-notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#EF4444;border:2px solid white;}
.lc-user-menu{position:relative;}
.lc-user-btn{
  display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;
  border-radius:999px;border:1.5px solid var(--line);background:white;cursor:pointer;
}
.lc-user-btn:hover{border-color:var(--brand);}
.lc-avatar{
  width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,#F97316,#F59E0B);
  display:flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:700;
}
.lc-user-name{font-size:13px;font-weight:600;color:#374151;}
.lc-user-dropdown{
  position:absolute;top:calc(100% + 8px);right:0;width:210px;background:white;
  border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow);
  overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:all .18s cubic-bezier(.16,1,.3,1);z-index:100;
}
.lc-user-dropdown.lc-open{opacity:1;visibility:visible;transform:translateY(0);}
.lc-user-drop-item{
  display:flex;align-items:center;gap:10px;padding:11px 14px;
  font-size:13px;color:#374151;cursor:pointer;transition:background .15s;
}
.lc-user-drop-item:hover{background:var(--soft);}
.lc-user-drop-item svg{color:#9CA3AF;flex-shrink:0;}
.lc-user-drop-divider{height:1px;background:var(--soft);margin:4px 0;}
.lc-user-drop-logout{color:#EF4444;}
.lc-backdrop{position:fixed;inset:0;z-index:89;display:none;}
.lc-backdrop.lc-show{display:block;}

/* ════════════════════════════════════════════
   MOBILE HEADER BAR (56px, ≤1024px only)
════════════════════════════════════════════ */
.lc-mob-header-bar{
  display:none;height:56px;background:white;
  border-bottom:1px solid var(--line);
  align-items:center;justify-content:space-between;padding:0 14px;gap:8px;
}
.lc-mob-hb-left,.lc-mob-hb-right{display:flex;align-items:center;gap:8px;}
.lc-mob-burger{
  width:40px;height:40px;border-radius:8px;border:none;background:none;
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);flex-shrink:0;
}
.lc-mob-city-btn{
  display:flex;align-items:center;gap:5px;padding:6px 12px;
  background:var(--soft);border:1.5px solid var(--line);border-radius:999px;
  font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;max-width:160px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lc-mob-city-btn:active{background:#FFF7ED;border-color:var(--brand);}
.lc-mob-icon-btn{
  width:40px;height:40px;border-radius:999px;border:1.5px solid var(--line);
  background:white;display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--ink);position:relative;flex-shrink:0;
}
.lc-mob-badge{
  position:absolute;top:4px;right:4px;width:8px;height:8px;
  border-radius:50%;background:#EF4444;border:1.5px solid white;
}

/* ════════════════════════════════════════════
   MOBILE L1 PANEL (slide from left)
════════════════════════════════════════════ */
.lc-mob-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9100;
  opacity:0;visibility:hidden;transition:all .25s;
}
.lc-mob-overlay.lc-open{opacity:1;visibility:visible;}
.lc-mob-panel{
  position:fixed;top:0;left:0;bottom:0;width:min(340px,90vw);
  background:white;z-index:9200;display:flex;flex-direction:column;
  transform:translateX(-100%);transition:transform .28s cubic-bezier(.16,1,.3,1);
}
.lc-mob-panel.lc-open{transform:translateX(0);}
.lc-mob-panel-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 18px 14px;border-bottom:1px solid var(--soft);flex-shrink:0;
}
.lc-mob-panel-head img{height:28px;width:auto;object-fit:contain;}
.lc-mob-panel-close{
  width:32px;height:32px;border-radius:8px;background:var(--soft);
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4B5563;border:none;
}
.lc-mob-city-row{
  display:flex;align-items:center;gap:10px;padding:12px 18px;
  border-bottom:1px solid var(--soft);flex-shrink:0;cursor:pointer;transition:background .15s;
}
.lc-mob-city-row:active{background:var(--soft);}
.lc-mob-city-icon{font-size:20px;}
.lc-mob-city-info{flex:1;}
.lc-mob-city-info small{font-size:10px;color:var(--muted);display:block;}
.lc-mob-city-info strong{font-size:14px;font-weight:700;color:var(--ink);}
.lc-mob-body{flex:1;overflow-y:auto;padding:8px 0;}
.lc-mob-nav-item{
  display:flex;align-items:center;gap:14px;padding:0 18px;height:58px;
  cursor:pointer;transition:background .15s;border-bottom:1px solid var(--soft);
}
.lc-mob-nav-item:active{background:var(--soft);}
.lc-mob-nav-icon{
  width:38px;height:38px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.lc-mob-nav-label{flex:1;font-size:15px;font-weight:600;color:var(--ink);}
.lc-mob-nav-arrow{color:#D1D5DB;flex-shrink:0;}
.lc-mob-panel-footer{
  padding:14px 18px 20px;border-top:1px solid var(--soft);flex-shrink:0;
  display:flex;flex-direction:column;gap:8px;
}
.lc-mob-post-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;
  border-radius:999px;background:linear-gradient(135deg,#F97316 0%,#F59E0B 50%,#EF4444 100%);
  color:white;font-size:15px;font-weight:700;border:none;cursor:pointer;
  box-shadow:0 8px 24px rgba(249,115,22,.3);
}
.lc-mob-login-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;
  border-radius:999px;background:white;color:#374151;font-size:14px;font-weight:600;
  border:1.5px solid var(--line);cursor:pointer;
}

/* ════════════════════════════════════════════
   MOBILE L2 PANELS (full-screen slide)
════════════════════════════════════════════ */
.lc-mob-l2{
  position:fixed;top:0;left:0;bottom:0;width:min(340px,90vw);
  background:white;z-index:9300;display:flex;flex-direction:column;
  transform:translateX(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);
}
.lc-mob-l2.lc-open{transform:translateX(0);}
.lc-mob-l2-head{
  display:flex;align-items:center;gap:12px;padding:14px 16px;
  border-bottom:1px solid var(--soft);flex-shrink:0;background:white;
}
.lc-mob-l2-back{
  width:36px;height:36px;border-radius:8px;background:var(--soft);
  display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;color:var(--ink);
}
.lc-mob-l2-title{font-size:17px;font-weight:800;color:var(--ink);flex:1;}
.lc-mob-l2-body{flex:1;overflow-y:auto;padding:12px 0 24px;}

/* Accordion */
.lc-acc-section{border-bottom:1px solid var(--soft);}
.lc-acc-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 18px;cursor:pointer;transition:background .15s;
  background:none;width:100%;border:none;text-align:left;
}
.lc-acc-header:active{background:var(--soft);}
.lc-acc-label{font-size:15px;font-weight:700;color:var(--ink);}
.lc-acc-icon{
  width:24px;height:24px;border-radius:6px;background:var(--soft);
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;color:#6B7280;flex-shrink:0;
}
.lc-acc-header.lc-open .lc-acc-icon{background:#FFF7ED;color:var(--brand);transform:rotate(45deg);}
.lc-acc-body{display:none;padding:0 0 8px;}
.lc-acc-body.lc-open{display:block;}
.lc-acc-link{
  display:flex;align-items:center;gap:10px;
  padding:12px 18px 12px 22px;font-size:14px;color:#374151;cursor:pointer;transition:background .15s;
}
.lc-acc-link:active{background:var(--soft);color:var(--brand);}
.lc-acc-link-dot{
  width:6px;height:6px;border-radius:50%;
  background:linear-gradient(135deg,#F97316,#F59E0B);flex-shrink:0;
}
.lc-acc-budget-bar{height:3px;width:20px;border-radius:2px;background:linear-gradient(135deg,#F97316,#F59E0B);flex-shrink:0;}
.lc-acc-chip-grid{display:flex;flex-wrap:wrap;gap:8px;padding:4px 18px 14px 22px;}
.lc-acc-chip{
  padding:6px 12px;border-radius:999px;border:1.5px solid var(--line);
  font-size:12px;font-weight:600;color:#4B5563;cursor:pointer;background:white;
}
.lc-acc-chip:active{border-color:var(--brand);background:#FFF7ED;color:var(--brand);}
.lc-l2-cta-row{
  display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--soft);flex-shrink:0;
}
.lc-l2-wa-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;
  border-radius:999px;background:#25D366;color:white;font-size:13px;font-weight:700;border:none;cursor:pointer;
}
.lc-l2-call-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;
  border-radius:999px;background:var(--ink);color:white;font-size:13px;font-weight:700;border:none;cursor:pointer;
}
.lc-sell-menu-item{
  display:flex;align-items:center;gap:14px;padding:16px 18px;
  border-bottom:1px solid var(--soft);cursor:pointer;transition:background .15s;
}
.lc-sell-menu-item:active{background:#FFF7ED;}
.lc-sell-item-icon{
  width:40px;height:40px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#F97316,#F59E0B);
}
.lc-sell-item-icon--dark{background:var(--ink);}
.lc-sell-item-label{flex:1;}
.lc-sell-item-label strong{display:block;font-size:14px;font-weight:700;color:var(--ink);}
.lc-sell-item-label span{font-size:12px;color:var(--muted);}

/* ════════════════════════════════════════════
   PROFILE SLIDE PANEL (right side)
════════════════════════════════════════════ */
.lc-mob-profile-panel{
  position:fixed;top:0;right:0;bottom:0;width:min(300px,85vw);
  background:white;z-index:9300;display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);
  box-shadow:-4px 0 32px rgba(0,0,0,.12);
}
.lc-mob-profile-panel.lc-open{transform:translateX(0);}
.lc-prof-head{
  background:linear-gradient(160deg,#1E2B4A,#2D3E6B);
  padding:20px 18px 24px;flex-shrink:0;
}
.lc-prof-close-row{display:flex;justify-content:flex-end;margin-bottom:16px;}
.lc-prof-close{
  width:30px;height:30px;background:rgba(255,255,255,.15);border-radius:8px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;color:white;
}
.lc-prof-avatar{
  width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,#F97316,#F59E0B);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:700;color:white;margin-bottom:12px;
  border:3px solid rgba(255,255,255,.2);
}
.lc-prof-name{font-size:17px;font-weight:800;color:white;margin-bottom:2px;}
.lc-prof-email{font-size:12px;color:rgba(255,255,255,.6);}
.lc-prof-body{flex:1;overflow-y:auto;padding:8px 0;}
.lc-prof-item{
  display:flex;align-items:center;gap:14px;padding:14px 18px;
  cursor:pointer;transition:background .15s;border-bottom:1px solid var(--soft);
}
.lc-prof-item:active{background:var(--soft);}
.lc-prof-item-icon{
  width:36px;height:36px;border-radius:10px;background:var(--soft);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;color:var(--muted);
}
.lc-prof-item-label{flex:1;font-size:14px;font-weight:600;color:var(--ink);}
.lc-prof-item-badge{
  font-size:10px;font-weight:700;background:linear-gradient(135deg,#F97316,#F59E0B);
  color:white;padding:2px 7px;border-radius:999px;
}
.lc-prof-logout{
  margin:8px 18px;padding:13px;border-radius:999px;background:#FEF2F2;color:#EF4444;
  border:none;cursor:pointer;width:calc(100% - 36px);font-size:14px;font-weight:700;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.lc-prof-guest{padding:32px 18px;text-align:center;}
.lc-prof-guest-btn{
  display:block;padding:13px;border-radius:999px;
  background:linear-gradient(135deg,#F97316,#F59E0B);
  color:white;font-size:14px;font-weight:700;border:none;cursor:pointer;width:100%;
  margin-bottom:10px;box-shadow:0 8px 24px rgba(249,115,22,.3);
}
.lc-prof-guest-reg{
  display:block;padding:12px;border-radius:999px;background:white;
  color:#374151;font-size:14px;font-weight:600;
  border:1.5px solid var(--line);cursor:pointer;width:100%;
}

/* ════════════════════════════════════════════
   MOBILE BOTTOM NAV (replaces old)
════════════════════════════════════════════ */
.lc-bottom-nav{
  display:none;position:fixed;bottom:0;left:0;right:0;height:60px;z-index:8000;
  background:rgba(255,255,255,.97);backdrop-filter:blur(20px);
  border-top:1px solid var(--line);padding:0 4px env(safe-area-inset-bottom);
  align-items:center;justify-content:space-around;
  box-shadow:0 -4px 20px rgba(0,0,0,.06);
}
.lc-bot-item{
  display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:6px 10px;min-width:52px;cursor:pointer;background:none;border:none;
  font-size:10px;font-weight:600;color:var(--muted);transition:color .15s;min-height:48px;justify-content:center;
}
.lc-bot-item svg{color:var(--muted);transition:color .15s;}
.lc-bot-item.lc-active,.lc-bot-item:hover{color:var(--brand);}
.lc-bot-item.lc-active svg,.lc-bot-item:hover svg{color:var(--brand);}
.lc-bot-post-btn{
  width:52px;height:52px;border-radius:50%;
  background:linear-gradient(135deg,#F97316,#F59E0B);
  display:flex;align-items:center;justify-content:center;
  border:none;cursor:pointer;box-shadow:0 4px 16px rgba(249,115,22,.4);flex-shrink:0;
}

/* ── SKIP LINK ── */
.lc-skip-link{
  position:absolute;top:-100px;left:16px;z-index:99999;
  background:linear-gradient(135deg,#F97316,#F59E0B);
  color:white;padding:10px 18px;border-radius:999px;font-weight:700;font-size:13px;transition:top .15s;
}
.lc-skip-link:focus{top:8px;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .lc-nav{display:none;}
  .lc-topbar{display:none;}
  .lc-mob-header-bar{display:flex;}
  .lc-bottom-nav{display:flex;}
  .lc-mega{display:none!important;}
}
@media(min-width:1025px){
  .lc-mob-header-bar{display:none;}
  .lc-bottom-nav{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .lc-mob-panel,.lc-mob-l2,.lc-mob-profile-panel,.lc-mega,.lc-loc-dropdown{transition:none;}
}