/* 林口專業房仲 — 全站共用表頭 navbar（顏色自帶、不依賴各頁變數）by 小瑞 2026-06-28 */
.topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #dfe7dd;box-shadow:0 1px 4px rgba(0,0,0,.05);font-family:"Noto Sans TC","Microsoft JhengHei",-apple-system,sans-serif;}
.topbar-inner{max-width:880px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:58px;gap:10px;}
.tb-brand{display:flex;align-items:center;gap:8px;font-weight:900;color:#1F3A2A;text-decoration:none;font-size:16px;white-space:nowrap;}
.tb-brand img{height:32px;width:auto;}
.tb-nav{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;}
.tb-nav a{padding:7px 11px;border-radius:9px;font-weight:700;font-size:14.5px;color:#334155;text-decoration:none;white-space:nowrap;}
.tb-nav a:hover{background:#EAF2E8;color:#1F3A2A;}
.tb-nav a.tb-line{background:#06C755;color:#fff;}
.tb-nav a.tb-line:hover{filter:brightness(1.05);}
/* 部落格下拉分類選單（hover 或 focus 展開）*/
.tb-drop{position:relative;}
.tb-drop-btn{display:inline-flex;align-items:center;gap:3px;padding:7px 11px;border-radius:9px;font-weight:700;font-size:14.5px;color:#334155;background:none;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;}
.tb-drop-btn:hover{background:#EAF2E8;color:#1F3A2A;}
.tb-drop-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:#fff;border:1px solid #dfe7dd;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:6px;display:none;z-index:200;}
.tb-drop:hover .tb-drop-menu,.tb-drop:focus-within .tb-drop-menu{display:block;}
.tb-drop-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;color:#334155;text-decoration:none;white-space:nowrap;}
.tb-drop-menu a:hover{background:#EAF2E8;color:#1F3A2A;}
@media(max-width:560px){
  .tb-brand span{display:none;}
  .tb-nav a{padding:6px 9px;font-size:13px;}
  .tb-drop-btn{padding:6px 9px;font-size:13px;}
  .tb-drop-menu{min-width:168px;}
  .topbar-inner{height:52px;}
}