/* Product Information Display Styles
   =================================
   These styles are used to display product information
   (CAS number, English name, type) in search result cards
   and archive cards.
*/

/* Product Info Container */
.product-info {
    margin: 10px 0;
    padding: 10px;
    background-color: #f8f9fa;
    border-left: 3px solid #29437C;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.6;
}

/* Individual Product Info Items */
.product-info .product-cas,
.product-info .product-english-name,
.product-info .product-type {
    margin-bottom: 5px;
    color: #333;
}

.product-info .product-cas:last-child,
.product-info .product-english-name:last-child,
.product-info .product-type:last-child {
    margin-bottom: 0;
}

/* Strong Text (Labels) */
.product-info strong {
    color: #29437C;
    font-weight: 600;
    margin-right: 5px;
}

/* Search Result Card Adjustments */
.search-result-card .search-result-content {
    flex: 1;
    padding: 15px;
}

.search-result-card .product-info {
    margin-top: 10px;
}

/* Archive Card Adjustments */
.archive-card .entry-header {
    margin-bottom: 10px;
}

.archive-card .product-info {
    margin-top: 8px;
    font-size: 13px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .product-info {
        font-size: 13px;
        padding: 8px;
    }
}