/* =========================================================
   SIDEBAR PRO V121 - Gọn sang + giữ sticky
   - Sidebar nhẹ hơn, ít rối hơn, không thanh cuộn riêng.
   - Giữ sticky trên desktop, tắt sticky trên mobile.
   - Rút gọn Lịch phụng vụ để cột nội dung chính nổi bật hơn.
   ========================================================= */
:root{
  --lx-v121-sidebar-top: 86px;
  --lx-v121-sidebar-width: 300px;
  --lx-v121-sidebar-gap: 22px;
  --lx-v121-card-radius: 17px;
  --lx-v121-card-border: #e5edf4;
  --lx-v121-card-shadow: 0 12px 28px rgba(15,23,42,.065);
  --lx-v121-head-bg: linear-gradient(135deg,#c99616 0%,#e5bf48 100%);
  --lx-v121-head-text: #ffffff;
  --lx-v121-ink: #17324d;
  --lx-v121-muted: #66788a;
  --lx-v121-soft: #f8fbfd;
  --lx-v121-blue: #0ea5e9;
  --lx-v121-gold: #d5a51d;
}

html body .lx-home,
html body .lx-home > .container,
html body .lx-home-split-new,
html body .lx-home-left-new,
html body .lx-home-right-new,
html body #sidebar-pro{
  box-sizing:border-box!important;
}

html body .lx-home,
html body .lx-home > .container,
html body .lx-home-split-new{
  overflow:visible!important;
}

html body .lx-home-split-new{
  align-items:start!important;
}

html body .lx-home-left-new{
  min-width:0!important;
  gap:20px!important;
}

html body .lx-home-left-new .card,
html body .lx-home-left-new .lx-module,
html body .lx-home-left-new .lx-v29-slider,
html body .lx-home-left-new .lx-v29-latest{
  border-radius:17px!important;
  box-shadow:0 14px 30px rgba(15,23,42,.075)!important;
}

html body .lx-home-right-new,
html body .lx-home-right-new.lx-sidebar-pro,
html body #sidebar-pro{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:12px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  padding-right:0!important;
  transform:none!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}

html body .lx-home-right-new::-webkit-scrollbar,
html body #sidebar-pro::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

html body #sidebar-pro > *,
html body .lx-home-right-new > *{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
}

@media (min-width:1240px){
  :root{ --lx-v121-sidebar-width:300px; --lx-v121-sidebar-gap:22px; }
  html body .lx-home-split-new{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--lx-v121-sidebar-width)!important;
    gap:var(--lx-v121-sidebar-gap)!important;
  }
  html body .lx-home-right-new,
  html body .lx-home-right-new.lx-sidebar-pro,
  html body #sidebar-pro{
    width:var(--lx-v121-sidebar-width)!important;
    min-width:var(--lx-v121-sidebar-width)!important;
    max-width:var(--lx-v121-sidebar-width)!important;
    justify-self:end!important;
    align-self:start!important;
  }
}

@media (min-width:1100px) and (max-width:1239px){
  :root{ --lx-v121-sidebar-width:280px; --lx-v121-sidebar-gap:16px; }
  html body .lx-home-split-new{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--lx-v121-sidebar-width)!important;
    gap:var(--lx-v121-sidebar-gap)!important;
  }
  html body .lx-home-right-new,
  html body .lx-home-right-new.lx-sidebar-pro,
  html body #sidebar-pro{
    width:var(--lx-v121-sidebar-width)!important;
    min-width:var(--lx-v121-sidebar-width)!important;
    max-width:var(--lx-v121-sidebar-width)!important;
    justify-self:end!important;
    align-self:start!important;
  }
}

@media (min-width:1100px){
  html body.lx-v121-sidebar-ready #sidebar-pro,
  html body.lx-v121-sidebar-ready .lx-home-right-new.lx-sidebar-pro,
  html body #sidebar-pro.lx-v121-force-sticky,
  html body .lx-home-right-new.lx-sidebar-pro.lx-v121-force-sticky{
    position:sticky!important;
    top:var(--lx-v121-sidebar-top)!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:30!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    padding-right:0!important;
    overscroll-behavior:auto!important;
    transform:none!important;
    will-change:top;
  }
}

@media (max-width:1099px){
  html body .lx-home-split-new{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  html body .lx-home-right-new,
  html body .lx-home-right-new.lx-sidebar-pro,
  html body #sidebar-pro{
    position:static!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    padding-right:0!important;
  }
}

/* Chặn các sticky cũ kiểu fixed/scroll riêng quay lại */
html body .lx-v101-fixed,
html body .lx-v101-stopped,
html body .lx-v101-static,
html body .lx-v102-sticky-target,
html body .lx-v103-sticky-target,
html body .lx-v104-sticky-target{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  max-height:none!important;
  overflow:visible!important;
  transform:none!important;
}

