/* Custom styles for Food Calculator Plugin */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Nunito', sans-serif; background: #FFF8F0; }
.sop-card { break-inside: avoid; page-break-inside: avoid; }
@media print {
    .no-print { display: none !important; }
    body { background: white !important; }
    nav, header, .food-calc-notice { display: none !important; }
}
.img-upload-zone { border: 2px dashed #FB923C; background: #FFF7ED; transition: all 0.2s; }
.img-upload-zone:hover { background: #FFEDD5; border-color: #EA580C; }
.ingredient-img { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; border: 2px solid #FED7AA; }
.tab-active { background: linear-gradient(135deg, #EA580C, #DC2626); color: white; }
.sop-print-btn { background: linear-gradient(135deg, #059669, #0D9488); }

/* WordPress Specific Fixes */
#food-calc-root {
    all: initial;
    display: block;
    font-family: 'Nunito', sans-serif;
    background: #FFF8F0;
    min-height: 500px;
    margin: 20px 0;
}

#food-calc-root * {
    box-sizing: border-box;
}

.food-calc-notice {
    padding: 20px;
    background: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
    border-radius: 8px;
    margin: 20px 0;
}