/* =========================
   CK579 前台 專業商業版主題
   ========================= */
:root {
  --ck-primary: #0d6efd;
  --ck-primary-dark: #0b5ed7;
  --ck-primary-soft: rgba(13,110,253,0.08);
  --ck-accent: #22c55e;
  --ck-bg: #f3f4f6;
  --ck-body: #111827;
  --ck-radius-lg: 0.9rem;
  --ck-shadow-soft: 0 18px 40px rgba(15,23,42,.12);
}

/* 全站基本字型 + 背景 */
body.ck-body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size: 15px;
  background: radial-gradient(circle at top, #eef2ff 0, #f3f4f6 42%, #f9fafb 100%);
  color: var(--ck-body);
}

/* 主要內容高度，避免頁面太短 */
.ck-layout-main {
  min-height: calc(100vh - 72px - 64px); /* navbar + footer */
}

/* =========================
   導覽列（訪客 + 會員共用）
   ========================= */
.ck-navbar {
  background: linear-gradient(90deg, #0d6efd, #1d4ed8);
}

.ck-navbar .navbar-brand {
  font-weight: 700;
  letter-spacing: .05em;
  font-size: 1.05rem;
}

.ck-navbar .navbar-brand span.ck-brand-sub {
  display: block;
  font-size: .7rem;
  opacity: .8;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ck-navbar .nav-link {
  font-size: .95rem;
  font-weight: 500;
  opacity: .9;
}

.ck-navbar .nav-link:hover,
.ck-navbar .nav-link.active {
  opacity: 1;
}

/* 右側「登入 / 登出 / 註冊」按鈕樣式 */
.ck-nav-cta .btn-outline-light {
  border-width: 1px;
  font-weight: 500;
}

.ck-nav-cta .btn-light {
  font-weight: 600;
  color: #0f172a;
}

/* 行動版：nav 展開時加底色 */
@media (max-width: 767.98px) {
  .ck-navbar .navbar-collapse {
    background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(15,23,42,.9));
    margin-top: .25rem;
    border-radius: .75rem;
    padding: .5rem .75rem 0.75rem;
  }
}

/* =========================
   卡片 & 區塊樣式
   ========================= */
.ck-card,
.card.ck-card {
  border-radius: var(--ck-radius-lg);
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255,255,255,0.95);
  box-shadow: 0 14px 35px rgba(15,23,42,.08);
  backdrop-filter: blur(12px);
}

.ck-card-header,
.card.ck-card .card-header {
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
  background: linear-gradient(90deg, rgba(15,23,42,0.03), rgba(37,99,235,0.03));
  font-weight: 600;
}

/* 商品卡片 */
.ck-product-card.card {
  border-radius: 1rem;
  border: 1px solid rgba(209,213,219,0.8);
  box-shadow: 0 10px 28px rgba(15,23,42,.06);
  overflow: hidden;
}

.ck-product-card .card-img-top {
  max-height: 210px;
  object-fit: cover;
}

.ck-product-card .card-body {
  padding: 0.8rem 0.9rem 0.9rem;
}

.ck-price {
  font-weight: 700;
  font-size: 1.05rem;
  color: #dc2626;
}

.ck-badge {
  font-size: .75rem;
  padding: .2rem .45rem;
  border-radius: 999px;
}

/* =========================
   頁尾
   ========================= */
.ck-footer {
  background: transparent;
  color: #6b7280;
  font-size: 0.8rem;
}

.ck-footer span.brand {
  font-weight: 600;
  color: #111827;
}

/* 表單樣式微調 */
.ck-form label {
  font-weight: 500;
  color: #374151;
}
.ck-form .form-control {
  border-radius: .7rem;
}