/* EU Nutrition Facts - Frontend Styles */
/* Base styles - colors, sizes, and spacing are controlled via Settings page */

.eu-nutrition-facts-wrapper {
    margin: 20px 0;
    /* max-width set by settings */
}

.eu-nutrition-facts-table {
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    /* border set by settings */
}

.eu-nutrition-facts-header {
    padding: 8px 12px;
    /* background, color, border-bottom set by settings */
}

.eu-nutrition-facts-header h3 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /* font-size set by settings */
}

.eu-nutrition-facts {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.eu-nutrition-facts tbody {
    background: #ffffff;
}

.eu-nutrition-row {
    border-bottom: 1px solid #d0d0d0;
}

.eu-nutrition-row:last-child {
    border-bottom: none;
}

.eu-nutrition-element {
    font-weight: 600;
    color: #000000;
    text-align: left;
    width: 60%;
    /* font-size and padding set by settings */
}

.eu-nutrition-value {
    font-weight: 600;
    color: #000000;
    text-align: right;
    width: 40%;
    /* font-size and padding set by settings */
}

/* Child/indented rows styling */
.eu-nutrition-child .eu-nutrition-element {
    font-weight: 400;
    font-style: italic;
    color: #333333;
}

.eu-nutrition-child .eu-nutrition-value {
    font-weight: 400;
    color: #333333;
}

/* Indentation levels */
.eu-nutrition-indent-1 .eu-nutrition-element {
    padding-left: 28px !important;
}

.eu-nutrition-indent-2 .eu-nutrition-element {
    padding-left: 44px !important;
}

.eu-nutrition-indent-3 .eu-nutrition-element {
    padding-left: 60px !important;
}

/* Energy row - slightly heavier styling */
.eu-nutrition-energy .eu-nutrition-element,
.eu-nutrition-energy .eu-nutrition-value {
    font-weight: 700;
    background: #f5f5f5;
}

/* Alternating row background for better readability */
.eu-nutrition-row:nth-child(odd):not(.eu-nutrition-child) {
    background: #fafafa;
}

/* Print styles */
@media print {
    .eu-nutrition-facts-wrapper {
        page-break-inside: avoid;
    }
}

/* Responsive adjustments */
@media screen and (max-width: 600px) {
    .eu-nutrition-facts-wrapper {
        max-width: 100% !important;
    }
    
    .eu-nutrition-indent-1 .eu-nutrition-element {
        padding-left: 20px !important;
    }
    
    .eu-nutrition-indent-2 .eu-nutrition-element {
        padding-left: 35px !important;
    }
    
    .eu-nutrition-indent-3 .eu-nutrition-element {
        padding-left: 50px !important;
    }
}

/* Additional utility classes for customization */
.eu-nutrition-facts-bold {
    font-weight: 700 !important;
}

.eu-nutrition-facts-italic {
    font-style: italic !important;
}

.eu-nutrition-facts-highlight {
    background: #fff9e6 !important;
}