/* QHTN V42.65 | ONLY small-radius public UI + restore original right-side mobile drawer.
   KEEP V42.64 layout, scripts, banners, articles and desktop navigation unchanged. */
/* --------------------------------------------------------------------------
   QHTN V42.61 — CHỈ TINH CHỈNH ĐỘ BO GÓC THEO ẢNH MẪU TINHTE
   Bản gốc 42.60 không thay đổi nội dung/font/bố cục rộng/hình ảnh/JS/API.
   Panel 10px, ảnh 7–9px, nút 7–8px; avatar/logo tròn & nút play giữ nguyên.
   -------------------------------------------------------------------------- */
:root { --radius:10px; }
/* Nội dung: cạnh vẫn thẳng gọn, chỉ tròn nhẹ ở bốn góc. */
body .panel,body .qhtn-home-v4238 .panel,body .home-layout .panel,
body .forum-layout .panel,body .qhtn-home-v4238 .hero,
body .hero,body .hero-v11,
body :is(.home-forum-item,.home-news-item,.home-area-list a,.home-photo,.home-event,.home-event-placeholder,.home-side .facebook-card,.mountain-promo,.ad-slot,.home-ad,.widget-photo-chips a,.widget-category-shortcuts a),
body :is(.qhtn-editorial-lead,.qhtn-editorial-list-item,.qhtn-editorial-list-empty,.qhtn-forum-feature-card,.qhtn-video-main,.qhtn-video-playlist-card,.qhtn-video-thumb,.qhtn-home-essentials a),
body :is(.qhtn-discover-card,.qhtn-home-v4238 .qhtn-discover-card,.qhtn-discover-lead span,.qhtn-discover-actions a,.qhtn-home-v4238 .qhtn-discover-actions a),
body :is(.card,.intro,.article,.page,.tile-nav a,.cover,.back,.q40-gallery-card,.q40-gallery-box,.qhtn-history-outer),
body :is(.q40-video-stage,.q40-playbox,.q40-video-item,.q40-video-thumb,.q40-empty,.q40-gallery-card,.q40-gallery-box){
  border-radius:10px!important;
}
/* Bài đọc & ảnh lớn hơi mềm hơn, đúng phong cách góc bo nhẹ. */
body :is(.article,.intro,.page,.qhtn-editorial-lead,.qhtn-video-main){border-radius:12px!important}
/* Ưu tiên nhẹ hơn các selector :is() cũ có phần tử con trong V42.60. */
body :is(.article.article,.intro.intro,.page.page,.qhtn-editorial-lead.qhtn-editorial-lead,.qhtn-video-main.qhtn-video-main){border-radius:12px!important}
body .qhtn-home-v4238 .home-forum-item,body .forum-layout .home-forum-item{border-radius:9px!important}
body :is(.qhtn-editorial-list-item img,.news-page-item img,.article figure img,.mini-photo img,.card-news img,.ad-visual img,.qhtn-editorial-photo img,.qhtn-video-playlist-card img,.q40-video-item img),
body .qhtn-home-v4238 .qhtn-discover-card img,
body .qhtn-home-v4238 .home-news-item img{
  border-radius:8px!important;
}
/* Nút & điều khiển: không quay về kiểu viên thuốc bo tròn quá lớn. */
body .btn,body .btn-small,body .header-actions .btn,
body .mobile-menu-btn,body .mobile-search-toggle,
body .mobile-drawer-actions a,body .mobile-drawer-actions button,
body .page-actions button,body .q42-page-button,
body .qhtn-home-v4238 .qhtn-home-page-btn,
body :is(.q40-pager button,.q40-actions button){
  border-radius:8px!important;
}
body .nav-link,body .mainnav .nav-link,body .mainnav.open .nav-link{border-radius:7px!important}
body .nav-icon-box{border-radius:8px!important}
body :is(input.field,textarea.field,select.field,.select,.filterbar button,.search){border-radius:10px!important}
body .header-search input{border-radius:20px!important}
body .pill,body .chip{border-radius:12px!important}
body .chip.chip{border-radius:12px!important}
body .filterbar button{border-radius:10px!important}
/* Không chỉnh avatar, biểu tượng nhận diện, nút play tròn hoặc banner ảnh gốc. */

