/* ══════════════════════════════════════════════════════
   HILLMARU GOLF & RESORT  ·  GREEN FEE PAGE
   ══════════════════════════════════════════════════════ */

:root {
  --green-deep  : #0f3d2e;
  --green-mid   : #1a5c42;
  --green-light : #e8f2ec;
  --gold        : #c9a96a;
  --gold-light  : #e2c98a;
  --gold-bg     : #fdf8f0;
  --beige       : #f8f5ef;
  --beige-dark  : #ede8df;
  --white       : #ffffff;
  --text-dark   : #1a1a1a;
  --text-mid    : #4a4a4a;
  --text-muted  : #888888;

  --serif  : 'Cormorant Garamond', Georgia, serif;
  --sans   : 'Inter', 'Noto Sans KR', sans-serif;
  --kr     : 'Noto Sans KR', sans-serif;

  --hh     : 68px;
  --t      : .35s;
  --radius : 6px;
  --shadow : 0 12px 48px rgba(15,61,46,.1);
}

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { font-size:16px; scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
body { font-family:var(--sans); color:var(--text-dark); background:var(--beige); overflow-x:hidden; }
img  { display:block; width:100%; height:100%; object-fit:cover; }
a    { text-decoration:none; color:inherit; }

/* ─── HEADER ─────────────────────────────────────────── */
.gf-header {
  position:fixed; top:0; left:0; right:0; z-index:900;
  height:var(--hh);
  background:rgba(15,61,46,.96);
  backdrop-filter:blur(12px);
  box-shadow:0 2px 20px rgba(0,0,0,.15);
}
.gf-header-inner {
  max-width:1100px; margin:0 auto; padding:0 28px;
  height:100%; display:flex; align-items:center; justify-content:space-between;
}
.logo { display:flex; align-items:center; }
.logo-img {
  height:42px; width:auto; object-fit:contain; display:block;
  filter:brightness(0) invert(1) sepia(1) saturate(2.5) hue-rotate(5deg) brightness(0.88);
  transition:filter .3s;
}
.logo:hover .logo-img {
  filter:brightness(0) invert(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(1.05);
}
.back-link {
  display:flex; align-items:center; gap:8px;
  font-family:var(--kr); font-size:.82rem; font-weight:400;
  color:rgba(255,255,255,.7); letter-spacing:.04em;
  transition:color var(--t);
}
.back-link:hover { color:var(--gold); }
.back-link i { font-size:.78rem; }

/* ─── HERO ───────────────────────────────────────────── */
.gf-hero {
  position:relative; height:380px;
  display:flex; align-items:center; justify-content:center;
  margin-top:var(--hh); overflow:hidden;
}
.gf-hero-bg {
  position:absolute; inset:0; z-index:0;
}
.gf-hero-overlay {
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(15,61,46,.88) 0%, rgba(10,26,18,.75) 100%);
}
.gf-hero-content {
  position:relative; z-index:2;
  text-align:center;
}
.gf-eyebrow {
  font-size:.65rem; font-weight:600; letter-spacing:.32em;
  color:var(--gold); margin-bottom:16px;
  display:flex; align-items:center; justify-content:center; gap:12px;
}
.gf-eyebrow::before, .gf-eyebrow::after {
  content:''; display:block; height:1px; width:28px; background:var(--gold); opacity:.5;
}
.gf-hero-title {
  font-family:var(--serif); font-size:clamp(2.2rem,5vw,3.6rem);
  font-weight:400; color:var(--white); letter-spacing:.06em;
  line-height:1.1; margin-bottom:14px;
}
.gf-hero-sub {
  font-family:var(--kr); font-size:.88rem; font-weight:300;
  color:rgba(255,255,255,.65); letter-spacing:.12em;
}

/* ─── NOTICE BAR ─────────────────────────────────────── */
.gf-notice-bar {
  background:linear-gradient(90deg, var(--green-deep) 0%, var(--green-mid) 100%);
  color:var(--white);
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:14px 24px;
  font-family:var(--kr); font-size:.88rem; font-weight:300;
  letter-spacing:.04em; text-align:center;
}
.gf-notice-bar i { color:var(--gold); font-size:.9rem; }
.gf-notice-bar strong { color:var(--gold); font-weight:600; }

/* ─── MAIN ───────────────────────────────────────────── */
.gf-main {
  padding:72px 0 100px;
}
.gf-container {
  max-width:1100px; margin:0 auto; padding:0 28px;
}

/* ─── SECTION HEAD ───────────────────────────────────── */
.gf-section-head {
  text-align:center; margin-bottom:56px;
}
.gf-label {
  font-size:.65rem; font-weight:600; letter-spacing:.32em;
  color:var(--gold); margin-bottom:14px;
  display:flex; align-items:center; justify-content:center; gap:12px;
}
.gf-label::before, .gf-label::after {
  content:''; display:block; height:1px; width:28px; background:var(--gold); opacity:.5;
}
.gf-title {
  font-family:var(--serif); font-size:clamp(1.9rem,4vw,2.8rem);
  font-weight:400; color:var(--green-deep); letter-spacing:.04em;
  margin-bottom:14px; line-height:1.2;
}
.gf-desc {
  font-family:var(--kr); font-size:.9rem; font-weight:300;
  color:var(--text-muted); letter-spacing:.03em; line-height:1.8;
}

/* ─── TABLE WRAP ─────────────────────────────────────── */
.gf-table-wrap {
  background:var(--white);
  border-radius:12px;
  box-shadow:var(--shadow);
  margin-bottom:32px;
  overflow:hidden;
}
.gf-table-label {
  display:flex; align-items:center; gap:14px;
  background:var(--green-deep);
  padding:18px 28px;
}
.gf-part-badge {
  font-family:var(--kr); font-size:.78rem; font-weight:700;
  background:var(--gold); color:var(--green-deep);
  padding:4px 14px; border-radius:20px; letter-spacing:.08em;
}
.gf-part-badge--2 {
  background:var(--green-mid); color:var(--white);
}
.gf-time-range {
  font-family:var(--kr); font-size:.85rem; font-weight:300;
  color:rgba(255,255,255,.75); letter-spacing:.06em;
}
.gf-table-scroll {
  overflow-x:auto; -webkit-overflow-scrolling:touch;
}

/* ─── TABLE ──────────────────────────────────────────── */
.gf-table {
  width:100%; min-width:640px;
  border-collapse:collapse;
}
.gf-table thead tr:first-child th {
  background:rgba(15,61,46,.06);
  font-family:var(--kr); font-size:.78rem; font-weight:700;
  color:var(--green-deep); letter-spacing:.1em; text-transform:uppercase;
  padding:14px 10px; text-align:center;
  border-bottom:1px solid var(--beige-dark);
}
.gf-table thead tr:nth-child(2) th {
  background:rgba(15,61,46,.03);
  font-family:var(--kr); font-size:.75rem; font-weight:500;
  color:var(--text-mid); letter-spacing:.06em;
  padding:10px 10px; text-align:center;
  border-bottom:2px solid var(--beige-dark);
}
.th-time {
  width:150px; background:rgba(201,169,106,.08) !important;
  color:var(--green-deep) !important;
}
.th-day {
  border-left:1px solid var(--beige-dark);
}
.th-sig { color:var(--green-deep) !important; }
.th-bri { color:var(--text-mid) !important; }

.gf-table tbody tr {
  border-bottom:1px solid var(--beige-dark);
  transition:background var(--t);
}
.gf-table tbody tr:last-child { border-bottom:none; }
.gf-table tbody tr:hover { background:var(--beige); }

.td-time {
  font-family:var(--kr); font-size:.84rem; font-weight:500;
  color:var(--green-deep); padding:18px 20px; text-align:center;
  background:rgba(201,169,106,.05);
  border-right:1px solid var(--beige-dark);
  white-space:nowrap;
}
.td-price {
  font-family:var(--kr); font-size:.92rem; font-weight:500;
  color:var(--text-dark); padding:18px 10px; text-align:center;
  border-left:1px solid var(--beige-dark);
  letter-spacing:.02em;
}
.td-merge {
  background:rgba(15,61,46,.04);
  font-weight:700; color:var(--green-deep);
  vertical-align:middle;
}

/* ─── INFO BOX ───────────────────────────────────────── */
.gf-info-box {
  background:var(--gold-bg);
  border:1px solid rgba(201,169,106,.3);
  border-left:4px solid var(--gold);
  border-radius:var(--radius);
  padding:28px 32px;
  margin-top:48px;
}
.gf-info-title {
  font-family:var(--kr); font-size:.88rem; font-weight:700;
  color:var(--green-deep); letter-spacing:.06em;
  margin-bottom:16px; display:flex; align-items:center; gap:8px;
}
.gf-info-title i { color:var(--gold); }
.gf-info-list {
  list-style:none; display:flex; flex-direction:column; gap:10px;
}
.gf-info-list li {
  font-family:var(--kr); font-size:.86rem; font-weight:300;
  color:var(--text-mid); letter-spacing:.03em; line-height:1.7;
  padding-left:16px; position:relative;
}
.gf-info-list li::before {
  content:'–'; position:absolute; left:0;
  color:var(--gold); font-weight:500;
}
.gf-info-list li strong { color:var(--green-deep); font-weight:600; }

/* ─── CTA ────────────────────────────────────────────── */
.gf-cta-wrap {
  text-align:center; margin-top:60px;
}
.gf-cta-btn {
  display:inline-flex; align-items:center; gap:12px;
  background:var(--green-deep); color:var(--white);
  font-family:var(--kr); font-size:.95rem; font-weight:500;
  padding:18px 48px; border-radius:var(--radius);
  letter-spacing:.1em; transition:all var(--t);
  box-shadow:0 8px 32px rgba(15,61,46,.25);
}
.gf-cta-btn:hover {
  background:var(--green-mid);
  box-shadow:0 12px 40px rgba(15,61,46,.35);
  transform:translateY(-2px);
}
.gf-cta-btn i { font-size:.82rem; transition:transform var(--t); }
.gf-cta-btn:hover i { transform:translateX(4px); }

/* ─── FOOTER ─────────────────────────────────────────── */
.gf-footer {
  background:var(--green-deep);
  padding:32px 28px;
}
.gf-footer-inner {
  max-width:1100px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
}
.footer-brand { display:flex; flex-direction:column; gap:4px; }
.logo-main { font-size:.95rem; font-weight:600; letter-spacing:.22em; color:var(--white); }
.logo-sub  { font-size:.52rem; font-weight:400; letter-spacing:.26em; color:var(--gold); }
.footer-copy {
  font-family:var(--kr); font-size:.76rem; font-weight:300;
  color:rgba(255,255,255,.4); letter-spacing:.04em;
}

/* ─── RESPONSIVE ─────────────────────────────────────── */
@media (max-width:768px) {
  .gf-hero { height:280px; }
  .gf-main { padding:48px 0 72px; }
  .gf-container { padding:0 20px; }
  .gf-table-label { padding:14px 20px; }
  .td-time { padding:14px 12px; font-size:.78rem; }
  .td-price { padding:14px 8px; font-size:.84rem; }
  .gf-info-box { padding:20px 20px; }
  .gf-cta-btn { padding:16px 32px; font-size:.88rem; }
  .gf-footer-inner { flex-direction:column; align-items:flex-start; gap:8px; }
}
@media (max-width:480px) {
  .gf-notice-bar { font-size:.78rem; flex-direction:column; gap:6px; }
  .gf-table-wrap { border-radius:8px; }
}