/* domucgiare: chuan hoa o "Goi lai cho toi" duoi menu trang chu (v1) */
(function () {
  var rs = document.querySelector('.product-nav-tree-slideshow-wrapper .request_support');
  if (!rs || rs.getAttribute('data-tvcb')) return;
  rs.setAttribute('data-tvcb', '1');
  var fm = rs.querySelector('form'), ct = rs.querySelector('.content');
  if (!fm || !ct) return;

  var css = [
    '.request_support[data-tvcb] form{border:0!important;background:none!important;padding:0!important;margin:0!important}',
    '.request_support[data-tvcb] .content{background:#fff;border:1px solid #e6e9ef;border-top:3px solid #e4342b;border-radius:0 0 10px 10px;box-shadow:0 4px 12px rgba(20,40,75,.08);padding:10px 12px 9px!important;margin:0!important;font-family:Arial,sans-serif}',
    '.request_support[data-tvcb] .content > header.title,.request_support[data-tvcb] .description > .text-center{display:none!important}',
    '.request_support[data-tvcb] .description{padding:0!important;margin:0!important}',
    '.tvcb-h{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#14284b;font-weight:700;font-size:15px;line-height:1.2;text-transform:none}',
    '.tvcb-h svg{flex:0 0 auto;width:26px;height:26px;padding:5px;border-radius:50%;background:#fdecea;color:#e4342b;box-sizing:border-box;animation:tvcbr 2.4s ease-in-out infinite}',
    '.tvcb-h small{display:block;font-weight:400;font-size:12px;color:#5a6577;margin-top:2px}',
    '@keyframes tvcbr{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-14deg)}90%{transform:rotate(14deg)}95%{transform:rotate(-8deg)}}',
    '.request_support[data-tvcb] .form-group{display:flex!important;gap:6px;margin:0!important;padding:0!important}',
    '.request_support[data-tvcb] .form-group:before,.request_support[data-tvcb] .form-group:after{display:none!important}',
    '.request_support[data-tvcb] .form-group > div{float:none!important;width:auto!important;padding:0!important;margin:0!important}',
    '.request_support[data-tvcb] .form-group > div:first-child{flex:1 1 auto;min-width:0}',
    '.request_support[data-tvcb] .form-group > div:last-child{flex:0 0 auto}',
    '.request_support[data-tvcb] input[type=tel]{height:36px!important;border:1px solid #cfd6e1!important;border-radius:6px!important;font-size:14px!important;padding:6px 10px!important;box-shadow:none!important;width:100%!important}',
    '.request_support[data-tvcb] input[type=tel]:focus{border-color:#14284b!important;outline:0}',
    '.request_support[data-tvcb] input[type=submit]{height:36px!important;padding:0 12px!important;border:0!important;border-radius:6px!important;background:#e4342b!important;color:#fff!important;font-weight:700!important;font-size:13.5px!important;white-space:nowrap}',
    '.request_support[data-tvcb] input[type=submit]:hover{background:#c4241c!important}',
    '.tvcb-z{margin:7px 0 0;font-size:12.5px;color:#5a6577;line-height:1.3;text-align:left}',
    '.tvcb-z a{color:#0068ff!important;font-weight:700}',
    '.request_support[data-tvcb].tvcb-sm .tvcb-z,.request_support[data-tvcb].tvcb-sm .tvcb-h small{display:none}'
  ].join('');
  var st = document.createElement('style');
  st.id = 'tvcb-css';
  st.textContent = css;
  document.head.appendChild(st);

  var h = document.createElement('div');
  h.className = 'tvcb-h';
  h.innerHTML = '\x3csvg viewBox="0 0 24 24" aria-hidden="true">\x3cpath fill="currentColor" d="M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z"/>\x3c/svg>' +
    '\x3cdiv>Gọi lại cho tôi – miễn phí\x3csmall>Để lại số, Thần Vũ gọi lại tư vấn ngay\x3c/small>\x3c/div>';
  ct.insertBefore(h, ct.firstChild);

  var z = document.createElement('p');
  z.className = 'tvcb-z';
  z.innerHTML = 'Hoặc nhắn \x3ca href="https://zalo.me/0983504555" target="_blank" rel="noopener">Zalo 0983.504.555\x3c/a>';
  ct.appendChild(z);

  var btn = fm.querySelector('input[type=submit]');
  if (btn) { btn.value = 'Gọi lại'; btn.setAttribute('aria-label', 'Gửi số điện thoại để được gọi lại'); }
  var ip = fm.querySelector('input[type=tel]');
  if (ip) { ip.placeholder = 'Số điện thoại của bạn'; ip.setAttribute('aria-label', 'Số điện thoại của bạn'); }

  /* dat o ngay duoi menu, khong de menu che */
  var menu = document.querySelector('#product-nav-tree-slideshow > .dropdown-menu');
  var slide = document.getElementById('slideshow-right');
  function fit() {
    if (window.innerWidth < 992 || !menu || !menu.offsetHeight) return;
    if (menu.getAttribute('data-tvcb-open')) return;
    var top = rs.getBoundingClientRect().top;
    var mb = menu.getBoundingClientRect().bottom;
    var pad = Math.max(0, Math.round(mb - top + 8));
    rs.style.setProperty('padding-top', pad + 'px', 'important');
    rs.classList.remove('tvcb-sm');
    if (slide) {
      var room = slide.getBoundingClientRect().bottom - (top + pad);
      if (room < ct.offsetHeight) rs.classList.add('tvcb-sm');
    }
  }
  var more = menu && menu.querySelector('.show-more');
  if (more) more.addEventListener('click', function () { menu.setAttribute('data-tvcb-open', '1'); });
  fit();
  window.addEventListener('load', fit);
  window.addEventListener('resize', fit);
  setTimeout(fit, 1500);
})();