/* Collection Info */
.collection-info {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: var(--info-padding, 25px) !important;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    background: var(--gradient-bg);
}

/* Info Position Variants */
.collection-wrapper[data-info-position="bottom"] .collection-info {
    bottom: 0 !important;
    top: auto !important;
    border-bottom-left-radius: var(--border-radius, 5px);
    border-bottom-right-radius: var(--border-radius, 5px);
}

.collection-wrapper[data-info-position="top"] .collection-info {
    top: 0 !important;
    bottom: auto !important;
    border-top-left-radius: var(--border-radius, 5px);
    border-top-right-radius: var(--border-radius, 5px);
}

/* Collection Title */
.collection-wrapper .collection-info .collection-title {
    margin: var(--title-margin-top, 0) 0 var(--title-margin-bottom, 5px) 0 !important;
    font-size: var(--title-size, 22px) !important;
    color: var(--title-color, #fff) !important;
    font-weight: var(--title-weight, 500) !important;
    line-height: 1.2 !important;
    font-family: inherit !important;
}

/* Collection Attributes */
.collection-wrapper .collection-info .collection-attributes {
    font-size: var(--attributes-size, 11px) !important;
    font-weight: var(--attributes-weight, 400) !important;
    color: var(--attributes-color, rgba(255, 255, 255, 0.8)) !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    font-family: inherit !important;
}

/* Hover Text */
.collection-wrapper .collection-info .hover-text {
    font-size: var(--hover-text-size, 14px) !important;
    font-weight: var(--hover-text-weight, 400) !important;
    color: var(--hover-text-color, #fff) !important;
    margin: var(--hover-text-margin-top, 0) 0 var(--hover-text-margin-bottom, 5px) 0 !important;
    line-height: 1.4 !important;
    font-family: inherit !important;
    opacity: 0 !important;
    transition: opacity var(--hover-duration, 0.3s) ease !important;
}

.collection-wrapper:hover .collection-info .hover-text {
    opacity: 1 !important;
}

/* Reset any theme-specific styles */
.collection-wrapper .collection-info h2.collection-title,
.collection-wrapper .collection-info .collection-attributes,
.collection-wrapper .collection-info .hover-text {
    text-transform: none !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    border: none !important;
    padding: 0 !important;
}