/* =============================================================================
   ADC Custom qTip Styles
   ============================================================================= */

/* =============================================================================
   YouTube Theme - Bridge for .qtip-youtube class (new JS naming)
   The base CSS defines .ui-tooltip-youtube, but JS applies .qtip-youtube
   ============================================================================= */
.qtip-youtube {
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.qtip-youtube .qtip-titlebar,
.qtip-youtube .qtip-content,
.qtip-youtube .ui-tooltip-titlebar,
.qtip-youtube .ui-tooltip-content {
  background: transparent;
  background: rgba(0, 0, 0, 0.85);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
  color: white;
  border-color: #CCCCCC;
}

.qtip-youtube .qtip-icon,
.qtip-youtube .ui-tooltip-icon {
  border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover,
.qtip-youtube .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* =============================================================================
   Shadow Theme - Bridge for .qtip-shadow class
   ============================================================================= */
.qtip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* =============================================================================
   Default Theme Override
   When qtip-youtube is present, ensure default styling doesn't bleed through
   ============================================================================= */
.qtip-default.qtip-youtube,
.ui-tooltip-default.qtip-youtube {
  border-color: #CCCCCC;
  background-color: transparent;
}

.qtip-content {
  padding: 5px 9px;
}

.qtip-default.qtip-youtube .qtip-content,
.ui-tooltip-default.qtip-youtube .ui-tooltip-content {
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
}

/* =============================================================================
   Utility Classes
   ============================================================================= */
.hide {
  display: none;
}

/* Ensure hidden qTip content stays completely hidden */
.qtip_content.hide {
  display: none !important;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}