/* Ensure styles are scoped to the plugin */
.nip-nutritional-info,
.nip-product-ingredients,
.nip-product-allergens {
    margin-top: 20px;
    font-family: 'Source Sans Pro', sans-serif !important; /* Set font family */
    font-size: 14px !important; /* Set font size */
    color: #333333; /* Font color */
}

/* Nutritional Information Table */
.nip-nutritional-info table {
    width: 100%;
    border-collapse: collapse;
}

.nip-nutritional-info th,
.nip-nutritional-info td {
    padding: 8px;
    border: 1px solid #ddd;
}

.nip-nutritional-info th {
    text-align: left;
    background-color: #f9f9f9;
    font-weight: 600; /* Semi-bold for headers */
}

.nip-nutritional-info td {
    text-align: right;
}

/* Ingredients Section */
.ingredients-box {
    border: 1px solid #ddd; /* Add a small border */
    padding: 15px; /* Add padding inside the box */
    background-color: #f9f9f9; /* Light gray background for contrast */
    border-radius: 4px; /* Optional: Rounded corners */
}

.nip-product-ingredients p {
    text-align: justify; /* Justify the text */
    line-height: 1.6; /* Maintain readability */
    margin: 0;
    padding: 0;
}

/* Allergens Section */
.allergens-box {
    border: 1px solid #ddd; /* Add a small border */
    padding: 15px; /* Add padding inside the box */
    background-color: #f9f9f9; /* Light gray background for contrast */
    border-radius: 4px; /* Optional: Rounded corners */
}

.nip-product-allergens p {
    text-align: justify; /* Justify the text */
    line-height: 1.6; /* Maintain readability */
    margin: 0;
    padding: 0;
}

/* Prevent theme overrides */
body .nip-nutritional-info,
body .nip-product-ingredients,
body .nip-product-allergens {
    font-family: 'Source Sans Pro', sans-serif !important; /* Ensure font family */
    font-size: 14px !important; /* Ensure font size */
    color: #333333; /* Ensure all text inherits the font color */
}