/* Pre-order Availability Display Styles - Separate Line with Title Styling */
.pre-order-availability {
    flex: 1 !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    display: block;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: inherit !important;
}

.pre-order-availability .availability-label {
}

.pre-order-availability .availability-date {
}

/* Ocarousel-grid specific styling to match description color */
.ocarousel-grid .pre-order-availability,
.ocarousel-grid .pre-order-availability .availability-label,
.ocarousel-grid .pre-order-availability .availability-date {
}

/* Base theme specific styles */
.product-item .details .pre-order-availability {
    padding: 0;
    border: none;
    margin: 0;
    display: block;
    margin-bottom: 5px;
}

/* SimplexTheme specific styles */
.simplex-theme .product-item .caption .details .pre-order-availability,
.product-item.clearfix .caption .details .pre-order-availability {
    flex: 1 !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    display: block;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: #999999 !important;
    margin-bottom: 5px;
}

/* Responsive styles */
@media (max-width: 768px) {
    .pre-order-availability {
        font-size: 11px;
        margin: 0;
    }

    .pre-order-availability .availability-label,
    .pre-order-availability .availability-date {
        display: inline;
        font-size: 11px;
    }

    /* Ensure ocarousel-grid maintains color consistency on mobile */
    .ocarousel-grid .pre-order-availability,
    .ocarousel-grid .pre-order-availability .availability-label,
    .ocarousel-grid .pre-order-availability .availability-date {
    }
}

@media (max-width: 480px) {
    .pre-order-availability {
        font-size: 10px;
        margin: 0;
        margin-bottom: 5px;
    }

    /* Ensure ocarousel-grid maintains color consistency on small mobile */
    .ocarousel-grid .pre-order-availability,
    .ocarousel-grid .pre-order-availability .availability-label,
    .ocarousel-grid .pre-order-availability .availability-date {
    }
}

/* Dark theme compatibility */
@media (prefers-color-scheme: dark) {
    .pre-order-availability {
        color: #aaa;
    }

    .pre-order-availability .availability-label {
    }

    .pre-order-availability .availability-date {
    }
}

/* High contrast mode */
@media (prefers-contrast: high) {
    .pre-order-availability .availability-date {
        color: #333;
        font-weight: normal;
    }
}

/* Product Title Inline - Now uses old pre-order availability styling (Swapped from pre-order-availability) */
.product-title-inline {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #999;
    text-align: left;
    display: inline;
}

.product-title-inline a {
    font-weight: normal;
    color: #999;
    font-size: 12px;
}

/* SimplexTheme specific styles for product-title-inline */
.simplex-theme .product-item .caption .details .product-title-inline,
.product-item.clearfix .caption .details .product-title-inline {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #333333;
    display: inline;
}

/* Responsive styles for product-title-inline */
@media (max-width: 768px) {
    .product-title-inline {
        font-size: 11px;
        margin: 0;
    }

    .product-title-inline a {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .product-title-inline {
        font-size: 10px;
        margin: 0;
    }

    .product-title-inline a {
        font-size: 10px;
    }
}

/* Dark theme compatibility for product-title-inline */
@media (prefers-color-scheme: dark) {
    .product-title-inline {
        color: #aaa;
    }

    .product-title-inline a {
        color: #aaa;
    }
}

/* High contrast mode for product-title-inline */
@media (prefers-contrast: high) {
    .product-title-inline a {
        color: #333;
        font-weight: normal;
    }
}