/* Card sidebar: nhẹ, đều, sang hơn */
html body #sidebar-pro > [data-sidebar-section],
html body #sidebar-pro .lx-side-stack-item{
  position:relative!important;
  overflow:hidden!important;
  border-radius:var(--lx-v121-card-radius)!important;
  border:1px solid var(--lx-v121-card-border)!important;
  box-shadow:var(--lx-v121-card-shadow)!important;
  background:#fff!important;
  outline:none!important;
}

html body #sidebar-pro > [data-sidebar-section]::before,
html body #sidebar-pro .lx-side-stack-item::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:2px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(213,165,29,.82),rgba(255,255,255,.15))!important;
  opacity:.8!important;
  pointer-events:none!important;
}

html body #sidebar-pro .lx-section-head{
  min-height:0!important;
  padding:10px 13px!important;
  border-radius:0!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  background:var(--lx-v121-head-bg)!important;
  color:var(--lx-v121-head-text)!important;
  box-shadow:none!important;
}

html body #sidebar-pro .lx-section-head span{
  min-width:0!important;
}

/* Nút sửa/kéo trong admin không làm bể layout */
html body #sidebar-pro .homepage-block-edit,
html body #sidebar-pro .lx-drag-handle{
  z-index:5!important;
}

/* Nội dung chung trong sidebar */
html body #sidebar-pro .lx-prayer-box__body,
html body #sidebar-pro .lx-links-logos,
html body #sidebar-pro .lx-music-feature,
html body #sidebar-pro .lx-music-mini,
html body #sidebar-pro .lx-simple-links,
html body #sidebar-pro .audio-list--sidebar,
html body #sidebar-pro .lx-free-block__text{
  padding:12px!important;
}

html body #sidebar-pro a{
  text-decoration:none!important;
}

html body #sidebar-pro p,
html body #sidebar-pro li,
html body #sidebar-pro small{
  color:var(--lx-v121-muted)!important;
}

/* Nhạc / video nổi bật: giữ 1 hình chính + tối đa 2 mục phụ */
html body #sidebar-pro .lx-music-feature{
  display:block!important;
  color:var(--lx-v121-ink)!important;
}
html body #sidebar-pro .lx-music-feature__thumb{
  display:block!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:#eef3f8!important;
  margin-bottom:8px!important;
}
html body #sidebar-pro .lx-music-feature__thumb img{
  width:100%!important;
  height:118px!important;
  object-fit:cover!important;
  display:block!important;
}
html body #sidebar-pro .lx-music-feature h4{
  margin:0!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:850!important;
  color:var(--lx-v121-ink)!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
html body #sidebar-pro .lx-music-mini{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
  list-style:none!important;
}
html body #sidebar-pro .lx-music-mini li:nth-child(n+3){display:none!important;}
html body #sidebar-pro .lx-music-mini a{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
}
html body #sidebar-pro .lx-music-mini img{
  width:54px!important;
  height:40px!important;
  object-fit:cover!important;
  border-radius:9px!important;
}
html body #sidebar-pro .lx-music-mini span{
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:750!important;
  color:var(--lx-v121-ink)!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* Nếu đã có Nhạc Khiết Tâm thì ẩn Danh sách YouTube để cột phải không trùng và rối */
html body #sidebar-pro [data-sidebar-section="youtube"]{display:none!important;}

/* Lịch phụng vụ: biến thành card ngắn, sang, đọc nhanh */
html body #sidebar-pro .lx-liturgy-folder,
html body #sidebar-pro .lx-liturgy-folder .lx-liturgy-home__today,
html body #sidebar-pro .lx-liturgy-folder .lx-folder-item,
html body #sidebar-pro .lx-liturgy-folder .lx-folder-panel,
html body #sidebar-pro .lx-liturgy-folder .lx-folder-panel--today-theme{
  max-height:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  box-sizing:border-box!important;
}

html body #sidebar-pro .lx-liturgy-home__today{
  padding:10px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#ffffff 100%)!important;
  border:0!important;
  box-shadow:none!important;
}

html body #sidebar-pro .lx-liturgy-home__today > .lx-folder-item{
  margin:0 0 10px!important;
}
html body #sidebar-pro .lx-liturgy-home__today > .lx-folder-item:last-child{
  margin-bottom:0!important;
}

/* Chỉ giữ Hôm nay + Sứ điệp; ẩn Ý chính dài và Sắp tới trong sidebar */
html body #sidebar-pro .lx-liturgy-home__today > .lx-folder-item:nth-child(n+3){
  display:none!important;
}

html body #sidebar-pro .lx-folder-static-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:7px 9px!important;
  margin:0 0 7px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#f8fafc,#ffffff)!important;
  border:1px solid #e6edf3!important;
  box-shadow:none!important;
}
html body #sidebar-pro .lx-folder-static-head span{
  font-size:12px!important;
  font-weight:850!important;
  color:var(--lx-v121-ink)!important;
}
html body #sidebar-pro .lx-folder-static-head small{
  font-size:10.5px!important;
  font-weight:650!important;
  color:#7b8794!important;
}

html body #sidebar-pro .lx-liturgy-folder .lx-folder-panel{
  padding:10px!important;
  border-radius:14px!important;
  border:1px solid #e6edf3!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
