/* Custom styles for card6 component */

/* Base thumb-info styles */
.thumb-info.custom-thumb-info-style-1 {
    position: relative;
    overflow: hidden;
    display: block;
}

.thumb-info.custom-thumb-info-style-1 .thumb-info-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
}

.thumb-info.custom-thumb-info-style-1 .thumb-info-wrapper img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

/* Overlay styles */
.card-body:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 28, 56, 0.8); /* #0F1C38 with 80% opacity */
    z-index: 1;
    transition: background-color 0.3s ease;
    pointer-events: none; /* Ensures the overlay doesn't interfere with clicks */
}


/* Text positioning */
.thumb-info.custom-thumb-info-style-1 .thumb-info-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    z-index: 2;
    background: transparent !important; /* Ensure no background from other styles */
}

/* Ensure text is visible on the overlay */
.thumb-info.custom-thumb-info-style-1 .thumb-info-inner,
.thumb-info.custom-thumb-info-style-1 .thumb-info-type {
    color: #fff !important; /* Force white text color */
    position: relative;
    z-index: 2;
}

/* Override any other thumb-info styles that might interfere */
.thumb-info.thumb-info-bottom-info.thumb-info-bottom-info-dark.thumb-info-bottom-info-dark-linear.custom-thumb-info-style-1 .thumb-info-wrapper:after {
    content: none !important; /* Remove any existing :after pseudo-element */
}

.thumb-info.thumb-info-bottom-info.thumb-info-bottom-info-dark.thumb-info-bottom-info-dark-linear.custom-thumb-info-style-1 .thumb-info-title {
    background: transparent !important;
    transform: none !important;
    top: auto !important;
}