/* General styling for the .tooltip links */
.pmpro_advanced_levels-compare_table tbody td:first-child .tooltip {
    position: relative;
    cursor: help;
    text-decoration: underline dashed limegreen;
}

/* Tooltip for each row - Set up the first tooltip (Exclusive Stories) */
.pmpro_advanced_levels-compare_table tbody td:first-child .tooltip::before {
    content: "Get access to exclusive stories, photos, and videos.";
    visibility: hidden;
    opacity: 0;
    width: 200px;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    transition: opacity 0.3s ease;
}

/* Tooltip arrow for the first row */
.pmpro_advanced_levels-compare_table tbody td:first-child .tooltip::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    transition: opacity 0.3s ease;
}

/* Tooltip for the second row (Monthly Updates) */
.pmpro_advanced_levels-compare_table tbody tr:nth-child(2) td:first-child .tooltip::before {
    content: "Get monthly updates on horse activities.";
}

/* Tooltip for the third row (Access to Photos) */
.pmpro_advanced_levels-compare_table tbody tr:nth-child(3) td:first-child .tooltip::before {
    content: "Gain access to exclusive horse photos.";
}

/* Tooltip for the fourth row (Access to Videos) */
.pmpro_advanced_levels-compare_table tbody tr:nth-child(4) td:first-child .tooltip::before {
    content: "Exclusive horse videos available.";
}

/* Tooltip for the fifth row (Newsletter Access) */
.pmpro_advanced_levels-compare_table tbody tr:nth-child(5) td:first-child .tooltip::before {
    content: "Receive updates via our newsletter.";
}

/* Tooltip for the sixth row (Recurring Payment) */
.pmpro_advanced_levels-compare_table tbody tr:nth-child(6) td:first-child .tooltip::before {
    content: "Check if the payment will be recurring.";
}

/* Tooltip for the seventh row (Learn More) */
.pmpro_advanced_levels-compare_table tbody tr:nth-child(7) td:first-child .tooltip::before {
    content: "Learn more about the sponsorship details.";
}

/* Styling for showing the tooltip when the .active-tooltip class is added */
.pmpro_advanced_levels-compare_table tbody td:first-child .tooltip.active-tooltip::before,
.pmpro_advanced_levels-compare_table tbody td:first-child .tooltip.active-tooltip::after {
    visibility: visible;
    opacity: 1;
}