/**
 * Check In Krabi — ธีมหลัก (แทน ReviewPhuket / TripAdvisor green)
 * โทน: น้ำเงินกระบี่ + ทอง + ฟ้าอันดามัน
 */
:root {
  --ck-navy: #0c2d5c;
  --ck-navy-mid: #1a4d7a;
  --ck-navy-deep: #071a33;
  --ck-gold: #eab308;
  --ck-gold-dark: #ca8a04;
  --ck-lime: #65a30d;
  --ck-sky: #0284c7;
  --ck-sand: #faf8f5;
  --ck-paper: #e8e4dc;
  --ck-ink: #0f172a;
  --ck-muted: #5c6370;

  /* map ตัวแปรเดิมของระบบ */
  --rp-green: var(--ck-navy-mid);
  --rp-green-dark: var(--ck-navy);
  --rp-orange: var(--ck-gold);
  --rp-orange-dark: var(--ck-gold-dark);
  --gold: var(--ck-gold);
  --gold-mid: #facc15;
  --gold-dark: var(--ck-gold-dark);
  --coral: #d97706;
  --cream: var(--ck-sand);
  --warm-white: #ffffff;
  --paper: var(--ck-paper);
  --ink: var(--ck-ink);
  --muted: var(--ck-muted);
  --sky: var(--ck-sky);
  --bg: var(--ck-sand);

  --blog-ink: var(--ck-ink);
  --blog-muted: var(--ck-muted);
  --blog-line: #e2ddd4;
  --blog-accent: var(--ck-gold-dark);
  --blog-sand: var(--ck-sand);
  --rp-hero-glow: var(--ck-gold);
}

body.rp-site,
body.rp-blog-home {
  background: var(--ck-sand) !important;
  color: var(--ck-ink);
}

