/* =========================================================
   HOÀNG GIA CAR – SIGNATURE TITLE
   Frontend + UX Builder iframe
   ========================================================= */

.hg-title{
  position: relative;
  width: 100%;
  text-align: center;
  margin: var(--hg-title-space, 70px) 0;
  font-size: 16px;
  opacity: 1;
  visibility: visible;
}

/* ALIGN */
.hg-title-align-left{ text-align:left; }
.hg-title-align-center{ text-align:center; }
.hg-title-align-right{ text-align:right; }

/* TOP TEXT */
.hg-title__invocation{
  margin: 0 0 10px 0;
  font-family: "Be Vietnam Pro", "Montserrat", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(6,77,59,.72);
}

/* MAIN TITLE */
.hg-title__main{
  display:block;
  margin: 0;
  font-family: "Be Vietnam Pro", "Montserrat", Arial, sans-serif;
  font-size: var(--hg-title-size, 52px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: .025em;
  text-transform: uppercase;
  color: var(--hg-title-color, #064D3B);
}

.hg-title__main.is-bold{ font-weight:800; }
.hg-title__main.is-italic{ font-style:italic; }

/* SUBTITLE */
.hg-title__subtitle{
  margin: 12px 0 0 0;
  font-family: "Be Vietnam Pro", "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .04em;
  color: rgba(6,77,59,.72);
}

/* DIVIDER */
.hg-title__linewrap{
  width: 100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top: 20px;
}

.hg-title-align-left .hg-title__linewrap{
  justify-content:flex-start;
}

.hg-title-align-center .hg-title__linewrap{
  justify-content:center;
}

.hg-title-align-right .hg-title__linewrap{
  justify-content:flex-end;
}

.hg-title__divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 18px;
}

.hg-title__divider-line{
  display:block;
  width: var(--hg-line-width, 90px);
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(
    90deg,
    rgba(239,75,53,0),
    #EF4B35,
    rgba(239,75,53,0)
  );
}

.hg-title__divider-icon{
  position: relative;
  width: 26px;
  height: 26px;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--hg-accent-color, #EF4B35);
  font-size: 18px;
  line-height:1;
}

/* dùng star mặc định */
.hg-title__divider-icon::before{
  content:"★";
}

/* option icon car */
.hg-title-icon-car .hg-title__divider-icon::before{
  content:"◆";
}

/* Glow nhẹ */
.hg-title__divider-icon{
  text-shadow: 0 4px 14px rgba(239,75,53,.32);
}

/* UX Builder force */
.ux-builder-iframe .hg-title,
.ux-builder-iframe .hg-title__linewrap,
.ux-builder-iframe .hg-title__divider{
  opacity:1 !important;
  visibility:visible !important;
}

/* Responsive */
@media (max-width: 849px){
  .hg-title{
    margin: var(--hg-title-space-mobile, 46px) 0;
  }

  .hg-title__main{
    font-size: calc(var(--hg-title-size, 52px) * .72);
    letter-spacing: .015em;
  }

  .hg-title__divider-line{
    width: calc(var(--hg-line-width, 90px) * .75);
  }
}

@media (max-width: 480px){
  .hg-title__main{
    font-size: calc(var(--hg-title-size, 52px) * .55);
  }

  .hg-title__divider{
    gap: 12px;
  }

  .hg-title__divider-line{
    width: 58px;
  }
}