/* ================================
   LICH AM REVIEW NHA PHO – UI FINAL
   ================================ */

/* wrapper ngoài – KHÔNG phá nền web */
.lrn-holder{
  background:transparent;
  padding:10px 0;
}

/* khung lịch chính */
.lrn-wrap{
  max-width:420px;
  margin:auto;
  background:#0e0e0e;
  color:#ffffff;
  border:2px solid #d4af37; /* vàng */
  border-radius:10px;
  font-family:Arial, Helvetica, sans-serif;
  box-shadow:0 8px 28px rgba(0,0,0,.55);
}

/* ================= HEADER ================= */
.lrn-header{
  text-align:center;
  padding:14px 10px;
  border-bottom:1px solid #333;
  background:linear-gradient(180deg,#111,#0b0b0b);
}

.lrn-time{
  font-size:34px;
  font-weight:bold;
  color:#ffd700; /* gold */
  letter-spacing:2px;
}

.lrn-date{
  margin-top:4px;
  font-size:14px;
  color:#e0e0e0;
}

.lrn-date em{
  font-style:italic;
  font-weight:bold;
}

/* ================= BODY ================= */
.lrn-body{
  padding:12px;
}

/* block chung */
.lrn-block{
  margin-bottom:10px;
}

.lrn-title{
  font-size:13px;
  font-weight:bold;
  color:#00c853; /* xanh */
  margin-bottom:4px;
  text-transform:uppercase;
}

.lrn-text{
  font-size:13px;
  line-height:1.55;
  color:#f1f1f1;
}

.lrn-text strong{
  color:#ffd700;
}

/* ================= NÊN / KHÔNG ================= */
.lrn-columns{
  display:flex;
  gap:8px;
  margin-top:10px;
}

.lrn-col{
  flex:1;
  padding:8px;
  border-radius:6px;
  font-size:12px;
  line-height:1.5;
}

.lrn-col.good{
  background:#102418;
  border:1px solid #00c853;
}

.lrn-col.bad{
  background:#2a1212;
  border:1px solid #ff5252;
}

/* ================= QUOTE ================= */
.lrn-quote{
  margin-top:12px;
  padding-top:8px;
  font-size:12px;
  font-style:italic;
  color:#ffd700;
  text-align:center;
  border-top:1px dashed #444;
}

/* ================= MOBILE ================= */
@media(max-width:480px){
  .lrn-wrap{
    max-width:100%;
  }
  .lrn-time{
    font-size:28px;
  }
}

/* =====================================
   LICH AM NHA PHO – THEME SÁNG CAO CẤP
   KHÔNG ẢNH HƯỞNG NỀN WEB CHÍNH
===================================== */

.lich-am-nha-pho .lrn-wrap{
  background:#f4f5f7;
  color:#1f2937;
  border:2px solid #d4af37;
}

/* HEADER */
.lich-am-nha-pho .lrn-header{
  background:linear-gradient(180deg,#ffffff,#f1f1f1);
  border-bottom:1px solid #e5e7eb;
}

.lich-am-nha-pho .lrn-time{
  color:#92400e; /* vàng nâu sang */
}

.lich-am-nha-pho .lrn-date{
  color:#374151;
}

/* TEXT CHUNG */
.lich-am-nha-pho .lrn-text,
.lich-am-nha-pho .lrn-row,
.lich-am-nha-pho .lrn-small{
  color:#1f2937;
}

/* TITLE */
.lich-am-nha-pho .lrn-title{
  color:#065f46;
  font-weight:bold;
}

/* STRONG */
.lich-am-nha-pho strong{
  color:#92400e;
}

/* NÊN / KHÔNG NÊN */
.lich-am-nha-pho .lrn-col.good{
  background:#ecfdf5;
  border:1px solid #15803d;
  color:#065f46;
}

.lich-am-nha-pho .lrn-col.bad{
  background:#fef2f2;
  border:1px solid #b91c1c;
  color:#7f1d1d;
}

/* QUOTE */
.lich-am-nha-pho .lrn-quote{
  color:#92400e;
  border-top:1px dashed #d1d5db;
}

/* ICON & EM */
.lich-am-nha-pho em{
  font-style:italic;
  color:#374151;
}