/* =====================================================================
   HotLikeShop — HOME MODERN REFRESH 2026
   Chỉ hiện đại hoá TRANG CHỦ sau login (bo góc / đổ bóng / nút / hover).
   GIỮ NGUYÊN MÀU SẮC brand (đỏ #eb0808 + xanh). Không đổi HTML/JS.
   Link trong layouts/app.blade.php (chỉ khi $home). Bump ?v= khi sửa.
   ===================================================================== */
:root{
  --hl-blue:#0d6efd; --hl-blue-d:#0b5ed7; --hl-ink:#1e40af; --hl-red:#eb0808;
  --hl-radius:18px; --hl-radius-sm:12px;
  --hl-shadow:0 14px 36px -16px rgba(16,42,90,.28);
  --hl-shadow-sm:0 6px 18px -10px rgba(16,42,90,.18);
  --hl-shadow-hover:0 26px 50px -20px rgba(16,42,90,.40);
  --hl-line:#e9eef6;
}

/* ---------- Card chung: bo góc + đổ bóng mềm ---------- */
.hero-section .card,
.category-card,
.recent-orders-card,
.category-group-wrapper{
  border-radius:var(--hl-radius)!important;
  box-shadow:var(--hl-shadow)!important;
  border:1px solid var(--hl-line)!important;
  transition:transform .25s ease, box-shadow .25s ease;
}
.category-card{overflow:hidden}
.category-card:hover{transform:translateY(-5px);box-shadow:var(--hl-shadow-hover)!important}

/* ---------- HERO ---------- */
.hero-section .card{
  background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%)!important;
  position:relative;overflow:hidden;
}
.hero-section .card::before{
  content:"";position:absolute;top:-90px;right:-70px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(13,110,253,.12),transparent 70%);pointer-events:none;
}
.hero-section .card::after{
  content:"";position:absolute;bottom:-120px;left:-90px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(235,8,8,.08),transparent 70%);pointer-events:none;
}
.hero-section h1{letter-spacing:-.5px;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.hero-section h1 .fa-store{color:var(--hl-blue-d)}

/* search bar nổi khối */
.search-form .input-group{
  border-radius:50px!important;background:#fff!important;
  box-shadow:var(--hl-shadow-sm), inset 0 0 0 1px var(--hl-line)!important;
  transition:box-shadow .2s ease;
}
.search-form .input-group:focus-within{box-shadow:0 0 0 4px rgba(13,110,253,.12), var(--hl-shadow-sm)!important}
.search-form .btn-primary{
  border-radius:0 50px 50px 0!important;
  background:linear-gradient(135deg,var(--hl-blue),var(--hl-blue-d))!important;border:0!important;font-weight:700;
}

/* quick stats -> chip */
.hero-section .row.g-3.mt-3 .text-center{
  background:#fff;border:1px solid var(--hl-line);border-radius:50px;padding:8px 6px;
  box-shadow:var(--hl-shadow-sm);font-weight:600;
}

/* nút Nạp tiền nổi */
.hero-section a.btn[href*="deposit"],
.hero-section a.btn[style*="#0069d9"]{
  border-radius:50px!important;background:linear-gradient(135deg,#0a84ff,#0069d9)!important;
  box-shadow:0 12px 26px -10px rgba(0,105,217,.75)!important;
  transition:transform .2s ease, box-shadow .2s ease;
}
.hero-section a.btn[href*="deposit"]:hover{transform:translateY(-2px);box-shadow:0 18px 34px -10px rgba(0,105,217,.9)!important}

/* ---------- ACCORDION TÀI NGUYÊN ---------- */
.category-group-wrapper{padding:1.25rem 1.25rem .75rem!important;margin-top:1rem}
.category-parent-box{border-radius:var(--hl-radius-sm)!important;border-color:var(--hl-line)!important;transition:box-shadow .2s ease}
.category-parent-box.active{box-shadow:var(--hl-shadow-sm)}
.parent-title{border-radius:var(--hl-radius-sm)}
.child-item{border-radius:8px!important;transition:all .18s ease}

/* ---------- CATEGORY CARD HEADER ---------- */
.category-card .card-header{
  background:linear-gradient(135deg,#f6faff,#ecf3ff)!important;
  border-bottom:1px solid var(--hl-line)!important;padding:1rem 1.25rem!important;
}
.category-card .card-header img{border-radius:12px}
.category-card .card-header .p-3.bg-white{box-shadow:var(--hl-shadow-sm)!important;border-radius:14px!important}
.category-card .btn-outline-primary{border-radius:50px!important;font-weight:600;border-width:1.5px}
.category-card .btn-outline-primary:hover{box-shadow:0 8px 18px -8px rgba(13,110,253,.55)}

/* ---------- BẢNG SẢN PHẨM ---------- */
.category-card .table>thead.table-light th{
  background:#fbfcfe!important;text-transform:uppercase;font-size:11.5px;letter-spacing:.4px;color:#64748b!important;padding:.85rem 1rem;
}
.category-card .table td{vertical-align:middle;border-color:var(--hl-line)!important}
.product-row{transition:background .15s ease, box-shadow .15s ease}
.product-row:hover{background:rgba(13,110,253,.05)!important;box-shadow:inset 3px 0 0 var(--hl-blue)}
.badge-new{box-shadow:0 4px 10px -4px rgba(255,107,107,.85)}
.category-card .badge.rounded-pill{font-weight:600;font-size:12px}

/* nút Xem / Mua */
.category-card .btn-group .btn{border-radius:9px}
.category-card .btn-group .btn-primary{background:linear-gradient(135deg,var(--hl-blue),var(--hl-blue-d));border:0;font-weight:600}
.category-card .btn-group .btn-primary:hover{box-shadow:0 8px 18px -8px rgba(13,110,253,.7)}
.category-card .btn-group .btn-outline-primary{font-weight:600}

/* ---------- LOAD MORE ---------- */
.load-more-btn{
  border:1px dashed #cdd7e6!important;border-radius:0 0 var(--hl-radius) var(--hl-radius)!important;
  background:linear-gradient(180deg,#fbfcfe,#f3f6fb)!important;color:#475569!important;letter-spacing:.2px;
}
.load-more-btn:hover{background:#eef3fb!important;border-color:var(--hl-blue)!important;color:var(--hl-blue-d)!important}

/* ---------- RECENT ORDERS ---------- */
.recent-orders-card .card-header{border-radius:var(--hl-radius) var(--hl-radius) 0 0}

/* ---------- MOBILE polish ---------- */
@media (max-width:768px){
  .hero-section .card{border-radius:14px!important}
  .hero-section h1{font-size:26px!important}
  .category-card .card-header{padding:.85rem 1rem!important}
  .category-card .card-header h5{font-size:20px!important}
  .category-card:hover{transform:none}
}