/* Complete the restored subtle corners across new 42.62 panels and 42.64 page elements. */
body :is(.qhtn-portal-widget,.qhtn-portal-cat,.qhtn-portal-video-thumb,.qhtn-portal-initial-panel,
         .qhtn-portal-home .qhtn-discover-card,.qhtn-portal-home .qhtn-discover-card img,
         .qhtn-portal-home .qhtn-editorial-lead,.qhtn-portal-home .qhtn-editorial-photo img,
         .qhtn-portal-home .qhtn-editorial-list-item,.qhtn-portal-home .qhtn-editorial-list-item img,
         .qhtn-portal-home .qhtn-portal-cat img){border-radius:9px!important}
body .qhtn-portal-home .qhtn-discover-card img{border-radius:8px 8px 0 0!important}
body .qhtn-portal-home .qhtn-editorial-photo img{border-radius:10px!important}
body .qhtn-portal-home .qhtn-discover-card{overflow:hidden!important}
body :is(.header-search,.header-search input,.header.qhtn-banner-header .header-search input,
         .header.qhtn-banner-header .header-actions,.header.qhtn-banner-header .header-actions>.btn,
         .qhtn-portal-search.header-search,.qhtn-portal-login,
         .btn-light,.btn-primary,.qhtn-portal-mobile-search,.qhtn-portal-mobile-menu){border-radius:10px!important}
body :is(.qhtn-portal-home .qhtn-home-page-btn,.qhtn-portal-home .qhtn-portal-cat,
         .qhtn-portal-video-card,.qhtn-portal-brief img,.qhtn-home-v4238 .qhtn-discover-card,
         .qhtn-home-v4238 .qhtn-discover-card img){border-radius:8px!important}
body .qhtn-portal-home .qhtn-discover-card img{border-radius:8px 8px 0 0!important}
/* Retain native round shape of logo/avatar/play, no broad img selector. */

