/* =========================================================
   TỬ VI CALI — LIGHT THEME (CLEAN)
   Dùng cùng base tuvi_styles.css (layout). Không còn dark.
   ========================================================= */
.theme-light{
  color-scheme: light;
  --bg:#ffffff; --text:#111827; --heading:#000;
  --panel-bg:#fff; --panel-border:#000;
  --input-border:#d1d5db;
  --btn-bg:#2563eb; --btn-color:#fff;
  --link:#1d4ed8;
}

/* Nền & link */
.theme-light, .theme-light body{ background:var(--bg); color:var(--text); }
.theme-light a{ color:var(--link) !important; }

/* Panel chính */
.theme-light .wrap{
  position:relative; display:flow-root;
  max-width:860px; margin:28px auto;
  padding:22px 24px 48px;    /* chừa đáy cho micro theme */
  background:#fff; border:1px solid #000; border-radius:6px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.theme-light .wrap > h1,
.theme-light .wrap > h2,
.theme-light .wrap > .title{ margin-top:0; }

/* Header trong panel: Title trái, Auth phải */
.theme-light .wrap-header{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:16px; margin-bottom:8px;
}
.theme-light .wrap-title{ min-width:0; }

/* Auth pill (nằm trong panel, static) */
.theme-light .topbar-auth{
  position:static;
  background:#fff; border:1px solid #e5e7eb; border-radius:10px;
  padding:6px 10px; box-shadow:0 2px 8px rgba(0,0,0,.05);
  font-size:14px; white-space:nowrap;
}
.theme-light .topbar-auth a{ color:#2563eb; text-decoration:none; }
.theme-light .topbar-auth a:hover{ text-decoration:underline; }

/* Dropdown user (chỉ 1 phiên bản) */
.theme-light .u-menu{ position:relative; display:inline-block; }
.theme-light .u-trigger{ list-style:none; display:inline-flex; gap:6px; align-items:center; cursor:pointer; }
.theme-light .u-trigger::-webkit-details-marker{ display:none; }
.theme-light .u-provider{ font-size:11px; opacity:.75; }
.theme-light .u-dropdown{
  position:absolute; right:0; margin-top:6px; min-width:220px;
  border:1px solid #e5e7eb; border-radius:10px; background:#fff; color:#111827;
  padding:8px 10px; box-shadow:0 8px 20px rgba(0,0,0,.08); z-index:120;
}
.theme-light .u-dropdown a{ display:block; padding:4px 0; color:inherit !important; }
.theme-light .u-dropdown a:hover{ text-decoration:underline; }
.theme-light .u-head{ padding:4px 0 6px; border-bottom:1px solid #e5e7eb; margin-bottom:6px; }
.theme-light .u-title{ font-weight:600; }
.theme-light .u-sub{ font-size:12px; opacity:.9; }
.theme-light .u-sep{ height:1px; background:#e5e7eb; margin:6px 0; }

/* Mô tả dưới title */
.theme-light .sub{ margin:2px 0 12px; color:#000000; line-height:1.45; }

/* Form 2 cột */
.theme-light .form-2col{
  display:grid; grid-template-columns:1fr 1fr; gap:20px 40px; margin-top:18px;
}
.theme-light .form-group{
  display:grid; grid-template-columns:180px 1fr; gap:6px 10px; align-items:center;
}
.theme-light .form-group.checkbox-group{ grid-template-columns:auto 1fr; gap:8px; }
.theme-light label{ color:#111; font-weight:600; }

/* Control sáng + focus rõ */
.theme-light input, .theme-light select{
  background:#fff !important; color:#111 !important;
  border:1px solid var(--input-border) !important;
  border-radius:8px; height:38px; padding:8px 10px; width:100%; box-sizing:border-box;
}
.theme-light input:focus, .theme-light select:focus{
  outline:none; border-color:#2563eb !important; box-shadow:0 0 0 3px rgba(37,99,235,.15);
}

/* Nút */
.theme-light .actions{ text-align:center; margin-top:10px; }
.theme-light .actions .btn{
  background:var(--btn-bg) !important; color:var(--btn-color) !important;
  border:1px solid #1d4ed8 !important; border-radius:12px; padding:10px 16px; font-weight:700;
}

/* Micro theme “Light · Dark” (chỉ hiển thị) */
.theme-light .theme-micro{
  position:absolute; right:16px; bottom:10px; font-size:13px; color:#6b7280; user-select:none;
}
.theme-light .theme-micro .t-light{ color:#3b82f6; font-weight:600; }
.theme-light .theme-micro .t-dark{ color:#9ca3af; opacity:.85; }
.theme-light .theme-micro .sep{ opacity:.7; }

/* Note nhỏ (ví dụ: Note: cần đăng ký…) */
.theme-light .form-note, .theme-light .note-12m{
  font-size:12px; font-weight:400; color:#ff0b0b; line-height:1.35;
}

/* Override phần lá số cho Light (đủ dùng) */
.theme-light .wrap, .theme-light .panel, .theme-light .card,
.theme-light .center-wrap, .theme-light .center-inner, .theme-light .box,
.theme-light .month-analysis-block, .theme-light .center-card, .theme-light .th-adv{
  background:var(--panel-bg) !important; color:var(--text) !important; border-color:var(--panel-border) !important;
}
.theme-light .center-ln-rect,
.theme-light .center-ln-rect .cln-pos{
  color:#000 !important; background:transparent !important; text-shadow:none !important; box-shadow:none !important;
}
.theme-light .star-center{ color:#b91c1c !important; }

/* Mobile: xếp 1 cột (phần chi tiết hơn để ở tuvi_light_styles.mobile.css) */
@media (max-width:768px){
  .theme-light .form-2col{ grid-template-columns:1fr; gap:12px 0; }
  .theme-light .form-group{ grid-template-columns:1fr; gap:6px 0; }
  .theme-light .wrap-header{ flex-direction:column; align-items:flex-start; gap:10px; }
  .theme-light .topbar-auth{ align-self:flex-end; }
}


/* Hôn nhân / tình duyên card */
.hn-card{
  border:1px solid #CBD5E1;           /* slate-300 */
  border-radius:14px;
  padding:16px 18px;
  background:#fff;
  box-shadow:0 1px 0 rgba(2,6,23,.04);
  color:#0f172a;
}
.hn-title{
  margin:0 0 10px;
  font-weight:800;
  font-size:18px;
  letter-spacing:.2px;
}
.hn-list{ list-style:none; margin:8px 0 0; padding:0; }
.hn-li{ position:relative; margin:12px 0; padding-left:32px; line-height:1.55; }
.hn-li strong{ font-weight:700; }

/* icon đầu dòng */
.hn-li::before{ position:absolute; left:0; top:2px; font-size:18px; }
.hn-li.good::before{ content:"🌸"; }     /* cơ hội */
.hn-li.ring::before{ content:"💍"; }     /* cưới hỏi */
.hn-li.warn::before{ content:"⚠️"; }     /* trắc trở */
.hn-li.love::before{ content:"❤️"; }     /* tình cảm mạnh */

/* tiểu mục “Các sao theo cung” */
.hn-sub{
  margin:8px 0 0 32px;
  padding:10px 12px;
  border:1px dashed #94A3B8;          /* slate-400 */
  border-radius:10px;
  background:#F8FAFC;                  /* slate-50 */
  font-size:14px;
}
.hn-sub-title{ font-weight:700; margin:0 0 6px; }
.hn-sub-ul{ list-style:none; margin:0; padding:0; }
.hn-sub-ul li{ position:relative; padding-left:16px; margin:6px 0; }
.hn-sub-ul li::before{ content:"○"; position:absolute; left:0; color:#64748b; }

/* in ấn */
@media print{
  .hn-card{ box-shadow:none; background:#fff; }
}