/*
Theme Name: AsiaCeleb
Theme URI: https://asiaceleb.com
Author: AsiaCeleb
Description: Theme tin tuc Kbiz/Cbiz cho AsiaCeleb.com - phong cach Soft Pastel, than thien, toi uu SEO va toc do tai.
Version: 2.0.0
Text Domain: asiaceleb
*/

:root{
  --cream:#FFF9F4;
  --plum:#3E3142;
  --plum-soft:#8A7C8E;
  --pink:#F4A9BB;
  --pink-deep:#E8798F;
  --lavender:#CBB8E8;
  --lavender-deep:#A98EDB;
  --mint:#A7DDC9;
  --mint-deep:#5FB99A;
  --peach:#FFCFA0;
  --card:#FFFFFF;
  --line:#F1E4E8;
  /* giữ biến cũ để tương thích ngược với các PHP template */
  --paper:#FFF9F4;
  --ink:#3E3142;
  --ink-soft:#8A7C8E;
  --signal:#E8798F;
  --gold:#C97F35;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  background:var(--cream);
  color:var(--plum);
  font-family:'Nunito', sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-family:'Poppins', sans-serif;}
img{max-width:100%; height:auto; display:block;}
.wrap{max-width:1180px; margin:0 auto; padding:0 24px;}

/* ---------- HEADER ---------- */
header.site-header{background:var(--cream); position:sticky; top:0; z-index:50; padding-bottom:2px;}
.topbar{display:flex; align-items:center; justify-content:space-between; padding:22px 0 16px; position:relative;}
.logo{font-family:'Poppins', sans-serif; font-weight:700; font-size:26px;}
.logo span{color:var(--pink-deep);}
.logo a::before{content:'✿ '; color:var(--lavender-deep);}
nav.main-nav ul{display:flex; gap:8px; font-size:14px; font-weight:600; list-style:none;}
nav.main-nav a{padding:9px 16px; border-radius:20px; color:var(--plum-soft); transition:.15s; display:inline-block;}
nav.main-nav a:hover{background:var(--card); color:var(--plum);}
.menu-toggle{display:none; flex-direction:column; gap:4px; background:none; border:none; cursor:pointer;}
.menu-toggle span{width:22px; height:2px; border-radius:2px; background:var(--plum);}

/* ---------- TICKER / MOOD BAR ---------- */
.ticker-bar{overflow:hidden; padding:4px 0 18px;}
.ticker-track-wrap{display:flex; align-items:center;}
.ticker-label{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--pink); color:#fff; font-family:'Nunito', sans-serif;
  font-size:11px; letter-spacing:.5px; padding:8px 16px; font-weight:700;
  border-radius:999px; margin-right:10px; flex-shrink:0;
}
.ticker-track{
  display:inline-flex; gap:12px; animation:scroll-ticker 32s linear infinite;
  font-family:'Nunito', sans-serif; font-size:13px; white-space:nowrap;
}
.ticker-track:hover{animation-play-state:paused;}
.tick-item{display:inline-flex; align-items:center; gap:8px; background:var(--card); border:1px solid var(--line); border-radius:999px; padding:8px 16px; font-weight:600; box-shadow:0 2px 8px rgba(228,140,160,0.08); white-space:nowrap;}
.tick-item b{color:var(--plum); font-weight:600;}
@keyframes scroll-ticker{from{transform:translateX(0);} to{transform:translateX(-50%);}}

/* ---------- BREADCRUMB ---------- */
.breadcrumb{font-size:12px; color:var(--plum-soft); padding:14px 0 0; font-weight:600;}
.breadcrumb a:hover{color:var(--plum);}

