/* SP PC: Top bar riêng cho phiên bản máy tính, không đụng top bar điện thoại */
.pcTopBar{
  display:none;
}

@media (min-width:1024px){
  :root{
    --pc-topbar-height:62px; /* SP chỉnh chiều cao top bar PC tại đây */
  }

  .appHeader{
    display:none !important;
  }

  .bottomNav{
    display:none !important;
  }

  body.is-topbar-hidden .appHeader{
    transform:none !important;
  }

  .pcTopBar{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:9000;
    height:var(--pc-topbar-height);
    display:block;
    background:#fff;
    border-top:2px solid rgba(0,0,0,.18);
    border-bottom:1px solid rgba(0,0,0,.08);
    transform:none !important;
  }

  .pcTopBar__inner{
    max-width:1180px; /* SP chỉnh chiều rộng ruột top bar PC tại đây */
    height:100%;
    margin:0 auto;
    padding:0 18px;
    display:grid;
    grid-template-columns:170px minmax(280px,1fr) auto;
    align-items:center;
    gap:22px;
  }

  .pcTopBar__logo{
    appearance:none;
    border:0;
    background:transparent;
    padding:0;
    margin:0;
    color:#ff2f86;
    display:inline-flex;
    align-items:flex-end;
    gap:4px;
    line-height:1;
    white-space:nowrap;
    cursor:pointer;
    text-align:left;
  }

  .pcTopBar__logoNumber{
    font-size:41px; /* SP chỉnh cỡ số 1 logo PC tại đây */
    line-height:.88;
    font-weight:900;
    letter-spacing:-2.5px;
    color:#ff2f86;
    display:inline-block;
    transform:translateY(8px); /* SP: giữ chân số 1 kéo xuống như logo điện thoại */
  }

  .pcTopBar__logoText{
    font-size:23px; /* SP chỉnh cỡ chữ logo PC tại đây */
    line-height:1;
    font-weight:900;
    letter-spacing:-.6px;
    color:#ff2f86;
  }

  .pcTopBar__searchForm{
    width:100%;
    display:flex;
    justify-content:center;
  }

  .pcTopBar__searchWrap{
    width:min(100%,340px); /* SP chỉnh chiều rộng ô tìm kiếm PC tại đây - đã giảm 90px */
    height:36px; /* SP chỉnh chiều cao ô tìm kiếm PC tại đây */
    position:relative;
  }

  .pcTopBar__searchInput{
    width:100%;
    height:100%;
    border:2px solid #ff2f86;
    border-radius:999px;
    background:#fff;
    outline:0;
    padding:0 40px 0 20px;
    font-size:14px; /* SP chỉnh cỡ chữ ô tìm kiếm PC tại đây */
    font-weight:400;
    color:#111;
  }

  .pcTopBar__searchInput::placeholder{
    color:rgba(0,0,0,.42);
  }

  .pcTopBar__searchClear{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:22px;
    height:22px;
    border:0;
    border-radius:0;
    background:transparent;
    color:rgba(0,0,0,.55);
    font-size:22px;
    font-weight:600;
    line-height:20px;
    padding:0;
    display:none;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }

  .pcTopBar__searchWrap.is-filled .pcTopBar__searchClear{
    display:flex;
  }

  .pcTopBar__nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    white-space:nowrap;
  }

  .pcTopBar__btn{
    height:32px; /* SP chỉnh chiều cao nút top bar PC tại đây */
    min-width:72px;
    padding:0 13px;
    border:1.5px solid rgba(0,0,0,.10);
    border-radius:999px;
    background:#fff;
    color:#000;
    font-size:14px; /* SP chỉnh cỡ chữ nút top bar PC tại đây */
    font-weight:500;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
  }

  .pcTopBar__btn:hover,
  .pcTopBar__btn.is-active{
    border-color:rgba(255,47,134,.42);
    color:#ff2f86;
  }

  .pcTopBar__btn svg{
    width:15px;
    height:15px;
    display:block;
  }

  .pcTopBar__btn--login{
    min-width:92px; /* SP chỉnh chiều rộng nút Đăng nhập PC tại đây */
    font-weight:500;
  }

  .pcTopBar__btn--post{
    min-width:86px;
    font-weight:588;
  }

  .pageShell{
    padding-top:var(--pc-topbar-height) !important;
    padding-bottom:0 !important;
  }

  body.is-create-route .pageShell{
    padding-top:var(--pc-topbar-height) !important;
  }
}

