/* ── Blog / Tin-tức shared styles ──────────────────────────────────────
   Used by: tin-tuc.htm, tin-tuc-category.htm, tin-tuc-detail.htm
   Loaded globally via partials/header.htm when those pages are active.
   All classes are namespaced .gc-* to avoid Bootstrap conflicts.
   ──────────────────────────────────────────────────────────────────── */

/* ── Hot News Box (.gc-hot-*) ──
   Rendered by partials/post/hot-news.htm on all three blog pages.  */
.gc-hot-block{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(71,17,141,.12);border:1.5px solid #EDE5FF;}
.gc-hot-head{padding:14px 18px 12px;background:linear-gradient(135deg,#47118D 0%,#2D0A5C 100%);position:relative;overflow:hidden;}
.gc-hot-head::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 120px 80px at 90% 50%,rgba(254,190,0,.18) 0%,transparent 70%);pointer-events:none;}
.gc-hot-head-row{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;}
.gc-hot-badge{display:inline-flex;align-items:center;gap:5px;background:#FEBE00;color:#2D0A5C;font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;padding:3px 10px 3px 8px;border-radius:20px;line-height:1;}
.gc-hot-badge-dot{width:7px;height:7px;border-radius:50%;background:#2D0A5C;animation:gc-hot-pulse 1.4s ease-in-out infinite;}
@keyframes gc-hot-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.7);}}
.gc-hot-head h3{font-size:13px;font-weight:800;color:#fff;margin:0;letter-spacing:.3px;}
.gc-hot-head p{font-size:10px;color:rgba(255,255,255,.55);margin:4px 0 0;position:relative;z-index:1;}
.gc-hot-list{padding:6px 0 4px;}
.gc-hot-item{display:flex;align-items:flex-start;gap:10px;padding:9px 14px;border-bottom:1px solid #f5f3ff;transition:background .18s;text-decoration:none;color:inherit;}
.gc-hot-item:last-child{border-bottom:none;}
.gc-hot-item:hover{background:#f9f7ff;}
.gc-hot-num{flex-shrink:0;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;line-height:1;margin-top:1px;}
.gc-hot-num.top1{background:#FEBE00;color:#2D0A5C;}
.gc-hot-num.top2{background:#e5e7eb;color:#6b7280;}
.gc-hot-num.top3{background:#fde8cc;color:#CC9A00;}
.gc-hot-num.rest{background:#f3f4f6;color:#6b7280;}
.gc-hot-body{flex:1;min-width:0;}
.gc-hot-title{font-size:12px;font-weight:600;color:#1f1f2e;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 3px;}
.gc-hot-item:hover .gc-hot-title{color:#47118D;}
.gc-hot-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:#9ca3af;}
.gc-hot-cat{color:#47118D;font-weight:700;font-size:10px;}