/* ---------- HERO ---------- */
.hero{padding:16px 0 36px;}
.hero-grid{display:grid; grid-template-columns:1.5fr 1fr; gap:28px;}
.hero-grid > article{background:var(--card); border-radius:24px; padding:16px; box-shadow:0 8px 24px rgba(180,120,150,0.10);}
.hero-tag{display:inline-flex; align-items:center; gap:6px; background:var(--pink); color:#fff; font-size:12px; font-weight:700; padding:6px 14px; border-radius:999px; margin-bottom:14px;}
.hero-img{width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:18px; background:var(--line);}
.hero-title{font-size:28px; line-height:1.25; font-weight:700; margin:18px 0 10px; padding:0 6px;}
.hero-excerpt{color:var(--plum-soft); font-size:14.5px; line-height:1.6; padding:0 6px; margin-bottom:14px;}
.article-meta-row{display:flex; align-items:center; justify-content:space-between; padding:0 6px; margin-top:10px;}
.byline{font-size:12px; color:var(--plum-soft); font-weight:600;}
.share-icons{display:flex; gap:8px;}
.share-icons span{width:28px; height:28px; border-radius:50%; background:var(--cream); display:flex; align-items:center; justify-content:center; font-size:12px; color:var(--plum-soft);}

.hero-sub-list{display:flex; flex-direction:column; gap:14px;}
.sub-story{display:flex; gap:14px; align-items:center; background:var(--card); border-radius:18px; padding:10px; box-shadow:0 4px 14px rgba(180,120,150,0.08);}
.sub-story img{width:78px; height:78px; object-fit:cover; border-radius:14px; flex-shrink:0; background:var(--line);}
.sub-story h4{font-size:14px; line-height:1.35; font-weight:600; margin-bottom:6px;}
.cat{font-size:10.5px; font-weight:700; padding:3px 10px; border-radius:999px; display:inline-block; margin-bottom:5px;}
.cat-kbiz{background:#EDE3FA; color:var(--lavender-deep);}
.cat-cbiz{background:#FFE8D2; color:#C97F35;}
.cat-hot{background:#FDE1E6; color:var(--pink-deep);}

/* ---------- MAIN GRID ---------- */
.main-grid{display:grid; grid-template-columns:2fr 1fr; gap:36px; padding:10px 0 40px; align-items:start;}
.section-head{display:flex; align-items:center; gap:10px; margin-bottom:20px;}
.section-head h2{font-size:19px; font-weight:700;}
.section-head::before{content:''; width:8px; height:8px; border-radius:50%; background:var(--pink-deep); display:inline-block;}
.section-head a{margin-left:auto; font-size:12.5px; font-weight:700; color:var(--pink-deep);}

.card-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.card{background:var(--card); border-radius:20px; padding:14px; box-shadow:0 6px 18px rgba(180,120,150,0.08);}
.card img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:14px; margin-bottom:12px; background:var(--line);}
.card h3{font-size:15px; line-height:1.35; font-weight:700; margin-bottom:6px;}
.card p{font-size:12.5px; color:var(--plum-soft); line-height:1.5;}

/* ---------- SIDEBAR ---------- */
.side-panel{background:var(--card); border-radius:20px; padding:20px; box-shadow:0 6px 18px rgba(180,120,150,0.08); margin-bottom:18px;}
.rank-item, .most-read-item{display:flex; gap:12px; align-items:center; padding:11px 0; border-bottom:1px dashed var(--line);}
.rank-item:last-child, .most-read-item:last-child{border-bottom:none;}
.rank-num{font-family:'Poppins', sans-serif; font-size:14px; font-weight:700; width:28px; height:28px; border-radius:50%; background:var(--cream); color:var(--pink-deep); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.rank-item.top .rank-num{background:var(--pink); color:#fff;}
.rank-item h5, .most-read-item h5{font-size:13px; font-weight:700; line-height:1.35; margin-bottom:2px;}
.rank-meta{font-size:11px; color:var(--plum-soft);}

.widget-tabs{display:flex; gap:6px; margin-bottom:14px;}
.tab-btn{font-size:12px; font-weight:700; padding:7px 14px; border:none; background:var(--cream); cursor:pointer; color:var(--plum-soft); border-radius:999px;}
.tab-btn.active{background:var(--lavender); color:#fff;}

.newsletter-box{background:linear-gradient(135deg, var(--pink), var(--lavender)); color:#fff; border-radius:20px; padding:24px; margin-top:4px;}
.newsletter-box h3{font-size:17px; margin-bottom:6px;}
.newsletter-box p{font-size:12.5px; opacity:.92; margin-bottom:14px; line-height:1.5;}
.newsletter-form{display:flex; gap:6px;}
.newsletter-form input{flex:1; padding:10px 12px; border:none; border-radius:12px; font-size:12.5px; font-family:'Nunito';}
.newsletter-form button{background:var(--plum); color:#fff; border:none; padding:10px 16px; border-radius:12px; font-size:12.5px; font-weight:700; cursor:pointer; white-space:nowrap;}

.tag-cloud{display:flex; flex-wrap:wrap; gap:8px; margin-top:22px;}
.tag-pill{font-size:12px; font-weight:600; padding:7px 14px; background:var(--card); border-radius:999px; color:var(--plum-soft); box-shadow:0 2px 6px rgba(180,120,150,0.08);}
.tag-pill:hover{color:var(--pink-deep);}

.pagination{display:flex; justify-content:center; gap:8px; margin-top:26px;}
.pagination a, .pagination span{min-width:36px; height:36px; padding:0 10px; display:flex; align-items:center; justify-content:center; background:var(--card); border-radius:999px; font-size:13px; font-weight:700; color:var(--plum-soft); box-shadow:0 2px 6px rgba(180,120,150,0.08);}
.pagination .current{background:var(--pink); color:#fff;}

/* ---------- SINGLE POST ---------- */
.single-article{padding:40px 0; max-width:820px; margin:0 auto;}
.single-article h1{font-size:30px; line-height:1.25; margin:14px 0; font-weight:700;}
.single-article .entry-content{font-size:16px; line-height:1.75; margin-top:20px;}
.single-article .entry-content p{margin-bottom:1.2em;}
.single-article .featured-img{width:100%; border-radius:18px; margin:20px 0;}
.related-posts{margin-top:50px; padding-top:30px; border-top:1px dashed var(--line);}

/* ---------- FOOTER ---------- */
footer.site-footer{padding:36px 0 30px; margin-top:10px;}
.footer-links{display:flex; gap:20px; font-size:12.5px; font-weight:600; color:var(--plum-soft); margin-bottom:16px; flex-wrap:wrap; list-style:none;}
.footer-row{display:flex; justify-content:space-between; align-items:center; font-size:12.5px; color:var(--plum-soft); flex-wrap:wrap; gap:10px;}
.footer-row .logo{font-size:17px;}

@media (max-width:860px){
  nav.main-nav{display:none;}
  .menu-toggle{display:flex;}
  .hero-grid{grid-template-columns:1fr;}
  .main-grid{grid-template-columns:1fr;}
  .card-grid{grid-template-columns:1fr 1fr;}
  .hero-title{font-size:23px;}

  /* Mobile menu mở ra dạng dropdown toàn chiều rộng */
  nav.main-nav.nav-open{
    display:block;
    position:absolute;
    top:100%; left:0; right:0;
    background:var(--card);
    box-shadow:0 12px 24px rgba(180,120,150,0.15);
    padding:12px 16px 18px;
    border-radius:0 0 20px 20px;
    z-index:60;
  }
  nav.main-nav.nav-open ul{flex-direction:column; gap:2px;}
  nav.main-nav.nav-open a{display:block; padding:12px 14px; border-radius:14px;}
  .menu-toggle.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  .menu-toggle.is-active span:nth-child(2){opacity:0;}
  .menu-toggle.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
  .menu-toggle span{transition:.2s;}
}
add_filter('use_block_editor_for_post', '__return_false', 10);