BNB Sardegna \u2014 Ristoranti & Pizzerie Selezionati \ud83c\udf7d\ufe0fcon sconti e omaggi<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n --pd: #162226;\n --primary: #e67e22;\n --acc: #25D366;\n --bg: #F8FAFC;\n --super-yellow: #FFD400;\n --super-red: #d93025;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n font-family: 'Plus Jakarta Sans', sans-serif;\n background: var(--bg);\n color: #1E293B;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: 1400px;\n margin: auto;\n padding: 10px 15px 40px;\n}\n\n.quick-nav-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n width: 100%;\n margin: 24px auto 16px auto;\n justify-content: center;\n align-items: stretch;\n background: linear-gradient(90deg,#e8f9e8 0%,#f3faff 100%);\n border: 1.7px solid #7fcba6;\n border-radius: 14px;\n box-shadow: 0 4px 20px #63bf7626;\n padding: 16px 12px;\n max-width: 800px;\n}\n\n.nav-quadrant {\n flex: 1 1 180px;\n min-width: 0;\n min-height: 105px;\n background: #fff;\n border-radius: 18px;\n padding: 15px 7px;\n text-align: center;\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 4px 10px rgba(0,0,0,0.07);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n border: 1px solid #f1f5f9;\n border-bottom: 4px solid transparent;\n font-weight: 800;\n overflow: hidden;\n}\n\n.nav-quadrant.map {\n border-bottom-color: #3b82f6;\n}\n\n.nav-quadrant.card {\n border-bottom-color: var(--super-yellow);\n}\n\n.nav-quadrant.join {\n border-bottom-color: var(--acc);\n}\n\n.nav-quadrant span {\n font-size: clamp(0.68rem, 1.8vw, 0.86rem);\n line-height: 1.15;\n font-weight: 800;\n color: var(--pd);\n text-transform: uppercase;\n letter-spacing: 0.02em;\n white-space: normal;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n max-width: 100%;\n}\n\n.nav-icon {\n font-size: 1.6rem !important;\n line-height: 1;\n}\n\n.category-filter {\n display: flex;\n gap: 10px;\n justify-content: center;\n margin: 20px 0;\n flex-wrap: wrap;\n}\n\n.filter-btn {\n padding: 12px 24px;\n border-radius: 50px;\n border: 2px solid var(--primary);\n background: white;\n color: var(--primary);\n font-weight: 800;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n white-space: normal;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n line-height: 1.15;\n}\n\n.filter-btn.active {\n background: var(--primary);\n color: white;\n box-shadow: 0 10px 25px rgba(230, 126, 34, 0.3);\n}\n\n.filter-btn:hover {\n transform: translateY(-2px);\n}\n\n.section-header {\n grid-column: 1\/-1;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 2rem;\n margin: 40px 0 15px;\n color: var(--pd);\n border-left: 6px solid var(--primary);\n padding-left: 15px;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n}\n\n.hero-premium {\n background: linear-gradient(165deg, #0369a1 0%, #0ea5e9 100%);\n border-radius: 30px;\n padding: 60px 20px;\n text-align: center;\n color: white;\n margin-bottom: 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n}\n\n.hero-premium h1 {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 2.2rem;\n margin: 0 0 15px;\n line-height: 1.1;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n}\n\n.btn-hero {\n display: inline-block;\n background: var(--super-yellow);\n color: var(--pd);\n padding: 18px 40px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 800;\n font-size: 1.1rem;\n box-shadow: 0 10px 25px rgba(255, 212, 0, 0.38);\n text-transform: uppercase;\n max-width: 100%;\n white-space: normal;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n line-height: 1.15;\n}\n\n.filter-box {\n background: white;\n padding: 20px;\n border-radius: 22px;\n margin-top: -40px;\n position: relative;\n z-index: 100;\n box-shadow: 0 15px 35px rgba(0,0,0,0.12);\n display: flex;\n flex-direction: column;\n gap: 12px;\n align-items: center;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.search-row {\n display: flex;\n gap: 8px;\n width: 100%;\n align-items: center;\n position: relative;\n}\n\n#place-search {\n flex: 1;\n min-width: 0;\n padding: 12px 14px;\n border-radius: 12px;\n border: 1px solid #e6e6e6;\n font-weight: 700;\n color: var(--pd);\n font-size: 1rem;\n outline: none;\n}\n\n#place-search-btn {\n padding: 12px 15px;\n border-radius: 12px;\n background: var(--pd);\n color: #fff;\n border: none;\n font-weight: 800;\n cursor: pointer;\n white-space: normal;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n}\n\n#search-suggestions {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background: white;\n border-radius: 12px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n z-index: 1000;\n display: none;\n margin-top: 5px;\n overflow: hidden;\n}\n\n.suggestion-item {\n padding: 12px;\n border-bottom: 1px solid #eee;\n cursor: pointer;\n font-size: 0.9rem;\n}\n\n.suggestion-item:hover {\n background: #f0f7ff;\n}\n\n#gps-warning {\n display: none;\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n background: #fff4e6;\n border: 1px solid #ffd89b;\n color: #6b4100;\n padding: 12px 4px;\n border-radius: 12px 12px 0 0;\n z-index: 9999;\n font-weight: 700;\n text-align: center;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n#gps-warning.visible {\n display: flex;\n}\n\n#gps-warning button {\n padding: 7px 13px;\n border-radius: 6px;\n border: none;\n background: var(--primary);\n color: #fff;\n font-weight: 700;\n white-space: normal;\n overflow-wrap: anywhere;\n}\n\n.cards-grid {\n display: grid;\n gap: 25px;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n margin-top: 30px;\n}\n\n.hero-card {\n position: relative;\n background: #fff;\n border-radius: 26px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n border: 1px solid #e2e8f0;\n height: 100%;\n transition: all 0.3s ease;\n min-width: 0;\n}\n\n.hero-card.is-premium {\n border: 3px solid var(--super-yellow);\n box-shadow: 0 15px 45px rgba(255, 212, 0, 0.22);\n transform: scale(1.02);\n z-index: 5;\n}\n\n.premium-badge {\n position: absolute;\n top: 15px;\n right: 15px;\n background: linear-gradient(135deg, #ffe76b 0%, #FFD400 50%, #e1aa00 100%);\n color: #000;\n padding: 6px 14px;\n border-radius: 50px;\n font-weight: 900;\n font-size: 0.75rem;\n z-index: 10;\n animation: pulse-gold 2s infinite;\n max-width: calc(100% - 30px);\n white-space: normal;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n}\n\n@keyframes pulse-gold {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.08); }\n 100% { transform: scale(1); }\n}\n\n.slider-link {\n display: block;\n width: 100%;\n height: 230px;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n}\n\n.slider-wrapper {\n display: flex;\n height: 100%;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.slide {\n min-width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.slider-dots {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 5px;\n}\n\n.dot {\n width: 7px;\n height: 7px;\n background: rgba(255,255,255,0.5);\n border-radius: 50%;\n}\n\n.dot.active {\n background: white;\n width: 15px;\n border-radius: 4px;\n}\n\n.hero-info {\n padding: 22px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.hero-title-link {\n text-decoration: none;\n display: inline-block;\n width: fit-content;\n max-width: 100%;\n}\n\n.hero-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: clamp(1.15rem, 2.5vw, 1.6rem);\n color: var(--pd);\n margin: 0 0 8px;\n font-weight: 800;\n transition: all 0.3s ease;\n line-height: 1.15;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n}\n\n.hero-title-link:hover .hero-title {\n transform: scale(1.05);\n color: var(--primary);\n}\n\n.category-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #f1f5f9;\n color: #475569;\n padding: 4px 12px;\n border-radius: 8px;\n font-size: 0.8rem;\n font-weight: 700;\n margin-bottom: 10px;\n width: fit-content;\n max-width: 100%;\n white-space: normal;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n}\n\n.location-tag {\n color: var(--primary);\n font-weight: 700;\n font-size: 0.9rem;\n margin-bottom: 12px;\n display: block;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n}\n\n.dist-btn {\n width: auto;\n display: inline-block;\n margin: 0 0 10px;\n padding: 6px 10px;\n border-radius: 10px;\n border: 1px solid var(--primary);\n background: #fff;\n color: var(--primary);\n font-weight: 900;\n cursor: pointer;\n transition: .2s;\n text-transform: uppercase;\n font-size: .65rem;\n line-height: 1;\n white-space: normal;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n}\n\n.dist-btn:hover {\n transform: translateY(-1px);\n}\n\n.incentive-box\n\n\n {\n display: flex;\n justify-content: center;\n align-items: stretch;\n gap: 8px;\n width: 100%;\n background: var(--super-yellow);\n border: 2px dashed var(--super-red);\n border-radius: 9px;\n padding: 7px 10px;\n text-decoration: none;\n color: #1b3050;\n margin: 0 0 9px 0;\n box-shadow: 0 3px 0 var(--super-red);\n transition: all 0.2s ease;\n overflow-wrap: anywhere;\n word-break: normal;\n hyphens: auto;\n}\n\n.incentive-box:hover {\n background: #ffffff;\n}\n\n.incentive-box > div:first-child {\n flex: 1;\n text-align: center !important;\n}\n\n.incentive-box strong,\n.incentive-box span {\n overflow-wrap: anywhere !important;\n word-break: normal !important;\n hyphens: auto !important;\n}\n\n.discount-amount {\n flex: 1;\n background: var(--super-red);\n color: white;\n padding: 3px 6px;\n border-radius: 6px;\n font-size: .93rem;\n font-weight: 800;\n max-width: none;\n white-space: normal;\n line-height: 1.2;\n text-align: center;\n overflow-wrap: anywhere;\n word-break: normal;\n hyphens: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.discount-item {\n display: inline;\n background: transparent;\n color: inherit;\n padding: 0;\n border-radius: 0;\n font-size: inherit;\n font-weight: inherit;\n white-space: normal;\n line-height: inherit;\n}\n\n.card-actions-full {\n padding: 0 22px 22px;\n width: 100%;\n}\n\n.action-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 7px;\n margin-bottom: 9px;\n width: 100%;\n}\n\n.btn-small {\n padding: 8px 3px;\n border-radius: 8px;\n text-decoration: none;\n text-align: center;\n font-weight: 800;\n font-size: 0.80rem;\n color: white;\n white-space: normal;\n line-height: 1.15;\n min-height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow-wrap: anywhere;\n word-break: normal;\n hyphens: auto;\n min-width: 0;\n}\n\n.btn-map {\n background: #64748b;\n}\n\n.btn-site {\n background: #0077B6;\n}\n\n.btn-tel {\n background: #ef4444;\n}\n\n.btn-wa {\n background: var(--acc);\n color: white;\n padding: 11px;\n border-radius: 10px;\n text-align: center;\n font-weight: 900;\n text-decoration: none;\n display: block;\n font-size: .92rem;\n white-space: normal;\n line-height: 1.15;\n overflow-wrap: anywhere;\n word-break: normal;\n hyphens: auto;\n width: 100%;\n}\n\n.desc-box {\n font-size: 0.85rem;\n color: #475569;\n max-height: 60px;\n overflow: hidden;\n margin-bottom: 8px;\n transition: max-height 0.3s ease;\n line-height: 1.4;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n}\n\n.desc-box.expanded {\n max-height: 1000px;\n}\n\n.read-more-btn {\n background: transparent;\n border: none;\n color: var(--primary);\n font-weight: 800;\n cursor: pointer;\n padding: 0;\n font-size: 0.75rem;\n margin-bottom: 10px;\n display: block;\n text-align: left;\n}\n\n.notes-box {\n background: #fef3c7;\n border-left: 3px solid #f59e0b;\n padding: 8px 12px;\n margin-bottom: 12px;\n border-radius: 6px;\n font-size: 0.8rem;\n color: #92400e;\n font-weight: 600;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n}\n\n.orari-box {\n background: #f8fafc;\n border-radius: 12px;\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #edf2f7;\n overflow-wrap: normal;\n word-break: keep-all;\n hyphens: none;\n}\n\n.details-hidden {\n display: block;\n}\n\n.expand-btn-mobile {\n display: none;\n}\n\n@media (max-width:600px) {\n .container {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n .hero-premium {\n padding: 42px 14px;\n border-radius: 24px;\n }\n\n .hero-premium h1 {\n font-size: 1.75rem;\n }\n\n .btn-hero {\n padding: 15px 24px;\n font-size: 0.95rem;\n }\n\n .quick-nav-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 10px;\n max-width: 99vw;\n padding: 10px 6px;\n }\n\n .nav-quadrant {\n min-width: 0 !important;\n flex: initial;\n padding: 14px 8px;\n min-height: 112px;\n }\n\n .nav-icon {\n font-size: 1.75rem !important;\n }\n\n .nav-quadrant span:not(.nav-icon) {\n font-size: clamp(0.78rem, 3.2vw, 0.95rem);\n letter-spacing: 0;\n line-height: 1.18;\n }\n\n .category-filter {\n gap: 5px;\n }\n\n .filter-btn {\n padding: 8px 9px;\n font-size: clamp(0.65rem, 2.8vw, 0.83rem);\n }\n\n .search-row {\n align-items: stretch;\n }\n\n #place-search-btn {\n padding-left: 10px;\n padding-right: 10px;\n }\n\n .cards-grid {\n gap: 15px;\n margin-top: 10px;\n grid-template-columns: 1fr;\n }\n\n .hero-card.is-premium {\n border: 2px solid var(--super-yellow) !important;\n box-shadow: 0 8px 20px rgba(255,212,0,0.21) !important;\n transform: none !important;\n }\n\n .card-content-wrapper {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n }\n\n .slider-link {\n width: 42%;\n height: 165px !important;\n flex-shrink: 0;\n }\n\n .hero-info {\n width: 58%;\n padding: 10px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .hero-title {\n font-size: 1rem !important;\n margin: 0 0 4px !important;\n line-height: 1.18 !important;\n }\n\n .category-tag {\n font-size: 0.6rem !important;\n padding: 3px 8px !important;\n margin-bottom: 6px !important;\n }\n\n .location-tag {\n font-size: 0.8rem;\n margin-bottom: 6px;\n }\n\n .details-hidden {\n display: none !important;\n }\n\n .desc-box,\n .read-more-btn {\n display: none !important;\n }\n\n .card-actions-full {\n padding: 0 10px 10px !important;\n width: 100% !important;\n }\n\n .incentive-box {\n flex-direction: column;\n text-align: center;\n width: 100% !important;\n padding: 11px 14px !important;\n font-size: 0.95em !important;\n border-width: 2.2px !important;\n margin: 0 0 9px 0 !important;\n }\n\n .incentive-box > div:first-child {\n width: 100% !important;\n text-align: center !important;\n }\n\n .incentive-box strong {\n font-weight: 800 !important;\n display: block !important;\n white-space: normal !important;\n overflow-wrap: anywhere !important;\n word-break: normal !important;\n hyphens: auto !important;\n }\n\n .incentive-box span {\n font-size: 0.7rem !important;\n font-weight: 700 !important;\n display: block !important;\n white-space: normal !important;\n overflow-wrap: anywhere !important;\n word-break: normal !important;\n hyphens: auto !important;\n }\n\n .discount-amount {\n max-width: 100% !important;\n width: 100% !important;\n font-size: 0.95rem !important;\n padding: 7px 10px !important;\n border-radius: 8px !important;\n background: var(--super-red) !important;\n color: white !important;\n text-align: center !important;\n font-weight: 800 !important;\n }\n\n .discount-item {\n display: inline !important;\n background: transparent !important;\n color: inherit !important;\n padding: 0 !important;\n border-radius: 0 !important;\n font-size: inherit !important;\n font-weight: inherit !important;\n }\n\n .action-grid,\n .hero-card.expanded-mobile .action-grid {\n display: grid !important;\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n gap: 7px !important;\n margin-bottom: 9px !important;\n width: 100% !important;\n }\n\n .btn-small,\n .hero-card.expanded-mobile .btn-small {\n padding: 12px 3px !important;\n border-radius: 13px !important;\n text-decoration: none !important;\n text-align: center !important;\n font-weight: 800 !important;\n font-size: clamp(0.72rem, 3vw, 0.9rem) !important;\n color: white !important;\n white-space: normal !important;\n line-height: 1.15 !important;\n min-height: 44px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n overflow-wrap: anywhere !important;\n word-break: normal !important;\n hyphens: auto !important;\n min-width: 0 !important;\n width: auto !important;\n }\n\n .btn-wa,\n .hero-card.expanded-mobile .btn-wa {\n background: var(--acc) !important;\n color: white !important;\n padding: 12px !important;\n border-radius: 13px !important;\n text-align: center !important;\n font-weight: 900 !important;\n text-decoration: none !important;\n display: block !important;\n font-size: 0.95rem !important;\n white-space: normal !important;\n line-height: 1.15 !important;\n overflow-wrap: anywhere !important;\n word-break: normal !important;\n hyphens: auto !important;\n width: 100% !important;\n }\n\n .premium-badge {\n font-size: 0.55rem !important;\n padding: 3px 8px !important;\n top: 8px !important;\n left: 8px !important;\n right: auto !important;\n animation: none !important;\n }\n\n .expand-btn-mobile {\n display: block !important;\n width: 100%;\n padding: 10px 12px;\n border: none;\n border-radius: 0;\n background: var(--primary);\n color: white;\n font-weight: 700;\n font-size: 0.75rem;\n cursor: pointer;\n order: 100;\n }\n\n \n\n .hero-card.expanded-mobile {\n\n height: auto !important;\n }\n\n .hero-card.expanded-mobile .card-content-wrapper {\n flex-direction: column !important;\n }\n\n .hero-card.expanded-mobile .slider-link {\n width: 100% !important;\n height: 230px !important;\n }\n\n .hero-card.expanded-mobile .hero-info {\n width: 100% !important;\n padding: 22px !important;\n }\n\n .hero-card.expanded-mobile .details-hidden {\n display: block !important;\n }\n\n .hero-card.expanded-mobile .desc-box {\n display: block !important;\n max-height: none !important;\n overflow: visible !important;\n }\n\n .hero-card.expanded-mobile .read-more-btn {\n display: block !important;\n }\n\n .hero-card.expanded-mobile .card-actions-full {\n padding: 0 22px 22px !important;\n }\n\n \/* MOBILE COMPATTO: subito visibili solo nome, luogo e sconto *\/\n .hero-card {\n border-radius: 18px !important;\n overflow: hidden !important;\n }\n\n .card-content-wrapper {\n display: block !important;\n }\n\n .slider-link,\n .category-tag,\n .dist-btn,\n .desc-box,\n .read-more-btn,\n .details-hidden,\n .action-grid,\n .btn-wa,\n .premium-badge {\n display: none !important;\n }\n\n .hero-info {\n width: 100% !important;\n padding: 14px 14px 6px !important;\n display: block !important;\n }\n\n .hero-title {\n font-size: 1.12rem !important;\n margin: 0 0 6px !important;\n line-height: 1.15 !important;\n }\n\n .location-tag {\n display: block !important;\n font-size: 0.85rem !important;\n margin-bottom: 0 !important;\n color: var(--primary) !important;\n font-weight: 800 !important;\n }\n\n .card-actions-full {\n padding: 0 14px 12px !important;\n }\n\n .incentive-box {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n gap: 8px !important;\n padding: 8px 9px !important;\n margin: 4px 0 10px 0 !important;\n font-size: 0.82rem !important;\n border-radius: 10px !important;\n }\n\n .incentive-box > div:first-child {\n width: 45% !important;\n flex: 0 0 45% !important;\n }\n\n .incentive-box strong {\n font-size: 0.72rem !important;\n line-height: 1.1 !important;\n }\n\n .incentive-box span {\n font-size: 0.62rem !important;\n line-height: 1.1 !important;\n }\n\n .discount-amount {\n width: 55% !important;\n flex: 1 !important;\n font-size: 0.82rem !important;\n padding: 6px 7px !important;\n min-height: 34px !important;\n }\n\n .expand-btn-mobile {\n display: block !important;\n width: 100%;\n padding: 10px 12px;\n border: none;\n border-radius: 0;\n background: var(--primary);\n color: white;\n font-weight: 800;\n font-size: 0.82rem;\n cursor: pointer;\n order: 100;\n }\n\n \/* Quando clicchi Scopri di pi\u00f9, mostra tutto *\/\n .hero-card.expanded-mobile .card-content-wrapper {\n display: flex !important;\n flex-direction: column !important;\n }\n\n .hero-card.expanded-mobile .slider-link {\n display: block !important;\n width: 100% !important;\n height: 230px !important;\n }\n\n .hero-card.expanded-mobile .category-tag {\n display: inline-flex !important;\n }\n\n .hero-card.expanded-mobile .dist-btn {\n display: inline-block !important;\n }\n\n .hero-card.expanded-mobile .details-hidden {\n display: block !important;\n }\n\n .hero-card.expanded-mobile .desc-box {\n display: block !important;\n max-height: none !important;\n overflow: visible !important;\n }\n\n .hero-card.expanded-mobile .read-more-btn {\n display: block !important;\n }\n\n .hero-card.expanded-mobile .action-grid {\n display: grid !important;\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n gap: 7px !important;\n margin-bottom: 9px !important;\n width: 100% !important;\n }\n\n .hero-card.expanded-mobile .btn-wa {\n display: block !important;\n }\n\n .hero-card.expanded-mobile .premium-badge {\n display: block !important;\n font-size: 0.55rem !important;\n padding: 3px 8px !important;\n top: 8px !important;\n left: 8px !important;\n right: auto !important;\n animation: none !important;\n }\n\n .hero-card.expanded-mobile .hero-info {\n width: 100% !important;\n padding: 22px !important;\n }\n\n .hero-card.expanded-mobile .card-actions-full {\n padding: 0 22px 22px !important;\n }\n\n .hero-card.expanded-mobile .incentive-box {\n flex-direction: column !important;\n padding: 11px 14px !important;\n font-size: 0.95em !important;\n }\n\n .hero-card.expanded-mobile .incentive-box > div:first-child {\n width: 100% !important;\n flex: initial !important;\n }\n\n .hero-card.expanded-mobile .discount-amount {\n width: 100% !important;\n font-size: 0.95rem !important;\n padding: 7px 10px !important;\n }\n\n\n \/* AGGIORNAMENTO MOBILE: nella vista compatta mostra anche immagine e Calcola distanza *\/\n .hero-card:not(.expanded-mobile) .card-content-wrapper {\n display: flex !important;\n flex-direction: row !important;\n align-items: stretch !important;\n }\n\n .hero-card:not(.expanded-mobile) .slider-link {\n display: block !important;\n width: 38% !important;\n height: 132px !important;\n flex-shrink: 0 !important;\n }\n\n .hero-card:not(.expanded-mobile) .slider-dots {\n display: none !important;\n }\n\n .hero-card:not(.expanded-mobile) .hero-info {\n width: 62% !important;\n padding: 12px 10px 6px !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n }\n\n .hero-card:not(.expanded-mobile) .hero-title {\n font-size: 1.02rem !important;\n margin: 0 0 5px !important;\n line-height: 1.15 !important;\n }\n\n .hero-card:not(.expanded-mobile) .location-tag {\n font-size: 0.78rem !important;\n margin-bottom: 7px !important;\n line-height: 1.15 !important;\n }\n\n .hero-card:not(.expanded-mobile) .dist-btn {\n display: inline-block !important;\n width: fit-content !important;\n margin: 0 !important;\n padding: 6px 8px !important;\n border-radius: 9px !important;\n font-size: 0.62rem !important;\n line-height: 1 !important;\n font-weight: 900 !important;\n }\n\n}\n<\/style>\n<\/head>\n\n<body>\n<div class=\"container\">\n <div class=\"hero-premium\">\n <h1>I Migliori Locali della Sardegna<br>Sconto Esclusivo<\/h1>\n <a href=\"#main-content\" class=\"btn-hero\">I migliori Ristoranti, Pizzerie, Pub e Birrerie vicini a te<\/a>\n <\/div>\n\n <div class=\"filter-box\">\n <div class=\"search-row\">\n <input id=\"place-search\" placeholder=\"In quale citt\u00e0 ti trovi? (es: Olbia...)\" autocomplete=\"off\" \/>\n <div id=\"search-suggestions\"><\/div>\n <button id=\"place-search-btn\">Cerca<\/button>\n <\/div>\n <\/div>\n\n <nav class=\"quick-nav-grid\">\n <a href=\"https:\/\/sardegnabnb.it\/mappa-attivita-e-alloggi\/\" target=\"_blank\" class=\"nav-quadrant map\">\n <span class=\"nav-icon\">\ud83d\uddfa\ufe0f<\/span>\n <span>Mappa tutti Servizi<\/span>\n <\/a>\n\n <a href=\"https:\/\/bnbeurope.com\/acquista-richiedi-tessera-sconto\/\" target=\"_blank\" class=\"nav-quadrant card\">\n <span class=\"nav-icon\">\ud83d\udcb3<\/span>\n <span>Ottieni Tessera Sconto<\/span>\n <\/a>\n\n <\/nav>\n\n <div class=\"category-filter\">\n <button class=\"filter-btn active\" data-filter=\"all\">Tutti<\/button>\n <button class=\"filter-btn\" data-filter=\"ristorante\">Ristoranti<\/button>\n <button class=\"filter-btn\" data-filter=\"pizzeria\">Pizzerie<\/button>\n <button class=\"filter-btn\" data-filter=\"ristorante_pizzeria\">Ristorante e Pizzeria<\/button>\n <button class=\"filter-btn\" data-filter=\"pub_birreria\">Pub \/ Birrerie<\/button>\n <\/div>\n\n <div id=\"main-content\" class=\"cards-grid\"><\/div>\n\n <div id=\"gps-warning\">\n Vuoi vedere i locali pi\u00f9 vicini a te? <br>Abilita la posizione GPS.\n <button id=\"gps-activate-btn\">Attiva GPS ora<\/button>\n <\/div>\n<\/div>\n\n<script>\nlet locali = [];\nlet userPos = { lat: 40.9, lng: 9.1 };\nlet isSearchActive = false;\nlet gpsEnabled = false;\nlet currentFilter = 'all';\nconst baseConta = \"https:\/\/sardegnabnb.it\/conta.php\";\n\nfunction toggleExpandMobile(cardIndex) {\n const card = document.querySelector(`[data-card-index=\"${cardIndex}\"]`);\n\n if (card) {\n card.classList.toggle('expanded-mobile');\n\n const btn = card.querySelector('.expand-btn-mobile');\n\n if (btn) {\n btn.textContent = card.classList.contains('expanded-mobile') ? 'Leggi meno \u25b4' : 'Scopri di pi\u00f9 \u25be';\n }\n }\n}\n\nfunction toggleDescription(descIndex) {\n const desc = document.getElementById(`desc-${descIndex}`);\n const btn = document.getElementById(`btn-desc-${descIndex}`);\n\n if (desc && btn) {\n desc.classList.toggle('expanded');\n btn.textContent = desc.classList.contains('expanded') ? 'Leggi meno \u25b4' : 'Leggi di pi\u00f9 \u25be';\n }\n}\n\nfunction calcolaDistanzaCard(cardIndex) {\n const btn = document.getElementById(`distbtn-${cardIndex}`);\n\n if (btn) {\n btn.textContent = 'GPS...';\n btn.disabled = true;\n }\n\n if (!navigator.geolocation) {\n alert(\"Il tuo browser non supporta la geolocalizzazione.\");\n\n if (btn) {\n btn.textContent = 'Calcola distanza da te';\n btn.disabled = false;\n }\n\n return;\n\n }\n\n navigator.geolocation.getCurrentPosition(p => {\n \n userPos = { lat: p.coords.latitude, lng: p.coords.longitude };\n isSearchActive = true;\n gpsEnabled = true;\n\n document.getElementById('gps-warning')?.classList.remove('visible');\n document.body.classList.remove('gps-active');\n\n render();\n startSliders();\n\n setTimeout(() => {\n const b2 = document.getElementById(`distbtn-${cardIndex}`);\n\n if (b2) {\n b2.textContent = '\u2705 Distanza aggiornata';\n b2.disabled = false;\n }\n }, 50);\n\n }, () => {\n alert(\"Attiva il GPS nelle impostazioni del dispositivo per calcolare le distanze dai locali\");\n\n if (btn) {\n btn.textContent = '\ud83d\udccd Calcola distanza';\n btn.disabled = false;\n }\n }, { enableHighAccuracy: true, timeout: 7000 });\n}\n\nfunction generateSlug(name) {\n return (name || '')\n .toLowerCase()\n .trim()\n .replace(\/[\\\/&+]+\/g, '-')\n .replace(\/[^\\w\\s-]\/g, '')\n .replace(\/\\s+\/g, '-')\n .replace(\/-+\/g, '-')\n .replace(\/^-+|-+$\/g, '');\n}\n\nfunction render() {\n const container = document.getElementById('main-content');\n\n if (!container) return;\n\n if (locali.length === 0) {\n container.innerHTML = '<p style=\"text-align:center; grid-column: 1\/-1; padding: 50px;\">Caricamento locali...<\/p>';\n return;\n }\n\n locali.forEach(l => {\n const R = 6371;\n const dLat = (l.lat - userPos.lat) * Math.PI \/ 180;\n const dLon = (l.lng - userPos.lng) * Math.PI \/ 180;\n const a = Math.sin(dLat \/ 2) ** 2 + Math.cos(userPos.lat * Math.PI \/ 180) * Math.cos(l.lat * Math.PI \/ 180) * Math.sin(dLon \/ 2) ** 2;\n\n l.dist = R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\n });\n\n const creaCardHTML = (l, uniqueIdx) => {\n const fallbackSlug = generateSlug(l.nome);\n\n const detailPageUrl = (l.permalink && typeof l.permalink === 'string' && l.permalink.startsWith('http'))\n ? l.permalink\n : `https:\/\/sardegnabnb.it\/locali_item\/${fallbackSlug}\/`;\n\n const distText = isSearchActive\n ? ` \u2022 <span style=\"display:inline !important; font-weight:normal; font-size:0.85rem; opacity:1 !important;\">a ${l.dist < 1 ? 'meno di 1' : l.dist.toFixed(1)} km<\/span>`\n : '';\n\n const nomeEnc = encodeURIComponent(l.nome);\n const waMsg = encodeURIComponent(`Ciao! Sardegnabnb mi ha consigliato il vostro locale e vorrei prenotare. Sono provvisto di Tessera Ospiti Sardegnabnb.it: ${l.nome}`);\n const waUrlOriginale = l.wa ? `https:\/\/wa.me\/${l.wa}?text=${waMsg}` : '';\n const linkWaTracciato = waUrlOriginale ? `${baseConta}?tipo=WhatsApp&barca=RISTORANTE_${nomeEnc}&dest=${encodeURIComponent(waUrlOriginale)}` : '';\n const linkSitoTracciato = l.site ? `${baseConta}?tipo=Sito&barca=RISTORANTE_${nomeEnc}&dest=${encodeURIComponent(l.site)}` : '#';\n const mapsUrl = `https:\/\/www.google.com\/maps\/search\/?api=1&query=${nomeEnc}+${encodeURIComponent(l.citta)}`;\n const linkMappaTracciato = `${baseConta}?tipo=Mappa&barca=RISTORANTE_${nomeEnc}&dest=${encodeURIComponent(mapsUrl)}`;\n const linkScontoOmaggio = \"https:\/\/bnbeurope.com\/acquista-richiedi-tessera-sconto\/\";\n\n let scontoDisplay = l.sconto;\n\n if (scontoDisplay && \/^\\d+(\\.\\d+)?$\/.test(scontoDisplay.trim())) scontoDisplay += \"%\";\n\n let orarioPranzo = 'Chiuso';\n let orarioCena = 'Chiuso';\n\n if (l.open_lunch && l.h_pranzo_s && l.h_pranzo_e) orarioPranzo = `${l.h_pranzo_s} - ${l.h_pranzo_e}`;\n else if (l.orari) orarioPranzo = l.orari;\n\n if (l.open_dinner && l.h_cena_s && l.h_cena_e) orarioCena = `${l.h_cena_s} - ${l.h_cena_e}`;\n\n const scontiArray = (scontoDisplay || '')\n .split(',')\n .map(s => s.trim())\n .filter(Boolean)\n .filter(s => s.toLowerCase() !== 'nessuno');\n\n const scontiHTML = (scontiArray.length > 0)\n ? '\u2192 ' + scontiArray.join(' , ')\n : 'NESSUNO';\n\n return `\n <div class=\"hero-card ${l.isPremium ? 'is-premium' : ''}\" data-card-index=\"${uniqueIdx}\" data-locali-id=\"${l.id}\">\n ${l.isPremium ? '<div class=\"premium-badge\">\u2b50 CONSIGLIATO PREMIUM<\/div>' : ''}\n\n <div class=\"card-content-wrapper\">\n <a href=\"${detailPageUrl}\" target=\"_blank\" class=\"slider-link\">\n <div class=\"slider-wrapper\" id=\"swrap-${uniqueIdx}\" data-idx=\"0\">\n ${l.imgs.map(img => `<img decoding=\"async\" src=\"${img}\" class=\"slide\" onerror=\"this.src='https:\/\/sardegnabnb.it\/wp-content\/uploads\/2025\/12\/ristorante00-4-1024x683.jpg'\">`).join('')}\n <\/div>\n\n ${l.imgs.length > 1 ? `<div class=\"slider-dots\" id=\"dots-${uniqueIdx}\">${l.imgs.map((_, i) => `<div class=\"dot ${i === 0 ? 'active' : ''}\"><\/div>`).join('')}<\/div>` : ''}\n <\/a>\n\n <div class=\"hero-info\">\n <div>\n <div class=\"category-tag\">${((l.categoria || '').replace(\/_\/g, ' ')).toUpperCase()}<\/div>\n\n <a href=\"${detailPageUrl}\" target=\"_blank\" class=\"hero-title-link\">\n <h2 class=\"hero-title\">${l.nome}<\/h2>\n <\/a>\n\n <div style=\"margin:4px 0 8px 0;font-size:0.82rem;font-weight:800;color:#e67e22;\">\n \ud83d\udd25 ${l.public_views || 0} visualizzazioni\n <\/div>\n\n <span class=\"location-tag\">\ud83d\udccd ${l.citta}${distText}<\/span>\n\n <button class=\"dist-btn\" id=\"distbtn-${uniqueIdx}\" onclick=\"calcolaDistanzaCard(${uniqueIdx})\">\ud83d\udccd Calcola distanza<\/button>\n\n <div class=\"desc-box\" id=\"desc-${uniqueIdx}\">${l.descrizione}<\/div>\n\n <button class=\"read-more-btn\" id=\"btn-desc-${uniqueIdx}\" onclick=\"toggleDescription(${uniqueIdx})\">Leggi di pi\u00f9 \u25be<\/button>\n\n\n <div class=\"details-hidden\">\n ${l.notes ? `<div class=\"notes-box\">\ud83d\udca1 ${l.notes}<\/div>` : ''}\n\n <div class=\"orari-box\">\n <div style=\"display: flex; justify-content: space-between; gap:8px; font-size: 0.75rem; margin-bottom: 5px; flex-wrap:wrap;\">\n <span style=\"color: #64748b;\">\ud83d\udd52 Pranzo: <strong style=\"color:var(--pd)\">${orarioPranzo}<\/strong><\/span>\n <span style=\"color: #64748b;\">\ud83c\udf19 Cena: <strong style=\"color:var(--pd)\">${orarioCena}<\/strong><\/span>\n <\/div>\n\n <div style=\"font-size: 0.75rem; color: #e63946; font-weight: 700;\">\n ${(l.chiuso && l.chiuso !== 'Nessuno') ? `Chiuso: ${l.chiuso}` : 'Aperto tutti i giorni'}\n <\/div>\n\n <div style=\"font-size:0.75rem; margin-top:6px; font-weight:800; color:${l.delivery ? '#059669' : '#ef4444'};\">\n \ud83d\ude9a Questo locale effettua consegne: <span style=\"font-weight:900;\">${l.delivery ? 'S\u00ec' : 'No'}<\/span>\n <\/div>\n\n ${l.delivery ? `\n ${l.delivery_min && l.delivery_min !== \"0\" ? `<div style=\"font-size:0.7rem; color:#059669; margin-top:4px; font-weight:600;\">Ordine minimo: \u20ac${l.delivery_min}<\/div>` : ''}\n ${l.delivery_hours ? `<div style=\"font-size:0.7rem; color:#059669; margin-top:2px; font-weight:600;\">\u23f0 Orari delivery: ${l.delivery_hours}<\/div>` : `<div style=\"font-size:0.7rem; color:#059669; margin-top:2px; font-weight:600;\">\u23f0 Orari delivery: da concordare<\/div>`}\n ` : ''}\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-actions-full\">\n <a href=\"${linkScontoOmaggio}\" target=\"_blank\" class=\"incentive-box locali-track\" data-event=\"card\" data-id=\"${l.id}\">\n <div>\n <strong style=\"font-weight:800;\">${scontiArray.length > 0 ? 'OTTIENI SCONTO RISERVATO' : 'NESSUNO SCONTO'}<\/strong>\n <span style=\"font-size:0.7rem; color:${scontiArray.length > 0 ? '#e63946' : '#94a3b8'}; font-weight:700; display:block;\">\n ${scontiArray.length > 0 ? 'RICHIEDI QUI' : 'PREZZO STANDARD'}\n <\/span>\n <\/div>\n\n <div class=\"discount-amount\">\n ${scontiHTML}\n <\/div>\n <\/a>\n\n <div class=\"action-grid\">\n <a href=\"${linkMappaTracciato}\" class=\"btn-small btn-map locali-track\" data-event=\"map\" data-id=\"${l.id}\" target=\"_blank\">INDICAZIONI<\/a>\n <a href=\"${l.site ? linkSitoTracciato : '#'}\" class=\"btn-small btn-site locali-track\" data-event=\"site\" data-id=\"${l.id}\" target=\"_blank\">SITO<\/a>\n <a href=\"${l.tel ? 'tel:' + l.tel : '#'}\" class=\"btn-small btn-tel locali-track\" data-event=\"phone\" data-id=\"${l.id}\" ${l.tel ? `onclick=\"fetch('${baseConta}?tipo=Chiama&barca=RISTORANTE_${nomeEnc}')\"` : ''}>CHIAMA<\/a>\n <\/div>\n\n ${l.wa ? `<a class=\"btn-wa locali-track\" data-event=\"whatsapp\" data-id=\"${l.id}\" href=\"${linkWaTracciato}\" target=\"_blank\">WHATSAPP<\/a>` :\n (l.tel ? `<a class=\"btn-wa locali-track\" data-event=\"phone\" data-id=\"${l.id}\" style=\"background:#64748b\" href=\"tel:${l.tel}\">CHIAMA E PRENOTA<\/a>` : '')}\n <\/div>\n\n <button class=\"expand-btn-mobile\" onclick=\"toggleExpandMobile(${uniqueIdx})\">Scopri di pi\u00f9 \u25be<\/button>\n\n <\/div>`;\n };\n\n const filterAndSort = (cat) => {\n\n let filtered = locali;\n\n if (cat !== 'all') filtered = locali.filter(l => (l.categoria || '').toLowerCase().includes(cat));\n\n return filtered.sort((a, b) => {\n \/\/ GPS \/ ricerca citt\u00e0 attivi:\n \/\/ vincono SEMPRE i pi\u00f9 vicini, anche prima dei premium\n if (isSearchActive || gpsEnabled) {\n return (a.dist || 999999) - (b.dist || 999999);\n }\n\n \/\/ GPS spento:\n \/\/ 1) premium sempre primi\n if (a.isPremium && !b.isPremium) return -1;\n if (!a.isPremium && b.isPremium) return 1;\n\n \/\/ 2) subito dopo, ultimi annunci inseriti FREE in ordine di ID pi\u00f9 recente\n const idA = Number(a.id || 0);\n const idB = Number(b.id || 0);\n if (idA !== idB) return idB - idA;\n\n return 0;\n });\n };\n\n const filtered = filterAndSort(currentFilter);\n\n let htmlContent = '';\n let globalCounter = 0;\n\n if (currentFilter === 'all') {\n const normalizeCat = (c) =>\n (c || '')\n .toLowerCase()\n .trim()\n .replace(\/-\/g, '_')\n .replace(\/\\s+\/g, '_');\n\n const isRisto = (l) => normalizeCat(l.categoria).includes('ristorante');\n const isPizz = (l) => normalizeCat(l.categoria).includes('pizzeria');\n const isPub = (l) => ['pub_birreria','pub','birreria'].some(k => normalizeCat(l.categoria).includes(k));\n\n const ristoranti = filtered.filter(isRisto);\n const pizzerie = filtered.filter(isPizz);\n const pubBirrerie = filtered.filter(isPub);\n const altri = filtered.filter(l => !isRisto(l) && !isPizz(l) && !isPub(l));\n\n if (ristoranti.length > 0) {\n htmlContent += `<h2 class=\"section-header\">I migliori Ristoranti consigliati con promozioni<\/h2>`;\n ristoranti.forEach(l => {\n l.renderId = globalCounter;\n htmlContent += creaCardHTML(l, globalCounter);\n globalCounter++;\n });\n }\n\n if (pizzerie.length > 0) {\n htmlContent += `<h2 class=\"section-header\">Le Migliori Pizzerie consigliate con promozioni<\/h2>`;\n pizzerie.forEach(l => {\n l.renderId = globalCounter;\n htmlContent += creaCardHTML(l, globalCounter);\n globalCounter++;\n });\n }\n\n if (pubBirrerie.length > 0) {\n htmlContent += `<h2 class=\"section-header\">Pub e Birrerie consigliati con promozioni<\/h2>`;\n pubBirrerie.forEach(l => {\n l.renderId = globalCounter;\n htmlContent += creaCardHTML(l, globalCounter);\n globalCounter++;\n });\n }\n\n if (altri.length > 0) {\n htmlContent += `<h2 class=\"section-header\">Altri Locali consigliati con promozioni<\/h2>`;\n altri.forEach(l => {\n l.renderId = globalCounter;\n htmlContent += creaCardHTML(l, globalCounter);\n globalCounter++;\n });\n }\n } else {\n filtered.forEach(l => {\n l.renderId = globalCounter;\n htmlContent += creaCardHTML(l, globalCounter);\n globalCounter++;\n });\n }\n\n if (htmlContent === '') {\n htmlContent = '<p style=\"text-align:center; grid-column: 1\/-1; padding: 50px;\">Nessun locale trovato per questa categoria.<\/p>';\n }\n\n container.innerHTML = htmlContent;\n}\n\nasync function caricaDatiReali() {\n const container = document.getElementById('main-content');\n\n try {\n if (container) {\n container.innerHTML = '<p style=\"text-align:center; grid-column: 1\/-1; padding: 50px;\">Caricamento locali...<\/p>';\n }\n\n const response = await fetch('https:\/\/sardegnabnb.it\/servizi\/locali\/v1\/locali', { cache: 'no-store' });\n const data = await response.json();\n\n const listaLocali = Array.isArray(data)\n ? data\n : (Array.isArray(data.locali) ? data.locali : []);\n\n if (listaLocali.length > 0) {\n locali = listaLocali.map(l => ({\n id: l.id || l.ID || \"\",\n public_views: l.public_views || 0,\n nome: l.name || l.nome || \"Locale\",\n categoria: l.categoria || \"Ristorante\",\n citta: l.citta || l.city || \"Sardegna\",\n lat: parseFloat(l.lat || l.latitude || 40.9),\n lng: parseFloat(l.lng || l.lon || l.longitude || 9.1),\n sconto: l.sconto || l.discount || \"10\",\n wa: l.whatsapp || l.wa || \"\",\n tel: l.phone || l.tel || \"\",\n site: l.site || l.website || \"\",\n descrizione: l.description || l.descrizione || \"\",\n notes: l.notes || \"\",\n chiuso: l.closed_day || l.chiuso || \"Nessuno\",\n orari: l.orari || \"\",\n open_lunch: l.open_lunch || false,\n h_pranzo_s: l.lunch_time || \"\",\n h_pranzo_e: l.lunch_end || \"\",\n open_dinner: l.open_dinner || false,\n h_cena_s: l.dinner_time || \"\",\n h_cena_e: l.dinner_end || \"\",\n delivery: (l.consegna === true || l.consegna === 1 || l.consegna === \"1\" || l.delivery === true || l.delivery === 1 || l.delivery === \"1\"),\n delivery_hours: (l.delivery_hours ?? \"\").toString().trim(),\n delivery_min: (l.delivery_min_order ?? l.delivery_min ?? \"\").toString().trim(),\n imgs: Array.isArray(l.images) && l.images.length\n ? l.images.filter(i => typeof i === 'string' && i.startsWith('http'))\n : (Array.isArray(l.imgs) && l.imgs.length\n ? l.imgs.filter(i => typeof i === 'string' && i.startsWith('http'))\n : [l.img || \"https:\/\/sardegnabnb.it\/wp-content\/uploads\/2025\/12\/ristorante00-4-1024x683.jpg\"]),\n isPremium: (l.is_paid === true || l.is_paid === 1 || l.is_paid === \"1\" || l.isPremium === true || l.plan === \"premium_29\"),\n permalink: l.permalink || l.link || \"\"\n }));\n\n locali.sort((a, b) => Number(b.id || 0) - Number(a.id || 0));\n\n render();\n startSliders();\n checkGeoPermission();\n } else if (container) {\n container.innerHTML = '<p style=\"text-align:center; grid-column: 1\/-1; padding: 50px;\">Nessun locale trovato.<\/p>';\n checkGeoPermission();\n }\n } catch (e) {\n console.error(\"Errore caricamento locali:\", e);\n\n if (container) {\n container.innerHTML = '<p style=\"text-align:center; grid-column: 1\/-1; padding: 50px; color:#d93025; font-weight:800;\">Errore nel caricamento dei locali. Controlla che endpoint dei locali sia raggiungibile.<\/p>';\n }\n\n checkGeoPermission();\n }\n}\n\nlet sliderInterval = null;\nlet swipeStartX = null;\n\nfunction isElementInViewport(el) {\n const rect = el.getBoundingClientRect();\n return rect.top < window.innerHeight && rect.bottom > 0;\n}\n\nfunction startSliders() {\n if (sliderInterval) clearInterval(sliderInterval);\n\n sliderInterval = setInterval(() => {\n document.querySelectorAll('.slider-wrapper').forEach(wrap => {\n if (!isElementInViewport(wrap)) return;\n\n const cardIndex = wrap.id.replace('swrap-', '');\n const slides = wrap.querySelectorAll('.slide');\n const dots = document.querySelectorAll(`#dots-${cardIndex} .dot`);\n\n if (!slides || slides.length <= 1) return;\n\n let idx = (parseInt(wrap.getAttribute('data-idx') || 0) + 1) % slides.length;\n\n wrap.style.transform = `translateX(-${idx * 100}%)`;\n wrap.setAttribute('data-idx', idx);\n\n dots.forEach((dot, i) => dot.classList.toggle('active', i === idx));\n \n });\n }, 4000);\n\n document.querySelectorAll('.slider-wrapper').forEach(wrap => {\n wrap.ontouchstart = e => {\n swipeStartX = e.touches[0].clientX;\n };\n\n wrap.ontouchend = e => {\n if (swipeStartX === null || !wrap.querySelectorAll('.slide')) return;\n\n let swipeEndX = e.changedTouches[0].clientX;\n let diffX = swipeEndX - swipeStartX;\n\n swipeStartX = null;\n\n let slides = wrap.querySelectorAll('.slide');\n\n if (!slides || slides.length <= 1) return;\n\n let idx = parseInt(wrap.getAttribute('data-idx') || 0);\n\n if (diffX < -30) {\n idx = (idx + 1) % slides.length;\n } else if (diffX > 30) {\n idx = (idx - 1 + slides.length) % slides.length;\n }\n\n wrap.style.transform = `translateX(-${idx * 100}%)`;\n wrap.setAttribute('data-idx', idx);\n\n const cardIndex = wrap.id.replace('swrap-', '');\n const dots = document.querySelectorAll(`#dots-${cardIndex} .dot`);\n\n dots.forEach((dot, i) => dot.classList.toggle('active', i === idx));\n };\n });\n}\n\nwindow.addEventListener('scroll', () => {\n startSliders();\n});\n\ndocument.querySelectorAll('.filter-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n currentFilter = btn.getAttribute('data-filter');\n render();\n startSliders();\n });\n});\n\nconst inputSearch = document.getElementById('place-search');\n\ninputSearch.addEventListener('input', async () => {\n const val = inputSearch.value.trim();\n\n if (val.length < 3) return;\n\n try {\n const r = await fetch(`https:\/\/nominatim.openstreetmap.org\/search?format=json&q=${encodeURIComponent(val + \", Sardegna\")}&limit=5`);\n\n const data = await r.json();\n const suggestionsBox = document.getElementById('search-suggestions');\n\n if (data.length > 0) {\n suggestionsBox.innerHTML = data.map(item =>\n `<div class=\"suggestion-item\" onclick=\"setPos(${item.lat}, ${item.lon}, '${item.display_name.replace(\/'\/g, \"\\\\'\")}')\">${item.display_name}<\/div>`\n ).join('');\n\n suggestionsBox.style.display = 'block';\n }\n } catch(e) {}\n});\n\nfunction setPos(lat, lon, name) {\n userPos = { lat: parseFloat(lat), lng: parseFloat(lon) };\n isSearchActive = true;\n\n inputSearch.value = name.split(',')[0];\n\n document.getElementById('search-suggestions').style.display = 'none';\n document.getElementById('gps-warning').classList.remove('visible');\n document.body.classList.remove('gps-active');\n\n render();\n startSliders();\n}\n\nfunction requestGeolocation() {\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(p => {\n userPos = { lat: p.coords.latitude, lng: p.coords.longitude };\n isSearchActive = true;\n gpsEnabled = true;\n\n document.getElementById('gps-warning').classList.remove('visible');\n document.body.classList.remove('gps-active');\n\n render();\n startSliders();\n\n }, () => {\n alert(\"Attiva il GPS nelle impostazioni del dispositivo per calcolare le distanze dai locali\");\n }, { enableHighAccuracy: true, timeout: 5000 });\n } else {\n alert(\"Il tuo browser non supporta la geolocalizzazione.\");\n }\n}\n\ndocument.getElementById('gps-activate-btn').onclick\n = requestGeolocation;\n\nfunction checkGeoPermission() {\n const warn = document.getElementById('gps-warning');\n\n if (!warn) return;\n\n if (window.innerWidth <= 600 && !gpsEnabled) {\n warn.classList.add('visible');\n document.body.classList.add('gps-active');\n } else {\n warn.classList.remove('visible');\n document.body.classList.remove('gps-active');\n }\n}\n\nwindow.addEventListener('load', checkGeoPermission);\nwindow.addEventListener('resize', checkGeoPermission);\n\ndocument.addEventListener('DOMContentLoaded', function() {\n checkGeoPermission();\n caricaDatiReali();\n});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Prenota nei migliori locali consigliati! BNB Sardegna \u2014 Ristoranti & Pizzerie Selezionati \ud83c\udf7d\ufe0fcon sconti e omaggi I Migliori Locali della SardegnaSconto Esclusivo I migliori Ristoranti, Pizzerie, Pub e Birrerie vicini a te Cerca \ud83d\uddfa\ufe0f Mappa tutti Servizi \ud83d\udcb3 Ottieni Tessera Sconto Tutti Ristoranti Pizzerie Ristorante e Pizzeria Pub \/ Birrerie Vuoi vedere i locali pi\u00f9 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21014","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Ristoranti Pizzerie lista Sardegna - Sardegnabnb.it - Casa vacanza - B&B - Stanze \u2013 Affittacamere<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sardegnabnb.it\/ristoranti-pizzerie-lista-sardegna\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ristoranti Pizzerie lista Sardegna - Sardegnabnb.it - Casa vacanza - B&B - Stanze \u2013 Affittacamere\" \/>\n<meta property=\"og:description\" content=\"Prenota nei migliori locali consigliati! BNB Sardegna \u2014 Ristoranti & Pizzerie Selezionati \ud83c\udf7d\ufe0fcon sconti e omaggi I Migliori Locali della SardegnaSconto Esclusivo I migliori Ristoranti, Pizzerie, Pub e Birrerie vicini a te Cerca \ud83d\uddfa\ufe0f Mappa tutti Servizi \ud83d\udcb3 Ottieni Tessera Sconto Tutti Ristoranti Pizzerie Ristorante e Pizzeria Pub \/ Birrerie Vuoi vedere i locali pi\u00f9 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sardegnabnb.it\/ristoranti-pizzerie-lista-sardegna\/\" \/>\n<meta property=\"og:site_name\" content=\"Sardegnabnb.it - Casa vacanza - B&B - Stanze \u2013 Affittacamere\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bnbeur\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-25T13:44:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sardegnabnb.it\\\/ristoranti-pizzerie-lista-sardegna\\\/\",\"url\":\"https:\\\/\\\/sardegnabnb.it\\\/ristoranti-pizzerie-lista-sardegna\\\/\",\"name\":\"Ristoranti Pizzerie lista Sardegna - Sardegnabnb.it - Casa vacanza - B&B - Stanze \u2013 Affittacamere\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sardegnabnb.it\\\/#website\"},\"datePublished\":\"2025-12-03T12:09:42+00:00\",\"dateModified\":\"2026-05-25T13:44:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sardegnabnb.it\\\/ristoranti-pizzerie-lista-sardegna\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sardegnabnb.it\\\/ristoranti-pizzerie-lista-sardegna\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sardegnabnb.it\\\/ristoranti-pizzerie-lista-sardegna\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sardegnabnb.it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ristoranti Pizzerie lista Sardegna\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sardegnabnb.it\\\/#website\",\"url\":\"https:\\\/\\\/sardegnabnb.it\\\/\",\"name\":\"Sardegna BnB - Casa vacanza - B&B - Stanze \u2013 Affittacamere\",\"description\":\"Sardegna BnB - Affitta una stanza - Affitta un alloggio\",\"publisher\":{\"@id\":\"https:\\\/\\\/sardegnabnb.it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sardegnabnb.it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sardegnabnb.it\\\/#organization\",\"name\":\"Sardegna BnB - Casa vacanza - B&B - Stanze \u2013 Affittacamere\",\"url\":\"https:\\\/\\\/sardegnabnb.it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/sardegnabnb.it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Sardegna BnB - Casa vacanza - B&B - Stanze \u2013 Affittacamere\"},\"image\":{\"@id\":\"https:\\\/\\\/sardegnabnb.it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/bnbeur\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Ristoranti Pizzerie lista Sardegna - Sardegnabnb.it - Casa vacanza - B&B - Stanze \u2013 Affittacamere","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sardegnabnb.it\/ristoranti-pizzerie-lista-sardegna\/","og_locale":"it_IT","og_type":"article","og_title":"Ristoranti Pizzerie lista Sardegna - Sardegnabnb.it - Casa vacanza - B&B - Stanze \u2013 Affittacamere","og_description":"Prenota nei migliori locali consigliati! BNB Sardegna \u2014 Ristoranti & Pizzerie Selezionati \ud83c\udf7d\ufe0fcon sconti e omaggi I Migliori Locali della SardegnaSconto Esclusivo I migliori Ristoranti, Pizzerie, Pub e Birrerie vicini a te Cerca \ud83d\uddfa\ufe0f Mappa tutti Servizi \ud83d\udcb3 Ottieni Tessera Sconto Tutti Ristoranti Pizzerie Ristorante e Pizzeria Pub \/ Birrerie Vuoi vedere i locali pi\u00f9 […]","og_url":"https:\/\/sardegnabnb.it\/ristoranti-pizzerie-lista-sardegna\/","og_site_name":"Sardegnabnb.it - Casa vacanza - B&B - Stanze \u2013 Affittacamere","article_publisher":"https:\/\/www.facebook.com\/bnbeur\/","article_modified_time":"2026-05-25T13:44:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sardegnabnb.it\/ristoranti-pizzerie-lista-sardegna\/","url":"https:\/\/sardegnabnb.it\/ristoranti-pizzerie-lista-sardegna\/","name":"Ristoranti Pizzerie lista Sardegna - Sardegnabnb.it - Casa vacanza - B&B - Stanze \u2013 Affittacamere","isPartOf":{"@id":"https:\/\/sardegnabnb.it\/#website"},"datePublished":"2025-12-03T12:09:42+00:00","dateModified":"2026-05-25T13:44:23+00:00","breadcrumb":{"@id":"https:\/\/sardegnabnb.it\/ristoranti-pizzerie-lista-sardegna\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sardegnabnb.it\/ristoranti-pizzerie-lista-sardegna\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sardegnabnb.it\/ristoranti-pizzerie-lista-sardegna\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sardegnabnb.it\/"},{"@type":"ListItem","position":2,"name":"Ristoranti Pizzerie lista Sardegna"}]},{"@type":"WebSite","@id":"https:\/\/sardegnabnb.it\/#website","url":"https:\/\/sardegnabnb.it\/","name":"Sardegna BnB - Casa vacanza - B&B - Stanze \u2013 Affittacamere","description":"Sardegna BnB - Affitta una stanza - Affitta un alloggio","publisher":{"@id":"https:\/\/sardegnabnb.it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sardegnabnb.it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/sardegnabnb.it\/#organization","name":"Sardegna BnB - Casa vacanza - B&B - Stanze \u2013 Affittacamere","url":"https:\/\/sardegnabnb.it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/sardegnabnb.it\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Sardegna BnB - Casa vacanza - B&B - Stanze \u2013 Affittacamere"},"image":{"@id":"https:\/\/sardegnabnb.it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bnbeur\/"]}]}},"_links":{"self":[{"href":"https:\/\/sardegnabnb.it\/servizi\/wp\/v2\/pages\/21014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sardegnabnb.it\/servizi\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sardegnabnb.it\/servizi\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sardegnabnb.it\/servizi\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sardegnabnb.it\/servizi\/wp\/v2\/comments?post=21014"}],"version-history":[{"count":0,"href":"https:\/\/sardegnabnb.it\/servizi\/wp\/v2\/pages\/21014\/revisions"}],"wp:attachment":[{"href":"https:\/\/sardegnabnb.it\/servizi\/wp\/v2\/media?parent=21014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}