/* Product Information Plugin Styles */

/* Basic Info Styles */
.product-basic-info {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-bottom: 10px !important;
    align-items: center !important;
    line-height: 1.5 !important;
    width: 100% !important;
}

.product-basic-info .info-item {
    margin-right: 18px !important;
    white-space: nowrap !important;
    margin-bottom: 3px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Attributes Styles */
.product-attributes {
    display: block !important;
    margin-bottom: 10px !important;
    line-height: 1.5 !important;
    width: 100% !important;
}

.product-attributes .info-item {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #E0E0E0 !important;
}

.product-attributes .info-item:last-child {
    border-bottom: none !important;
}

/* Common Styles */
.info-label {
    font-weight: 600 !important;
    margin-right: 4px !important;
}

.info-value {
    display: inline-block !important;
}

/* Brand specific styling */
.product-basic-info .info-item:has(.info-label:contains("Brand")) {
    order: -1 !important; /* Display brand first */
    font-weight: 700 !important;
}

/* Fallback for browsers that don't support :has selector */
.product-basic-info .info-item:nth-child(4) {
    order: -1 !important;
    font-weight: 700 !important;
}

/* Product info row - always horizontal */
.product-info-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

.product-info-row .info-item {
    display: inline-flex !important;
    float: left !important;
    margin-right: 12px !important;
    margin-bottom: 6px !important;
}

/* Product info column - always vertical */
.product-info-column {
    display: block !important;
    width: 100% !important;
}

.product-info-column .info-item {
    display: block !important;
    width: 100% !important;
}

/* Admin Tabs Styles */
.nav-tab-wrapper {
    margin-bottom: 20px !important;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

/* Responsive styles */
@media (max-width: 768px) {
    .product-basic-info {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        width: 100% !important;
    }
    
    .product-basic-info .info-item {
        display: inline-flex !important;
        margin-bottom: 6px !important;
        margin-right: 12px !important;
        float: left !important;
    }
    
    .product-attributes .info-item {
        display: block !important;
        width: 100% !important;
        padding: 8px 0 !important;
        border-bottom: 1px solid #E0E0E0 !important;
    }
    
    .product-attributes .info-item:last-child {
        border-bottom: none !important;
    }
}