{"id":2859,"date":"2025-12-20T17:02:23","date_gmt":"2025-12-20T16:02:23","guid":{"rendered":"https:\/\/www.dolcifaidate.it\/?p=2859"},"modified":"2026-01-21T15:35:51","modified_gmt":"2026-01-21T14:35:51","slug":"struffoli","status":"publish","type":"post","link":"https:\/\/www.dolcifaidate.it\/?p=2859","title":{"rendered":"Struffoli"},"content":{"rendered":"\n<div class=\"recipe-card\">\n\n    <div class=\"recipe-main-content\">\n        <div class=\"recipe-image\">\n            <img decoding=\"async\" src=\"https:\/\/www.dolcifaidate.it\/wp-content\/uploads\/2025\/12\/struffoli.jpg\" alt=\"Foto struffoli\">\n        <\/div>\n\n        <div class=\"recipe-info\">\n            <h3>Dettagli Ricetta<\/h3>\n            <ul class=\"info-list\">\n                <li><strong>\ud83e\udd63 Ingredienti:<\/strong> 11<\/li>\n                <li><strong>\u2b50 Difficolt\u00e0:<\/strong> facile<\/li>\n                <li><strong>\u23f1\ufe0f Tempo:<\/strong> 1 h<\/li>\n                <li><strong>\ud83d\udcc5 Stagione:<\/strong> Inverno<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- INGREDIENTI -->\n<div class=\"ingredients-container\">\n    <h2>Ingredienti<\/h2>\n\n    <div class=\"ingredients-wrapper\">\n        <div class=\"servings-selector\">\n            <p>Dosi per<\/p>\n            <div class=\"servings-control\">\n                <span class=\"servings-number\" id=\"current-servings\">10<\/span>\n                <div class=\"servings-buttons\">\n                    <button class=\"serv-btn btn-plus\">+<\/button>\n                    <button class=\"serv-btn btn-minus\">\u2212<\/button>\n                <\/div>\n            <\/div>\n            <p>porzioni<\/p>\n        <\/div>\n\n        <div class=\"ingredients-list  contenitore-flex\">\n            <div class=\"colonna-sinistra\">\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">500 g<\/span>\n                <span class=\"name\">farina 00<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">100 g<\/span>\n                <span class=\"name\">zucchero<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">4<\/span>\n                <span class=\"name\">uova intere<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">60 g<\/span>\n                <span class=\"name\">burro<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty no-decrease\">1 <\/span>\n                <span class=\"name\">bustina Lievito Paneangeli<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty  no-decrease\">1 g<\/span>\n                <span class=\"name\">sale<\/span>\n            <\/div>\n            <\/div>\n            <div class=\"colonna-destra\">\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">50 ml<\/span>\n                <span class=\"name\">Liquore Strega<\/span>\n            <\/div>\n            <h4>Guarnizione<\/h4>\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">500 g<\/span>\n                <span class=\"name\">miele millefiori<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">2 cucchiai<\/span>\n                <span class=\"name\">zucchero<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span > q.b.<\/span>\n                <span class=\"name\">confettini<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span>q.b.<\/span>\n                <span class=\"name\">frutta candita<\/span>\n            <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<!--PREPARAZIONE-->\n<div class=\"preparation-container\">\n    <h2 >Preparazione<\/h2>\n    \n    <div class=\"steps-list\">\n        <h4>Preparare l\u2019impasto<\/h4>\n        <div class=\"step-item\">\n            <div class=\"step-number\">1<\/div>\n            <div class=\"step-text\">\n                Disporre la farina a fontana su una spianatoia e inserire al centro tutti gli ingredienti.\n            <\/div>\n        <\/div>\n\n        <div class=\"step-item\">\n            <div class=\"step-number\">2<\/div>\n            <div class=\"step-text\">\n                Lavorare l\u2019impasto fino a ottenere un panetto liscio e morbido.\n            <\/div>\n        <\/div>\n\n        <h4>Riposo e Formatura<\/h4>\n        <div class=\"step-item\">\n            <div class=\"step-number\">3<\/div>\n            <div class=\"step-text\">\n                Far riposare il panetto per circa 20 minuti.\n            <\/div>\n        <\/div>\n\n        <div class=\"step-item\">\n            <div class=\"step-number\">4<\/div>\n            <div class=\"step-text\">\n                Dopo il riposo, formare gli struffoli. Eliminare bene la farina in eccesso.\n            <\/div>\n        <\/div>\n\n        <h4>Cottura<\/h4>\n        <div class=\"step-item\">\n            <div class=\"step-number\">5<\/div>\n            <div class=\"step-text\">\n                friggerli in olio caldo fino a doratura.\n            <\/div>\n        <\/div>\n\n\n        <h4>Guarnizione<\/h4>\n        <div class=\"step-item\">\n            <div class=\"step-number\">6<\/div>\n            <div class=\"step-text\">\n                In una pentola sciogliere il miele con lo zucchero.\n            <\/div>\n        <\/div>\n        <div class=\"step-item\">\n            <div class=\"step-number\">7<\/div>\n            <div class=\"step-text\">\n                Aggiungere a fuoco spento gli struffoli fritti e i confettini, mescolando delicatamente.\n            <\/div>\n        <\/div>\n        <div class=\"step-item\">\n            <div class=\"step-number\">8<\/div>\n            <div class=\"step-text\">\n                Sistemare gli struffoli su un piatto da portata e completare con altri confettini o frutta candita a piacere.\n            <\/div>\n        <\/div>\n\n\n\n        <h4>Consiglio<\/h4>\n        <div class=\"step-item\">\n            <div class=\"step-number\"><\/div>\n            <div class=\"step-text\">\n                Apposto dei <span class=\"qty\">50 ml<\/span> di strega si possono mettere <span class=\"qty\">50 ml<\/span> di anice oppure quanto basta.\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n\n<style>\n\/* CONTENITORE PRINCIPALE SQUADRATO *\/\n.recipe-card {\n    background: #ffffff;\n    border-radius: 0 !important; \/* Rimuove bordi arrotondati *\/\n    overflow: hidden;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n    border: 1px solid #e0e0e0; \/* Bordo grigio leggero e pulito *\/\n    margin: 20px auto;\n    max-width: 950px;\n    font-family: 'Segoe UI', Arial, sans-serif;\n}\n\n\/* LAYOUT FLEX *\/\n.recipe-main-content {\n    display: flex;\n    flex-wrap: wrap;\n}\n\n\/* AREA IMMAGINE (Sinistra) *\/\n.recipe-image {\n    flex: 1.2; \/* Leggermente pi\u00f9 larga *\/\n    min-width: 350px;\n    background-color: #f5f5f5;\n}\n\n.recipe-image img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n}\n\n\/* AREA INFO (Destra) *\/\n.recipe-info {\n    flex: 1;\n    padding: 40px;\n    min-width: 300px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center; \/* Centra il contenuto verticalmente *\/\n}\n\n\/* TITOLO (Ora a destra, pulito) *\/\n.recipe-title {\n    margin: 0 0 20px 0;\n    color: #333; \/* Colore scuro neutro *\/\n    font-size: 2.2em;\n    font-weight: 800;\n    text-transform: uppercase;\n    line-height: 1.1;\n    border-left: 5px solid #03a9f4; \/* Una linea azzurra per dare carattere *\/\n    padding-left: 15px;\n}\n\n\/* DETTAGLI *\/\n.recipe-details h3 {\n    margin: 20px 0 15px 0;\n    font-size: 1.1em;\n    color: #03a9f4; \/* Azzurro *\/\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.info-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.info-list li {\n    padding: 10px 0;\n    border-bottom: 1px dashed #eee; \/* Linea tratteggiata tra le info *\/\n    font-size: 1.05em;\n    color: #444;\n}\n\n.info-list li:last-child {\n    border-bottom: none;\n}\n\n.info-list li strong {\n    color: #333;\n}\n\n\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n    .recipe-main-content {\n        flex-direction: column;\n    }\n    \n    .recipe-image {\n        min-width: 100%;\n        height: 300px;\n    }\n\n    .recipe-title {\n        font-size: 1.8em;\n    }\n}\n\n\n\n\/*INGREDIENTI CSS*\/\n\/* CONTENITORE GENERALE *\/\n.ingredients-container {\n    max-width: 950px;\n    margin: 40px auto;\n    padding: 0 20px;\n    font-family: 'Segoe UI', Arial, sans-serif;\n}\n\n.section-title {\n    font-size: 1.8em;\n    color: #333;\n    text-transform: uppercase;\n    border-left: 5px solid #03a9f4; \/* Accento azzurro *\/\n    padding-left: 15px;\n    margin-bottom: 30px;\n}\n\n.ingredients-wrapper {\n    display: flex;\n    gap: 40px;\n    align-items: flex-start;\n    border-top: 1px solid #eee;\n    padding-top: 30px;\n}\n\n\/* SELETTORE DOSI (Sinistra) *\/\n.servings-selector {\n    text-align: center;\n    min-width: 120px;\n}\n\n.servings-selector p {\n    margin: 5px 0;\n    color: #888;\n    text-transform: uppercase;\n    font-size: 0.85em;\n    letter-spacing: 1px;\n}\n\n.servings-number {\n    font-size: 3.5em;\n    font-weight: 800;\n    color: #333;\n    line-height: 1;\n}\n\n.servings-buttons {\n    display: flex;\n    justify-content: center;\n    gap: 5px;\n    margin: 10px 0;\n}\n\n.serv-btn {\n    background: #f5f5f5;\n    border: 1px solid #ddd;\n    width: 30px;\n    height: 30px;\n    cursor: pointer;\n    font-weight: bold;\n    color: #03a9f4;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* LISTA INGREDIENTI (Destra) *\/\n.ingredients-list {\n    flex-grow: 1;\n}\n\n.ingredient-item {\n    display: flex;\n    padding: 12px 0;\n    border-bottom: 1px solid #f0f0f0;\n    font-size: 1.1em;\n}\n\n.ingredient-item .qty {\n    font-weight: bold;\n    width: 100px;\n    color: #333;\n}\n\n.ingredient-item .name {\n    color: #555;\n}\n\n\/* PULSANTI AZIONE (Sotto) *\/\n.ingredients-actions {\n    display: flex;\n    gap: 15px;\n    margin-top: 30px;\n}\n\n.action-btn {\n    flex: 1;\n    padding: 12px;\n    background: white;\n    border: 1px solid #ddd;\n    cursor: pointer;\n    font-weight: bold;\n    color: #555;\n    transition: all 0.2s;\n    text-transform: uppercase;\n    font-size: 0.85em;\n}\n\n.action-btn:hover {\n    background: #f9f9f9;\n    border-color: #03a9f4;\n    color: #03a9f4;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 600px) {\n    .ingredients-wrapper {\n        flex-direction: column;\n        align-items: center;\n    }\n    .ingredients-list {\n        width: 100%;\n    }\n    .ingredients-actions {\n        flex-direction: column;\n    }\n}\n\n\n\n\n.contenitore-flex {\n    display: flex !important;\n    gap: 20px; \/* Crea uno spazio tra i due div senza usare margin *\/\n    align-items: flex-start; \/* Allinea gli elementi in alto *\/\n    width: 100%;\n}\n\n.colonna-sinistra {\n    flex: 1; \/* Prende spazio in base al contenuto o met\u00e0 se entrambi hanno 1 *\/\n    background: #f9f9f9;\n}\n\n.colonna-destra {\n    flex: 1;\n    background: #ffffff;\n}\n\n\/* IMPORTANTE: Su mobile vogliamo che tornino uno sopra l'altro *\/\n@media (max-width: 768px) {\n    .contenitore-flex {\n        flex-direction: column; \/* Li mette in verticale su schermi piccoli *\/\n    }\n}\n\n\n\n\/*PREPARAZIONE*\/\n\/* CONTENITORE PREPARAZIONE *\/\n.preparation-container {\n    max-width: 950px;\n    margin: 40px auto;\n    padding: 0 20px;\n    font-family: 'Segoe UI', Arial, sans-serif;\n}\n\n.steps-list {\n    margin-top: 30px;\n}\n\n\/* SINGOLO PASSAGGIO *\/\n.step-item {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 30px;\n    align-items: flex-start;\n}\n\n\/* IL NUMERO DEL PASSAGGIO (SQUADRATO) *\/\n.step-number {\n    background-color: #f6a8c6; \/* rosa*\/\n    color: white;\n    font-weight: bold;\n    font-size: 1.2em;\n    min-width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n\/* TESTO DEL PASSAGGIO *\/\n.step-text {\n    font-size: 1.1em;\n    line-height: 1.6;\n    color: #444;\n    padding-top: 5px;\n    border-bottom: 1px solid #f0f0f0;\n    padding-bottom: 20px;\n    width: 100%;\n}\n\n.step-item:last-child .step-text {\n    border-bottom: none; \/* Rimuove l'ultima linea *\/\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 600px) {\n    .step-item {\n        flex-direction: column;\n        gap: 10px;\n    }\n    .step-number {\n        width: 30px;\n        height: 30px;\n        font-size: 1em;\n    }\n}\n<\/style>\n\n\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const servingsDisplay = document.getElementById('current-servings');\n    const btnPlus = document.querySelector('.btn-plus');\n    const btnMinus = document.querySelector('.btn-minus');\n    const ingredientQtys = document.querySelectorAll('.qty');\n\n    if (!servingsDisplay || !btnPlus || !btnMinus) return;\n\n    let originalServings = parseInt(servingsDisplay.innerText);\n    let ingredientData = [];\n\n    \/\/ Memorizziamo i dati iniziali di ogni ingrediente\n    ingredientQtys.forEach(qtySpan => {\n        const text = qtySpan.innerText;\n        const num = parseFloat(text.replace(',', '.'));\n        const unit = text.replace(\/[0-9.,]\/g, '').trim();\n        const canDecrease = !qtySpan.classList.contains('no-decrease');\n        \n        ingredientData.push({ \n            span: qtySpan, \n            baseQty: num, \n            unit: unit,\n            canDecrease: canDecrease \n        });\n    });\n\n    function updateIngredients(newServings) {\n        ingredientData.forEach(item => {\n            let exactQty = (item.baseQty \/ originalServings) * newServings;\n            let decimalPart = exactQty % 1;\n            let finalQty;\n\n            \/\/ Logica arrotondamento: < 0.8 tronca, >= 0.8 eccesso\n            if (decimalPart > 0 && decimalPart < 0.8) {\n                finalQty = Math.floor(exactQty);\n            } else if (decimalPart >= 0.8) {\n                finalQty = Math.ceil(exactQty);\n            } else {\n                finalQty = exactQty;\n            }\n\n            \/\/ Controllo 'no-decrease'\n            if (!item.canDecrease && finalQty < item.baseQty) {\n                finalQty = item.baseQty;\n            }\n\n            item.span.innerText = finalQty + (item.unit ? ' ' + item.unit : '');\n        });\n    }\n\n    btnPlus.onclick = function(e) {\n        e.preventDefault();\n        let current = parseInt(servingsDisplay.innerText);\n        current++;\n        servingsDisplay.innerText = current;\n        updateIngredients(current);\n    };\n\n    btnMinus.onclick = function(e) {\n        e.preventDefault();\n        let current = parseInt(servingsDisplay.innerText);\n        if (current > 1) {\n            current--;\n            servingsDisplay.innerText = current;\n            updateIngredients(current);\n        }\n    };\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Dettagli Ricetta \ud83e\udd63 Ingredienti: 11 \u2b50 Difficolt\u00e0: facile \u23f1\ufe0f Tempo: 1 h \ud83d\udcc5 Stagione: Inverno Ingredienti Dosi per 10 + \u2212 porzioni 500 g farina 00 100 g zucchero 4 uova intere 60 g burro 1 bustina Lievito Paneangeli 1 g sale 50 ml Liquore Strega Guarnizione 500 g miele &hellip; <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[90],"tags":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/posts\/2859"}],"collection":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2859"}],"version-history":[{"count":4,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/posts\/2859\/revisions"}],"predecessor-version":[{"id":2871,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/posts\/2859\/revisions\/2871"}],"wp:attachment":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}