/* Card Tag Floating Fix - ลอยเด่นแบบ saved-btn active */

/* Force all card-tag elements to follow this styling */
.package-card .card-thumbnail .card-tag,
.package-card .card-thumbnail span.card-tag {
    position: absolute !important;
    right: 15px !important;
    top: -12px !important;
    z-index: 50 !important;
    background: #1857fc !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 6px !important;
    border-radius: 40px !important;
    padding: 6px 15px !important;
    padding-bottom: 7px !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: none !important;
}

/* Hot Deal Tag Styling */
.package-card .card-thumbnail .card-tag.hot-deal,
.package-card .card-thumbnail span.card-tag.hot-deal {
    background-color: #f92828 !important;
}

/* Always visible on hover */
.package-card:hover .card-thumbnail .card-tag,
.package-card:hover .card-thumbnail span.card-tag {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1.05) !important;
}

/* Active state */
.package-card .card-thumbnail .card-tag.active,
.package-card .card-thumbnail span.card-tag.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Ensure card thumbnail has proper positioning context */
.package-card .card-thumbnail {
    position: relative !important;
    overflow: visible !important;
}

/* Icon inside tag */
.package-card .card-thumbnail .card-tag img,
.package-card .card-thumbnail span.card-tag img {
    width: 15px !important;
    height: auto !important;
}

/* Make sure saved-btn doesn't interfere */
.package-card .saved-btn {
    left: 50% !important;
    top: -14px !important;
    z-index: 45 !important;
}

/* Override any conflicting styles */
.package-card * {
    z-index: initial !important;
}

.package-card .card-thumbnail .card-tag,
.package-card .card-thumbnail span.card-tag {
    z-index: 50 !important;
}