html body #sidebar-pro .lx-liturgy-folder .lx-folder-panel::before{
  display:none!important;
}

/* Lốc lịch V114: rút gọn mạnh */
html body #sidebar-pro .lx-liturgy-app-v114{
  border-radius:15px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#ffffff,#f8fcff)!important;
  border:1px solid rgba(14,165,233,.13)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
  text-align:center!important;
}
html body #sidebar-pro .lx-liturgy-app-v114__month{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:92px!important;
  margin:8px auto 0!important;
  padding:5px 12px!important;
  border-radius:999px!important;
  background:#edf8ef!important;
  color:#16873a!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
html body #sidebar-pro .lx-liturgy-app-v114__day{
  margin:7px 0 5px!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:58px!important;
  line-height:.88!important;
  font-weight:500!important;
  color:#16873a!important;
  text-shadow:none!important;
}
html body #sidebar-pro .lx-liturgy-app-v114__quote{
  max-width:230px!important;
  margin:0 auto 8px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:#eefaff!important;
  border:1px solid rgba(14,165,233,.18)!important;
  color:#0f87b7!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:800!important;
  font-style:italic!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
html body #sidebar-pro .lx-liturgy-app-v114__saint{
  margin:0 auto 7px!important;
  max-width:230px!important;
  color:#d74949!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:850!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
html body #sidebar-pro .lx-liturgy-app-v114__title{
  margin:0 auto 9px!important;
  max-width:238px!important;
  color:#16873a!important;
  font-size:13px!important;
  line-height:1.32!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
html body #sidebar-pro .lx-liturgy-app-v114__bottom{
  display:none!important;
}
html body #sidebar-pro .lx-liturgy-app-v114__cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto 10px!important;
  padding:8px 12px!important;
  min-height:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#27b5eb,#0899d5)!important;
  color:#ffffff!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
  box-shadow:0 8px 18px rgba(8,153,213,.16)!important;
}

/* Sứ điệp Tin Mừng: chỉ hiển thị ngắn, không kéo dài sidebar */
html body #sidebar-pro .lx-liturgy-folder .lx-folder-panel p,
html body #sidebar-pro .lx-liturgy-folder .lx-folder-panel .quote,
html body #sidebar-pro .lx-liturgy-folder .lx-expandable-text{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#37556b!important;
  font-size:12.5px!important;
  line-height:1.62!important;
  font-weight:650!important;
  font-style:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:4!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  max-height:82px!important;
  text-overflow:ellipsis!important;
}

/* Cầu nguyện: gọn còn 5 dòng */
html body #sidebar-pro .lx-prayer-box__body{
  background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
}
html body #sidebar-pro .lx-prayer-chip{
  display:inline-flex!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:#fff7e0!important;
  border:1px solid #f1d486!important;
  color:#8a6410!important;
  font-size:11px!important;
  font-weight:850!important;
}
html body #sidebar-pro .lx-prayer-box__body h3{
  margin:8px 0 6px!important;
  color:var(--lx-v121-ink)!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:900!important;
}
html body #sidebar-pro .lx-prayer-box__body p{
  margin:0!important;
  color:#486174!important;
  font-size:12.5px!important;
  line-height:1.65!important;
  display:-webkit-box!important;
  -webkit-line-clamp:5!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* Liên kết: sạch hơn, chỉ hiện tối đa 4 mục để sidebar nhẹ */
html body #sidebar-pro .lx-links-logos{
  display:grid!important;
  gap:8px!important;
}
html body #sidebar-pro .lx-links-logos a{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  border:1px solid #e6edf3!important;
  background:#ffffff!important;
  color:var(--lx-v121-ink)!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
}
html body #sidebar-pro .lx-links-logos a:nth-child(n+5){display:none!important;}
html body #sidebar-pro .lx-link-logo img{
  width:24px!important;
  height:24px!important;
  object-fit:contain!important;
}

/* Danh sách thường trong sidebar: gọn và ít dòng */
html body #sidebar-pro .lx-simple-links{
  margin:0!important;
  list-style:none!important;
}
html body #sidebar-pro .lx-simple-links li{
  padding:7px 0!important;
  border-bottom:1px solid #eef3f7!important;
  font-size:12px!important;
  line-height:1.4!important;
}
html body #sidebar-pro .lx-simple-links li:nth-child(n+5){display:none!important;}
html body #sidebar-pro .lx-simple-links a{
  color:var(--lx-v121-ink)!important;
  font-weight:750!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

html body #sidebar-pro .sidebar-readmore{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 12px 12px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#f3f7fb!important;
  color:#27617f!important;
  font-size:12px!important;
  font-weight:850!important;
  border:1px solid #e0e8ef!important;
  box-shadow:none!important;
}

@media (max-width:640px){
  html body #sidebar-pro .lx-music-feature__thumb img{height:150px!important;}
  html body #sidebar-pro .lx-liturgy-app-v114__day{font-size:64px!important;}
}