/* ================================
   TOUR DIFFICULTY
================================ */

.mtbg-tip-wrap{
  position:relative;
  display:inline-block;
}

/* ================================
   RATING ICONS (5-icon scale)
================================ */

.irating{
  font-family:"FontAwesome-2026";
  color:#404040;
  font-style:normal !important;
  font-size:2em;
  margin-top:-10px;
  margin-bottom:25px;
  letter-spacing:10px;
}

.irating i{
  display:inline-block;
  vertical-align:middle;
  cursor:default;
  transition:color .15s ease, opacity .15s ease;
}

.irating i:hover{
  color:#01cb7d;
}

.irating .mtbg-empty{
  opacity:.25 !important;
}

/* ================================
   TOOLTIP CONTAINER
================================ */

.mtbg-tip{
  position:absolute;
  z-index:99999;
  left:0;
  top:40px;
  width:430px;
  max-width:92vw;
  display:none;
}

.mtbg-tip.is-open{
  display:block;
}

/* ================================
   TOOLTIP CARD (DARK)
================================ */

.mtbg-tip-card{
  position:relative;
  overflow:hidden;
  border-radius:16px;
  padding:14px 14px 12px;
  background:linear-gradient(180deg, rgba(18,18,20,0.98), rgba(10,10,12,0.98));
  border:1px solid rgba(255,255,255,0.10);
  box-shadow:0 18px 55px rgba(0,0,0,.45);
  color:rgba(255,255,255,0.92);
  backdrop-filter:blur(6px);
}

/* Animate only when opening */
.mtbg-tip.is-open .mtbg-tip-card{
  animation: mtbgFadeDown .22s cubic-bezier(.2,.8,.2,1);
}

/* Watermark (Font Awesome element in HTML) */
.mtbg-tip-watermark{
  position:absolute;
  right:0px;
  top:-30px;
  font-size:260px;
  line-height:1;
  opacity:0.06;
  color:#ffffff;
  pointer-events:none;
  filter:grayscale(1);
}

/* ================================
   CLOSE BUTTON
================================ */

.mtbg-tip-close{
  position:absolute;
  right:10px;
  top:6px;
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.06);
  color:rgba(255,255,255,0.86);
  font-size:22px;
  line-height:30px;
  cursor:pointer;
  user-select:none;
}

.mtbg-tip-close:hover{
  background:rgba(255,255,255,0.10);
}

/* ================================
   HEADER
================================ */

.mtbg-tip-head{
  position:relative;
  padding-right:44px;
  margin-bottom:10px;
}

.mtbg-tip-title {
    font-size: 30px;
    letter-spacing: .2px;
    font-family: londrina solid;
    text-transform: uppercase;
}

.mtbg-tip-sub{
  font-size:14px;
  color:rgba(255,255,255,0.65);
}

/* ================================
   LEVELS
================================ */

.mtbg-tip-levels{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:10px;
}

.mtbg-tip-level{
  position:relative;
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px;
  border-radius:12px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.08);
}

/* Badge + icon stacked column */
.mtbg-tip-mark{
  flex:0 0 auto;
  width:52px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding-top:2px;
}

.mtbg-tip-badge{
  min-width:44px;
  height:26px;
  padding:0 8px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
font-family: londrina solid;
    font-size: 23px;
  letter-spacing:.3px;
  color:rgba(255,255,255,0.90);
}

/* Row icon under badge */
.mtbg-tip-rowicon{
  font-size:30px;
  line-height:1;
  color:rgba(255,255,255,0.86);
  opacity:0.95;
}

.mtbg-tip-text{
  font-size:15px;
  line-height:1.25rem;
  color:rgba(255,255,255,0.82);
}

/* ================================
   "THIS TOUR" RIBBON (shown only on active row)
================================ */

.mtbg-tip-flag{
  position:absolute;
  right:10px;
  bottom:10px;
  padding:4px 10px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
  border-radius:4px;
  background:#01cb7d;
  color:#0b0b0c;
  display:none;
  z-index:2;
  line-height:1;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}

/* ================================
   FOOTER + LINK
================================ */

.mtbg-tip-footer{
  margin-top:10px;
  font-size:11.5px;
  color:rgba(255,255,255,0.58);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.mtbg-tip-learn-more{
  font-size:12px;
  font-weight:600;
  color:#01cb7d;
  text-decoration:none;
  white-space:nowrap;
}

.mtbg-tip-learn-more:hover{
  text-decoration:underline;
}

/* ================================
   ACTIVE ROW (numeric rating -> range row)
================================ */

.mtbg-tip-wrap[data-level="1"] .mtbg-tip-level[data-range="1"],
.mtbg-tip-wrap[data-level="2"] .mtbg-tip-level[data-range="2-3"],
.mtbg-tip-wrap[data-level="3"] .mtbg-tip-level[data-range="2-3"],
.mtbg-tip-wrap[data-level="4"] .mtbg-tip-level[data-range="4-5"],
.mtbg-tip-wrap[data-level="5"] .mtbg-tip-level[data-range="4-5"]{
  border-color:rgba(1,203,125,0.55) !important;
  background:rgba(1,203,125,0.16) !important;
  padding-bottom:44px !important;
}

.mtbg-tip-wrap[data-level="1"] .mtbg-tip-level[data-range="1"] .mtbg-tip-badge,
.mtbg-tip-wrap[data-level="2"] .mtbg-tip-level[data-range="2-3"] .mtbg-tip-badge,
.mtbg-tip-wrap[data-level="3"] .mtbg-tip-level[data-range="2-3"] .mtbg-tip-badge,
.mtbg-tip-wrap[data-level="4"] .mtbg-tip-level[data-range="4-5"] .mtbg-tip-badge,
.mtbg-tip-wrap[data-level="5"] .mtbg-tip-level[data-range="4-5"] .mtbg-tip-badge{
  color:#01cb7d !important;
}

.mtbg-tip-wrap[data-level="1"] .mtbg-tip-level[data-range="1"] .mtbg-tip-rowicon,
.mtbg-tip-wrap[data-level="2"] .mtbg-tip-level[data-range="2-3"] .mtbg-tip-rowicon,
.mtbg-tip-wrap[data-level="3"] .mtbg-tip-level[data-range="2-3"] .mtbg-tip-rowicon,
.mtbg-tip-wrap[data-level="4"] .mtbg-tip-level[data-range="4-5"] .mtbg-tip-rowicon,
.mtbg-tip-wrap[data-level="5"] .mtbg-tip-level[data-range="4-5"] .mtbg-tip-rowicon{
  color:#01cb7d !important;
}

.mtbg-tip-wrap[data-level="1"] .mtbg-tip-level[data-range="1"] .mtbg-tip-flag,
.mtbg-tip-wrap[data-level="2"] .mtbg-tip-level[data-range="2-3"] .mtbg-tip-flag,
.mtbg-tip-wrap[data-level="3"] .mtbg-tip-level[data-range="2-3"] .mtbg-tip-flag,
.mtbg-tip-wrap[data-level="4"] .mtbg-tip-level[data-range="4-5"] .mtbg-tip-flag,
.mtbg-tip-wrap[data-level="5"] .mtbg-tip-level[data-range="4-5"] .mtbg-tip-flag{
  display:inline-block;
}

/* ================================
   ANIMATION
================================ */

@keyframes mtbgFadeDown{
  from{
    transform:translateY(-6px);
    opacity:0;
  }
  to{
    transform:translateY(0);
    opacity:1;
  }
}