/* BOTVIET MOBILE HARD CLICK R15
   Interaction hardening layer over R14.
*/
@media(max-width:768px){
  html[data-r15="ready"] .bv-r14-header,
  html[data-r15="ready"] .bv-r14-bottom-nav{
    pointer-events:auto!important;
    isolation:isolate!important;
  }

  html[data-r15="ready"] .bv-r14-header{
    z-index:2147483638!important;
  }
  html[data-r15="ready"] .bv-r14-bottom-nav{
    z-index:2147483638!important;
  }

  html[data-r15="ready"] .bv-r14-header a,
  html[data-r15="ready"] .bv-r14-header button,
  html[data-r15="ready"] .bv-r14-bottom-nav a,
  html[data-r15="ready"] .bv-r14-bottom-nav button{
    position:relative!important;
    z-index:4!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    cursor:pointer!important;
  }

  /* Strong feedback so a real tap is visible immediately. */
  .bv-r15-touching{
    transform:scale(.965)!important;
    filter:brightness(1.15)!important;
    transition:transform .07s ease,filter .07s ease!important;
  }
  .bv-r15-pressed{
    animation:bvR15Press .16s ease!important;
  }

  /* Original content never gets to create a higher mobile hit layer over nav. */
  body.bv-r14-mobile .content,
  body.bv-r14-mobile #page-body{
    position:relative!important;
    z-index:1!important;
  }

  /* Make the original sidebar reliably usable after the hamburger / "Thêm". */
  body.bv-r14-mobile .sidebar{
    z-index:2147483640!important;
    pointer-events:auto!important;
  }
  body.bv-r14-mobile .sidebar.open,
  body.bv-r14-mobile .sidebar.is-open{
    transform:translateX(0)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.bv-r15-sidebar-open::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:2147483639;
    background:rgba(0,5,16,.56);
    backdrop-filter:blur(3px);
    pointer-events:none;
  }

  /* Search is fully independent from R14 hash targeting. */
  #bv-r15-search[hidden]{display:none!important}
  #bv-r15-search{
    position:fixed!important;
    inset:0!important;
    z-index:2147483646!important;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
  }
  #bv-r15-search.open{
    opacity:1;
    pointer-events:auto;
  }
  .bv-r15-search-backdrop{
    position:absolute;inset:0;border:0;
    background:rgba(0,5,18,.76);
    backdrop-filter:blur(9px);
  }
  .bv-r15-search-panel{
    position:absolute;left:10px;right:10px;top:calc(env(safe-area-inset-top) + 11px);
    padding:10px;border:1px solid #25609f;border-radius:17px;
    background:#06172f;box-shadow:0 18px 50px rgba(0,0,0,.46);
  }
  .bv-r15-search-box{
    height:48px;display:grid;grid-template-columns:23px 1fr 32px;gap:7px;align-items:center;
    padding:0 8px 0 11px;border:1px solid #245b94;border-radius:13px;background:#071f3f
  }
  .bv-r15-search-box svg{
    width:20px;height:20px;fill:none;stroke:#43c9ff;stroke-width:1.9;
    stroke-linecap:round;stroke-linejoin:round
  }
  .bv-r15-search-box input{
    width:100%!important;height:44px!important;min-height:44px!important;
    border:0!important;background:transparent!important;color:#fff!important;
    box-shadow:none!important;font-size:13px!important
  }
  .bv-r15-search-close{
    width:30px;height:30px;border:0;border-radius:9px;
    background:#0b2d58;color:#bdd0e6;font-size:21px
  }
  .bv-r15-search-panel>small{
    display:block;margin:8px 3px 0;color:#89a3c2;font-size:9px
  }

  #bv-r15-toast{
    position:fixed;z-index:2147483647;left:50%;bottom:94px;
    max-width:calc(100vw - 30px);padding:9px 13px;
    transform:translate(-50%,12px);opacity:0;pointer-events:none;
    border:1px solid #2471b3;border-radius:12px;
    background:rgba(4,27,55,.96);color:#eaf6ff;font-size:11px;
    box-shadow:0 10px 30px rgba(0,0,0,.35);
    transition:.18s ease
  }
  #bv-r15-toast.show{opacity:1;transform:translate(-50%,0)}
  #bv-r15-toast.error{border-color:#d94d69;color:#ffd8df}

  @keyframes bvR15Press{
    0%{transform:scale(1)}
    50%{transform:scale(.95);filter:brightness(1.25)}
    100%{transform:scale(1)}
  }
}

@media(min-width:769px){
  #bv-r15-search,#bv-r15-toast{display:none!important}
}