body.rp-site {
  background:
    radial-gradient(1100px 520px at 100% -5%, rgba(234, 179, 8, 0.08), transparent 55%),
    radial-gradient(900px 480px at 0% 20%, rgba(2, 132, 199, 0.06), transparent 50%),
    linear-gradient(180deg, #faf8f5 0%, #f4f1eb 100%) !important;
}

a { color: var(--ck-navy-mid) !important; }
a:hover { color: var(--ck-gold-dark) !important; }

header {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid rgba(12, 45, 92, 0.12) !important;
}
nav a:hover {
  background: rgba(234, 179, 8, 0.15) !important;
  color: var(--ck-navy) !important;
}
.logo-badge,
.hamburger:hover {
  background: linear-gradient(135deg, var(--ck-navy), var(--ck-navy-mid)) !important;
  box-shadow: 0 4px 16px rgba(12, 45, 92, 0.25) !important;
}
.cta,
.mobile-menu a.mobile-cta {
  background: linear-gradient(135deg, var(--ck-gold), var(--ck-gold-dark)) !important;
  color: var(--ck-navy-deep) !important;
  box-shadow: 0 6px 20px rgba(234, 179, 8, 0.4) !important;
}
.cta:hover { filter: brightness(1.05); }

footer {
  background: linear-gradient(180deg, var(--ck-navy-deep) 0%, var(--ck-navy) 100%) !important;
  border-top: 3px solid var(--ck-gold) !important;
}
.foot a:hover { color: var(--ck-gold) !important; }

section.them-sky { --section-bg: linear-gradient(180deg, #eff6ff 0%, #fff 100%); }
section.them-mint { --section-bg: linear-gradient(180deg, #fefce8 0%, #fff 100%); }
section.them-sand { --section-bg: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }
section.them-sky,
section.them-mint {
  --accent-start: var(--ck-sky);
  --accent-end: var(--ck-navy-mid);
}
section.them-sand {
  --accent-start: var(--ck-gold);
  --accent-end: var(--ck-gold-dark);
}

.sec-title::after {
  background: linear-gradient(90deg, var(--ck-gold), var(--ck-navy-mid)) !important;
}

.filter.active {
  background: linear-gradient(90deg, var(--ck-navy-mid), var(--ck-navy)) !important;
  color: #fff !important;
}

/* หน้าแรก hero */
.rp-home-hero-shell {
  background:
    radial-gradient(90% 70% at 85% 15%, rgba(250, 204, 21, 0.18) 0%, transparent 50%),
    radial-gradient(70% 50% at 5% 80%, rgba(14, 165, 233, 0.15) 0%, transparent 45%),
    linear-gradient(165deg, var(--ck-navy-deep) 0%, var(--ck-navy) 42%, #0f4c6e 78%, #1e5a3a 100%) !important;
}
.rp-hero-cat-strip .rp-cat-icon-link {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}
.rp-hero-cat-strip .rp-cat-icon-link:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
.rp-hero-cat-strip .rp-cat-icon-link .ic {
  color: #fff !important;
}
.rp-hero-cat-strip .rp-cat-icon-link span.lbl {
  color: #0f172a !important;
  background: rgba(255, 255, 255, 0.94) !important;
}
.rp-chat-glass {
  border-color: rgba(12, 45, 92, 0.14) !important;
}
.rp-chat-speech {
  background: linear-gradient(180deg, #fff 0%, #fffbeb 100%) !important;
  border-color: rgba(234, 179, 8, 0.35) !important;
}
.rp-home-chatbox textarea:focus {
  border-color: var(--ck-gold) !important;
  box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.2) !important;
}
.rp-home-chatbox-actions button {
  background: linear-gradient(135deg, var(--ck-gold), var(--ck-gold-dark)) !important;
  color: var(--ck-navy-deep) !important;
  box-shadow: 0 10px 22px rgba(202, 138, 4, 0.3) !important;
}
.rp-home-hero-shell .rp-hero-bs-carousel .btn.primary,
.blog-section .btn.primary,
#member-blog .btn.primary {
  background: linear-gradient(135deg, var(--ck-gold), var(--ck-gold-dark)) !important;
  color: var(--ck-navy-deep) !important;
  box-shadow: 0 10px 28px rgba(202, 138, 4, 0.35) !important;
}
.rp-hero-bs-carousel .carousel-indicators .active {
  background: var(--ck-gold) !important;
}
.rp-hero-bs-carousel .carousel-item.rp-hero-item--gradient {
  background-image: linear-gradient(135deg, var(--ck-navy) 0%, #0f4c6e 55%, var(--ck-navy-mid) 100%) !important;
}
.blog-sec-head .eyebrow,
.blog-card-body .more { color: var(--ck-gold-dark) !important; }
.blog-card--faq .blog-card-body { border-top-color: var(--ck-gold) !important; }

/* KrabiChat */
:root { --pc-accent: var(--ck-gold-dark); --pc-accent-2: var(--ck-navy); }
.pc-topbar { background: linear-gradient(135deg, var(--ck-navy), var(--ck-navy-mid)) !important; }
.pc-send, .pc-chip.is-on { background: linear-gradient(135deg, var(--ck-gold), var(--ck-gold-dark)) !important; color: var(--ck-navy-deep) !important; }

/* FAQ / guide / content */
.faq-kicker { color: var(--ck-gold-dark) !important; }
.article-card:hover .article-image img.article-thumb-apong,
.guide-search-btn { background: linear-gradient(135deg, var(--ck-navy-mid), var(--ck-navy)) !important; }

/* Live chat FAB */
.rp-cfab.livechat,
.rp-lc-send,
.rp-lc-ico--admin {
  background: linear-gradient(145deg, var(--ck-navy), var(--ck-navy-mid)) !important;
}
.rp-apong-chat-fab {
  background: transparent !important;
  color: var(--ck-navy-deep) !important;
}
.rp-fb-dock {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.rp-apong-chat-bubble {
  border-color: rgba(234, 179, 8, 0.45) !important;
}

/* ปิด launch theme สีม่วง-ฟ้าเดิม */
body.rp-site header::before { display: none !important; }