@media (min-width:1024px){
  .pcTopBar__searchMount{
    width:min(100%,340px); /* SP chỉnh chiều rộng ô tìm kiếm thật trên top bar PC tại đây - đã giảm 90px */
    height:36px; /* SP chỉnh chiều cao ô tìm kiếm thật trên top bar PC tại đây */
    position:relative;
  }

  .pcTopBar__searchMount .homeKeywordSearchWrap{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    background:transparent;
    position:relative;
  }

  .pcTopBar__searchMount .homeKeywordSearchInput{
    width:100%;
    height:100%;
    border:2px solid #ff2f86;
    border-radius:999px;
    background:#fff;
    outline:0;
    padding:0 40px 0 20px;
    font-size:14px; /* SP chỉnh cỡ chữ ô tìm kiếm thật trên top bar PC tại đây */
    font-weight:400;
    color:#111;
    box-shadow:none;
  }

  .pcTopBar__searchMount .homeKeywordSearchInput::placeholder{
    color:rgba(0,0,0,.42);
  }

  .pcTopBar__searchMount .homeKeywordSearchClear{
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:22px;
    height:22px;
    border:0;
    border-radius:0;
    background:transparent;
    color:rgba(0,0,0,.55);
    font-size:22px;
    font-weight:600;
    line-height:20px;
    padding:0;
  }

  .pcTopBar__searchMount .homeKeywordSearchClear:active{
    transform:translateY(-50%) scale(.94);
  }
}

@media (min-width:1024px){
  .pcTopBar__btn[hidden],
  .pcTopBar__btn.is-hidden{
    display:none !important;
  }
}

/* SP v409: PC có nút chữ Tìm nằm trong ô topbar */
@media (min-width:1024px){
  .pcTopBar__searchMount .homeKeywordSearchInput{
    padding-right:78px; /* SP sửa khoảng trống chữ trong ô tìm kiếm PC tại đây */
  }
  .pcTopBar__searchMount .homeKeywordSearchSubmit{
    position:absolute;
    right:6px; /* SP sửa vị trí nút Tìm PC tại đây */
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    width:auto;
    min-width:50px; /* SP sửa chiều ngang nút Tìm PC tại đây */
    height:28px; /* SP sửa chiều cao nút Tìm PC tại đây */
    border:0;
    border-radius:999px;
    background:#ff2f86;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    font-size:13px; /* SP sửa cỡ chữ nút Tìm PC tại đây */
    font-weight:588;
    line-height:1;
    cursor:pointer; /* SP v411: PC rê chuột vào nút Tìm hiện bàn tay */
    transition:transform .12s ease, filter .12s ease; /* SP v411: hiệu ứng nhấn nút Tìm PC */
    -webkit-tap-highlight-color:transparent;
  }
  .pcTopBar__searchMount .homeKeywordSearchSubmit:hover{filter:brightness(.98);}
  .pcTopBar__searchMount .homeKeywordSearchSubmit:active{transform:translateY(-50%) scale(.94);}
  .pcTopBar__searchMount .homeKeywordSearchSubmit__icon{display:none;}
  .pcTopBar__searchMount .homeKeywordSearchSubmit__text{display:inline;}
  .pcTopBar__searchMount .homeKeywordSearchWrap.is-keyword-has-value .homeKeywordSearchInput{padding-right:108px;}
  .pcTopBar__searchMount .homeKeywordSearchWrap.is-keyword-has-value .homeKeywordSearchClear{right:62px;}
}