/**
 * Custom styles for WPBakery Tooltips.
 *
 * Tippy themes are applied through the data-theme attribute.
 * Example:
 * .tippy-box[data-theme~='blue']
 */


/* Dark theme */
.tippy-box[data-theme~='dark'] {
  background-color: #222222;
  color: #ffffff;
}

.tippy-box[data-theme~='dark'] > .tippy-arrow {
  color: #222222;
}


/* Blue theme */
.tippy-box[data-theme~='blue'] {
  background-color: #005ea8;
  color: #ffffff;
}

.tippy-box[data-theme~='blue'] > .tippy-arrow {
  color: #005ea8;
}


/* Warning theme */
.tippy-box[data-theme~='warning'] {
  background-color: #fff4d6;
  color: #3b2a00;
  border: 1px solid #d99b00;
}

.tippy-box[data-theme~='warning'] > .tippy-arrow {
  color: #fff4d6;
}


/* Success theme */
.tippy-box[data-theme~='success'] {
  background-color: #e6f4ea;
  color: #12351f;
  border: 1px solid #2e8540;
}

.tippy-box[data-theme~='success'] > .tippy-arrow {
  color: #e6f4ea;
}


/* Size: small */
.tippy-box[data-theme~='vc-tooltip-size-small'] {
  font-size: 12px;
  line-height: 1.35;
}

.tippy-box[data-theme~='vc-tooltip-size-small'] .tippy-content {
  padding: 4px 7px;
}


/* Size: default */
.tippy-box[data-theme~='vc-tooltip-size-default'] {
  font-size: 14px;
  line-height: 1.4;
}

.tippy-box[data-theme~='vc-tooltip-size-default'] .tippy-content {
  padding: 5px 9px;
}


/* Size: large */
.tippy-box[data-theme~='vc-tooltip-size-large'] {
  font-size: 16px;
  line-height: 1.45;
}

.tippy-box[data-theme~='vc-tooltip-size-large'] .tippy-content {
  padding: 7px 12px;
}

/* ---------------------------------------------------------
 * Coverlab Portal tooltip preset
 * --------------------------------------------------------- */

.tippy-box[data-theme~='coverlab-portal'] {
  background-color: #ffffff;
  color: #282828;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 1px 10px rgba(40, 40, 40, 0.35);
  font-family: inherit;
  font-weight: 400;
}

.tippy-box[data-theme~='coverlab-portal'] > .tippy-arrow {
  color: #ffffff;
}

.tippy-box[data-theme~='coverlab-portal'] .tippy-content {
  padding: 10px 14px;
}

/* Size preset when Tooltip size = Coverlab Portal */
.tippy-box[data-theme~='vc-tooltip-size-coverlab-portal'] {
  font-size: 14px;
  line-height: 1.45;
}

/*
 * Coverlab Portal tab-level tooltip behavior.
 * Tooltip is attached to the full .portal-tab row, not the arrow.
 */
.portal-tab[data-tooltip] {
  cursor: pointer;
}

/*
 * When Placement = Right, the tooltip fades in from the left edge,
 * which makes it feel like it is coming out of the tab.
 */
.tippy-box[data-theme~='coverlab-portal'][data-placement^='right'] {
  transform-origin: left center;
}

/*
 * When Placement = Left, support the opposite direction too,
 * just in case you use this layout near the right edge of the viewport.
 */
.tippy-box[data-theme~='coverlab-portal'][data-placement^='left'] {
  transform-origin: right center;
}

/*
 * Optional: avoid the tooltip visually competing with the portal card shadows.
 */
.tippy-box[data-theme~='coverlab-portal'] .tippy-content {
  text-shadow: none;
}