/* =========================================================
   CareTrip — layout.css
   헤더(GNB) · 서브페이지 히어로 · 푸터 · 플로팅 버튼
   inc/layout/header.php · inc/layout/footer.php 와 짝을 이룬다
   ========================================================= */

/* ---------- Header ---------- */
header.site{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #eef0f7}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px}
.logo{display:flex;align-items:center;gap:9px;font-weight:900;font-size:22px;letter-spacing:-.02em;color:var(--blue-ink)}
.logo .logo-ic{width:34px;height:34px;border-radius:9px;object-fit:cover;background:#fff;box-shadow:0 4px 12px rgba(47,71,239,.28)}
.logo b{color:var(--blue)}
.menu{display:flex;gap:24px;list-style:none;font-weight:700;font-size:15px}
.menu a{color:#2c3350;transition:color .2s;padding:6px 0;white-space:nowrap;border-bottom:2px solid transparent}
.menu a:hover{color:var(--blue)}
.menu a.active{color:var(--blue);border-bottom-color:var(--blue)}
.nav-right{display:flex;align-items:center;gap:12px}

/* 회원 — 로그인 / 마이페이지 · 로그아웃 */
.nav-auth{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700}
.nav-auth-link{color:#5a6280;white-space:nowrap;transition:color .2s;padding:6px 0;border-bottom:2px solid transparent}
.nav-auth-link:hover{color:var(--blue)}
.nav-auth-link.active{color:var(--blue);border-bottom-color:var(--blue)}
.nav-user{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--blue-ink);font-weight:800;background:#eef1ff;padding:5px 12px;border-radius:999px;font-size:12.5px}

/* 언어 전환 — 서버사이드 전환이라 <a> 로 렌더된다 */
.lang{display:flex;border:1.5px solid #dfe3f3;border-radius:999px;overflow:hidden;font-weight:800;font-size:13px}
.lang a{border:0;background:#fff;color:#6b7290;padding:8px 14px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center}
.lang a.on{background:var(--blue);color:#fff}

.hamb{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}
.hamb span{width:24px;height:2.5px;background:var(--ink);border-radius:2px}

/* ---------- Sub-page hero ---------- */
.page-hero{background:#fff;color:var(--ink);text-align:center;padding:52px 0 0;position:relative;overflow:hidden}
.page-hero h1{font-size:clamp(26px,3.6vw,38px);font-weight:900;letter-spacing:-.02em;margin:0;position:relative}
.page-hero p{display:none}
.page-hero + section.pad{padding-top:40px}
/* 서브페이지 breadcrumb(HOME · …) 숨김 (요청) — 되살리려면 display:block */
.crumb{display:none;margin-top:18px;font-size:13.5px;color:var(--muted);position:relative}
.crumb a:hover{text-decoration:underline;color:var(--blue)}

/* ---------- Footer ---------- */
footer.site{background:var(--soft);color:var(--muted);padding:56px 0 30px;font-size:14px;border-top:1px solid var(--line)}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.foot-brand .logo{color:var(--blue-ink);margin-bottom:14px}
.foot-brand p{max-width:280px;line-height:1.7}
footer.site h4{color:var(--ink);font-size:15px;margin-bottom:14px;font-weight:800}
footer.site ul{list-style:none;display:flex;flex-direction:column;gap:9px}
footer.site ul a:hover{color:var(--blue)}
.foot-bot{padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}

/* ---------- Floating LINE ---------- */
.float-line{position:fixed;right:22px;bottom:22px;z-index:90;background:#06c755;color:#fff;font-weight:800;padding:14px 20px;border-radius:999px;box-shadow:0 12px 30px rgba(6,199,85,.45);display:flex;gap:9px;align-items:center;cursor:pointer;font-size:15px}
.float-line:hover{transform:translateY(-2px)}