@media (max-width:760px){
  /* Header: original white logo bar + photo banner; two buttons on the right above the banner. */
  body .header.qhtn-banner-header .header-inner,
  body .header.qhtn-banner-header .header-inner.search-open{
    position:relative!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:72px auto!important;
    grid-template-areas:'brand actions' 'search search'!important;
    height:auto!important;min-height:calc(46vw + 72px)!important;
    padding:0 0 5px!important;
    align-items:start!important;align-content:start!important;
    gap:0 4px!important;overflow:visible!important;
  }
  body .header.qhtn-banner-header .brand{
    grid-area:brand!important;position:relative!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    align-self:start!important;display:flex!important;align-items:center!important;
    padding:7px 2px!important;margin:0!important;height:72px!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  body .header.qhtn-banner-header .brand>*{visibility:visible!important}
  body .header.qhtn-banner-header .brand .brand-name{font-size:clamp(18px,5vw,24px)!important;line-height:1.17!important}
  body .header.qhtn-banner-header .brand .brand-sub{font-size:10px!important}
  body .header.qhtn-banner-header .header-actions,
  body .header.qhtn-banner-header .header-inner.search-open .header-actions{
    grid-area:actions!important;position:relative!important;top:auto!important;right:auto!important;
    left:auto!important;bottom:auto!important;z-index:11!important;
    height:auto!important;min-width:0!important;margin:13px 0 0!important;padding:4px!important;
    align-self:start!important;justify-self:end!important;display:flex!important;
    align-items:center!important;gap:4px!important;
    background:#fff!important;border:1px solid #d9e7f0!important;
    border-radius:12px!important;box-shadow:0 3px 12px #0d4c7019!important;
  }
  /* Hide desk auth buttons only on actual mobile; keep them inside the right drawer. */
  body .header.qhtn-banner-header .header-actions>.btn,
  body .header.qhtn-banner-header .header-actions>.account-header-link{display:none!important}
  body .header.qhtn-banner-header .header-actions>.mobile-search-toggle,
  body .header.qhtn-banner-header .header-actions>.mobile-menu-btn{
    display:inline-flex!important;visibility:visible!important;opacity:1!important;
    position:relative!important;align-items:center!important;justify-content:center!important;
    flex:0 0 37px!important;width:37px!important;height:38px!important;
    min-width:37px!important;min-height:38px!important;
    padding:7px!important;margin:0!important;pointer-events:auto!important;
    border-radius:9px!important;
  }
  body .header.qhtn-banner-header .header-actions>.mobile-menu-btn{
    color:#fff!important;background:#075b98!important;border-color:#075b98!important;
  }
  body .header.qhtn-banner-header .header-actions>.mobile-search-toggle{background:#f3f9fd!important;color:#095388!important}
  body .header.qhtn-banner-header .header-actions>.mobile-menu-btn .nav-svg,
  body .header.qhtn-banner-header .header-actions>.mobile-search-toggle .nav-svg{width:21px!important;height:21px!important}
  body .header.qhtn-banner-header .header-search{display:none!important}
  body .header.qhtn-banner-header .header-inner.search-open .header-search{
    grid-area:search!important;position:absolute!important;
    display:flex!important;top:75px!important;left:0!important;right:0!important;
    margin:0!important;max-width:100%!important;width:100%!important;
    z-index:14!important;border-radius:11px!important;
  }
  /* No horizontal strip on mobile: restore the sliding drawer from original app.js. */
  body .mainnav,body .mainnav.open{
    position:fixed!important;inset:0 0 0 auto!important;
    z-index:2300!important;display:flex!important;flex-direction:column!important;
    width:min(350px,86vw)!important;max-width:100vw!important;
    height:100vh!important;height:100dvh!important;min-height:0!important;
    max-height:none!important;overflow:hidden!important;
    background:#fff!important;color:#123957!important;
    box-shadow:-12px 0 35px #001e3c38!important;border:0!important;
    transform:translateX(105%)!important;visibility:hidden!important;pointer-events:none!important;
    transition:transform .2s ease,visibility .2s ease!important;
  }
  body .mainnav.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
  body .mainnav>.mobile-drawer-head{display:flex!important;visibility:visible!important;
    flex:0 0 auto!important;align-items:center!important;min-height:88px!important;
    color:#fff!important;background:linear-gradient(110deg,#0a4d82,#073758)!important;
  }
  body .mainnav .nav-inner,body .mainnav.open .nav-inner{
    display:flex!important;flex-flow:column nowrap!important;
    align-items:stretch!important;justify-content:flex-start!important;
    flex:1 1 auto!important;width:100%!important;max-width:100%!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:12px 14px!important;
    gap:5px!important;overflow-y:auto!important;overflow-x:hidden!important;
    white-space:normal!important;
  }
  body .mainnav .nav-link,body .mainnav.open .nav-link{
    display:flex!important;flex:0 0 auto!important;align-items:center!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:46px!important;min-height:46px!important;
    padding:0 11px!important;margin:0!important;gap:10px!important;
    border-radius:9px!important;font-size:13px!important;white-space:normal!important;
    color:#24445f!important;background:transparent!important;
  }
  body .mainnav .nav-link:is(.active,:hover,:focus-visible){background:#e8f4fd!important;color:#045b91!important}
  body .mainnav .nav-icon-box{flex:0 0 31px!important;width:31px!important;height:31px!important;
    border-radius:8px!important;background:#eaf4fb!important;color:#11689d!important}
  body .mainnav .mobile-drawer-actions{display:flex!important;visibility:visible!important;flex-direction:column!important}
  body .nav-scrim{display:block!important;position:fixed!important;inset:0!important;
    width:100%!important;height:100vh!important;height:100dvh!important;
    z-index:2299!important;background:#07192d96!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;border:0!important;margin:0!important;padding:0!important;
  }
  body .nav-scrim.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
@media(max-width:360px){
 body .header.qhtn-banner-header .brand .brand-name{font-size:18px!important}
 body .header.qhtn-banner-header .header-actions>.mobile-menu-btn,
 body .header.qhtn-banner-header .header-actions>.mobile-search-toggle{
   flex-basis:33px!important;width:33px!important;min-width:33px!important;
 }
}