/* RBDS V43 - chỉ tinh chỉnh sau V42
   1) Banner đầu trang thêm điểm sáng 2 góc, bỏ cảm giác nền quá phẳng.
   2) Avatar tư vấn làm vòng mỏng hơn, ảnh gọn hơn.
   Không sửa dropdown, sticky menu, mobile menu.
*/

@media (min-width:768px){
  /* Banner: giữ nền V42 nhưng tăng điểm sáng ở 2 góc */
  body[class*="rbds-skin-"] .site-header,
  body[class*="rbds-skin-"] .site-header.rbds-has-header-banner{
    position:relative!important;
    height:112px!important;
    min-height:112px!important;
    padding:0!important;
    overflow:visible!important;
    isolation:isolate!important;
    z-index:50!important;
    background:
      radial-gradient(circle at 6% 2%, rgba(255,255,255,.34) 0 0, rgba(255,255,255,.26) 0 36px, rgba(255,255,255,.10) 82px, rgba(255,255,255,0) 178px),
      radial-gradient(circle at 92% 0%, rgba(255,255,255,.38) 0 0, rgba(255,255,255,.25) 0 44px, rgba(255,255,255,.11) 112px, rgba(255,255,255,0) 230px),
      linear-gradient(120deg,var(--rbds-header-a,#053f36) 0%,var(--rbds-header-b,#08745e) 56%,var(--rbds-header-c,#14a37b) 100%)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
    border-bottom:1px solid rgba(255,255,255,.22)!important;
  }
  body[class*="rbds-skin-"] .site-header .header-inner{
    height:112px!important;
    min-height:112px!important;
    position:relative!important;
    z-index:3!important;
    overflow:visible!important;
  }
  body[class*="rbds-skin-"] .site-header:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    opacity:.10!important;
    background-image:
      linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px)!important;
    background-size:112px 112px!important;
  }
  body[class*="rbds-skin-"] .site-header:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    opacity:1!important;
    background:
      radial-gradient(ellipse at 7% 12%, rgba(255,255,255,.22) 0%, rgba(255,255,255,.10) 23%, rgba(255,255,255,0) 48%),
      radial-gradient(ellipse at 92% 10%, rgba(255,255,255,.26) 0%, rgba(255,255,255,.12) 24%, rgba(255,255,255,0) 50%)!important;
  }
  body[class*="rbds-skin-"] .site-header .site-logo{
    z-index:6!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
  body[class*="rbds-skin-"] .site-header .desktop-nav{
    z-index:9999!important;
    overflow:visible!important;
  }

  /* Dropdown: giữ kiểu xanh dương/cam ổn định như V42, không cố đồng bộ skin */
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav li.mb-dropdown > .mb-dropdown-menu,
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav li.mb-dropdown > ul{
    display:none!important;position:absolute!important;top:100%!important;left:0!important;min-width:260px!important;margin:0!important;padding:0!important;list-style:none!important;overflow:hidden!important;background:#2f9dcc!important;border:0!important;border-top:4px solid #f6a21a!important;border-radius:0 0 8px 8px!important;box-shadow:0 14px 30px rgba(0,0,0,.20)!important;outline:0!important;z-index:2147483647!important;
  }
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav li.mb-dropdown:hover > .mb-dropdown-menu,
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav li.mb-dropdown:hover > ul{display:block!important;}
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav .mb-dropdown-menu li,
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav ul ul li{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav .mb-dropdown-menu a,
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav ul ul a{
    display:block!important;padding:15px 20px!important;min-height:54px!important;color:#fff!important;background:#2f9dcc!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:16px!important;font-weight:850!important;line-height:1.35!important;text-decoration:none!important;white-space:nowrap!important;text-shadow:0 1px 1px rgba(0,0,0,.12)!important;
  }
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav .mb-dropdown-menu li + li a,
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav ul ul li + li a{border-top:1px solid rgba(255,255,255,.18)!important;}
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav .mb-dropdown-menu a:hover,
  body[class*="rbds-skin-"]:not(.rbds-nav-stuck) .site-header .desktop-nav ul ul a:hover{background:#fb9014!important;color:#fff!important;box-shadow:none!important;}

  /* Top action bar trang con: tách khỏi banner */
  body[class*="rbds-skin-"] .top-action-bar,
  body[class*="rbds-skin-"] .project-top-action,
  body[class*="rbds-skin-"] .rbds-top-action-bar,
  body[class*="rbds-skin-"] .top-actions,
  body[class*="rbds-skin-"] .top-action-wrap{
    position:relative!important;z-index:120!important;isolation:isolate!important;overflow:hidden!important;background:linear-gradient(90deg,var(--rbds-header-a,#053f36),var(--rbds-header-b,#08745e))!important;background-image:linear-gradient(90deg,var(--rbds-header-a,#053f36),var(--rbds-header-b,#08745e))!important;border-top:1px solid rgba(255,255,255,.28)!important;border-bottom:1px solid rgba(0,0,0,.22)!important;box-shadow:0 6px 16px rgba(0,0,0,.12)!important;
  }
  body[class*="rbds-skin-"] .top-action-bar:before,body[class*="rbds-skin-"] .top-action-bar:after,body[class*="rbds-skin-"] .project-top-action:before,body[class*="rbds-skin-"] .project-top-action:after,body[class*="rbds-skin-"] .rbds-top-action-bar:before,body[class*="rbds-skin-"] .rbds-top-action-bar:after,body[class*="rbds-skin-"] .top-actions:before,body[class*="rbds-skin-"] .top-actions:after,body[class*="rbds-skin-"] .top-action-wrap:before,body[class*="rbds-skin-"] .top-action-wrap:after{display:none!important;content:none!important;background:none!important;}
  body[class*="rbds-skin-"] .top-action-bar *,body[class*="rbds-skin-"] .project-top-action *,body[class*="rbds-skin-"] .rbds-top-action-bar *,body[class*="rbds-skin-"] .top-actions *,body[class*="rbds-skin-"] .top-action-wrap *{position:relative!important;z-index:2!important;}
}

/* Avatar tư vấn: vòng tròn mỏng lại, ảnh nhỏ và sạch hơn */
body .advisor-avatar,
body .home-consultant-avatar,
body .consult-box .avatar,
body .consult-card .avatar,
body .consult-mini-avatar{
  border:3px solid #fff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.08)!important;
  background:#f4f6f5!important;
  overflow:hidden!important;
}
body .advisor-avatar img,
body .home-consultant-avatar img,
body .consult-box .avatar img,
body .consult-card .avatar img,
body .consult-mini-avatar img{
  transform:scale(.82)!important;
  object-fit:contain!important;
  object-position:center center!important;
}

@media (max-width:767px){
  body[class*="rbds-skin-"] .site-header:before,
  body[class*="rbds-skin-"] .site-header:after{display:none!important;content:none!important;}
}
