/* ============================================================
   Bestogoo Home redesign — 2026
   Imported from Claude Design "Riprogettazione Bestogoo index e search".
   Scoped under .bghome / .bgh-* so it never collides with css/index.css.
   ============================================================ */

.bghome{
  --bg-blue:#2563eb;
  --bg-blue-d:#1d4ed8;
  --bg-coral:#ff6b6b;
  --bg-ink:#111827;
  --bg-muted:#6b7280;
  --bg-line:#e5e7eb;
  --bg-surface:#f8f9fa;
  font-family:'Nunito Sans','Avenir Next',system-ui,-apple-system,sans-serif;
  color:var(--bg-ink);
  background:var(--bg-surface);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.bghome *{box-sizing:border-box;}
.bghome h1,.bghome h2,.bghome h3,.bghome p{margin:0;}
.bghome img{max-width:100%;}
.bghome a{text-decoration:none;color:inherit;}
.bghome button{font-family:inherit;}
.bghome ::selection{background:#dbeafe;color:#111827;}

/* hide native scrollbar on horizontal rails / chips */
.bgh-rail::-webkit-scrollbar,.bgh-chips::-webkit-scrollbar{display:none;}
.bgh-rail,.bgh-chips{scrollbar-width:none;-ms-overflow-style:none;}

@keyframes bghFade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

/* ============================ HEADER ============================ */
.bgh-header{
  position:sticky;top:0;z-index:60;height:68px;
  background:rgba(255,255,255,0);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,0);
  transition:background 200ms,border-color 200ms;
}
.bgh-header.scrolled{
  background:rgba(255,255,255,0.92);
  border-bottom:1px solid var(--bg-line);
}
.bgh-header-inner{
  position:relative;
  max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px);
  height:100%;display:flex;align-items:center;gap:clamp(12px,2vw,24px);
}
.bgh-logo{display:flex;align-items:center;cursor:pointer;flex-shrink:0;margin-left:calc(29px - clamp(16px,4vw,40px));}
@media(min-width:1200px){.bgh-logo{margin-left:calc(589px - 50vw);}}   /* logo a ~29px dal bordo, allineato a search (wrapper absolute fisso a 29) + detail */
.bgh-logo-img{height:30px;width:auto;display:block;}            /* 30px to match search + detail (was 44) */
.bgh-logo .bgh-logo-dark{display:none;}                         /* blue logo: only when header is solid */
.bgh-header.scrolled .bgh-logo .bgh-logo-light{display:none;}
.bgh-header.scrolled .bgh-logo .bgh-logo-dark{display:block;}

/* compact header search — hidden on hero, shown when scrolled */
.bgh-headsearch{
  width:min(46vw,470px);display:none;align-items:center;gap:0;
  background:#fff;border:1px solid #dee2e6;border-radius:9999px;
  overflow:visible;height:46px;box-shadow:0 2px 10px rgba(0,0,0,0.06);   /* visible: il dropdown categoria compatto non dev'essere clippato */
}
/* centred in the header when scrolled (no longer floating next to the logo) */
.bgh-header.scrolled .bgh-headsearch{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
@media(max-width:1080px){.bgh-header.scrolled .bgh-headsearch{display:none;}}
.bgh-headsearch .bgh-hs-field{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0 8px 0 16px;}
.bgh-headsearch .bgh-hs-field i{color:var(--bg-blue);font-size:13px;}
.bgh-headsearch input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-family:inherit;font-size:14px;color:var(--bg-ink);}
.bgh-headsearch .bgh-hs-sep{width:1px;height:22px;background:#dee2e6;}
.bgh-headsearch .bgh-hs-cat{padding:0 12px;font-size:13px;font-weight:700;color:#374151;white-space:nowrap;}
.bgh-headsearch button{width:46px;height:44px;border:0;background:var(--bg-blue);color:#fff;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background 150ms;}
.bgh-headsearch button:hover{background:var(--bg-blue-d);}
.bgh-headsearch button i{font-size:14px;}
.bgh-headsearch button{border-radius:0 9999px 9999px 0;}   /* arrotonda il lato destro (il pill ora è overflow:visible) */

/* compact header category: dropdown cliccabile (era una label statica che non si apriva) */
.bgh-hs-catwrap{position:relative;display:flex;align-items:center;}
.bgh-headsearch .bgh-hs-cat{cursor:pointer;display:inline-flex;align-items:center;}
.bgh-hs-catmenu{
  display:none;position:absolute;top:calc(100% + 13px);left:50%;transform:translateX(-50%);
  min-width:172px;list-style:none;margin:0;padding:6px;background:#fff;
  border:1px solid #e8eaed;border-radius:12px;box-shadow:0 16px 40px rgba(17,24,39,0.16);z-index:1300;
}
.bgh-hs-catmenu.open{display:block;}
.bgh-hs-catmenu li{padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--bg-ink);cursor:pointer;white-space:nowrap;}
.bgh-hs-catmenu li:hover{background:#f4f5f7;}

.bgh-header-right{margin-left:auto;display:flex;align-items:center;gap:clamp(8px,1.6vw,20px);flex-shrink:0;}
/* pull the right group (incl. the avatar) to the viewport edge like production — the centered
   max-width:1200 inner otherwise insets it ~160px. Keeps it ~14px from the edge (≈ prod's 13px). */
.bgh-header-right{margin-right:calc(14px - clamp(16px,4vw,40px));}
@media(min-width:1200px){.bgh-header-right{margin-right:calc(574px - 50vw);}}
/* .bghome prefix so it outranks the `.bghome a{color:inherit}` reset */
.bghome .bgh-navlink{
  color:#fff;font-size:14px;font-weight:700;display:none;align-items:center;gap:6px;transition:color 120ms;
}
/* readable on the bright hero photo */
.bgh-header:not(.scrolled) .bgh-navlink{text-shadow:0 1px 5px rgba(0,0,0,0.5);}
.bgh-header:not(.scrolled) .bgh-navlink .bgi{filter:drop-shadow(0 1px 3px rgba(0,0,0,0.5));}
.bghome .bgh-header.scrolled .bgh-navlink{color:#374151;text-shadow:none;}
.bghome .bgh-navlink:hover{color:var(--bg-blue);}
@media(min-width:980px){.bghome .bgh-navlink{display:inline-flex;}}

/* language menu lives in header — reset the legacy height/margin-top from index.css so the flag
   is vertically centred with the other header items (it was sitting ~25px too low). */
.bgh-header-right #lang-menu{position:relative;top:0!important;left:0!important;margin:0!important;height:auto!important;display:flex;align-items:center;}
.bgh-header-right #lang-menu > div{height:auto!important;margin:0!important;padding:0!important;display:flex;align-items:center;line-height:0;cursor:pointer;}
/* current flag: clean circle (the raw PNG looked like a red blob for some flags) */
.bgh-header-right #lang-menu > div > img{display:block;width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,0.10);}

/* ---- language dropdown: clean panel (flag + native name), opens on click ---- */
.bgh-header-right #lang-menu .langul{
  position:absolute!important;top:48px;right:0;left:auto;bottom:auto;
  background:#fff;border:1px solid #e8eaed;border-radius:14px;box-shadow:0 16px 40px rgba(17,24,39,0.15);
  padding:6px;margin:0;list-style:none;min-width:188px;width:auto;z-index:300;overflow:hidden;
}
.bgh-header-right #lang-menu .langul li{
  display:flex!important;align-items:center;gap:11px;padding:8px 10px;margin:0;border-radius:9px;
  cursor:pointer;white-space:nowrap;width:auto;float:none;
}
.bgh-header-right #lang-menu .langul li:hover{background:#f4f5f7;}
.bgh-header-right #lang-menu .langul li img{
  width:24px!important;height:18px!important;border-radius:3px;object-fit:cover;
  box-shadow:0 0 0 1px rgba(0,0,0,0.08);margin:0!important;flex-shrink:0;
}
.bgh-header-right #lang-menu .langul li::after{
  content:attr(data-name);font-family:inherit;font-size:13.5px;font-weight:600;color:var(--bg-ink);
}

/* account slot — restyle the anonymous "Accedi"/CTA coming from view/logged_newindex.php */
.bgh-account{position:relative;display:flex;align-items:center;gap:clamp(8px,1.4vw,16px);min-height:44px;}
/* on HOME only: hide the partial's "Crea Menu"/"Registrati" CTAs — the header has its own navlink.
   (On search this stays visible, so the hide must NOT live in the shared account-menu.css.) */
/* hide ONLY the "Crea Menu" CTA link (it's an <a> and duplicates the header navlink);
   keep the "Registrati" CTA (it's a <div onclick=show()>) and style it as a header link. */
.bgh-account a.call-to-action-index{display:none!important;}
.bgh-account div.call-to-action-index{
  display:inline-flex!important;align-items:center;margin:0!important;padding:0;
  font-family:inherit;font-size:15px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;
  color:rgba(255,255,255,0.92);transition:color 150ms;order:-1;
}
.bgh-account div.call-to-action-index:hover{color:#fff;}
.bgh-header.scrolled .bgh-account div.call-to-action-index{color:var(--bg-ink);}
.bgh-header.scrolled .bgh-account div.call-to-action-index:hover{color:var(--bg-blue);}
/* NOTE: the logged-in avatar + dropdown and the .contenitor-logged/.call-to-action-index
   neutralisation now live in the SHARED css/account-menu.css (scoped to .bgh-acct),
   so they stay consistent on every redesigned page. Only the hero-specific "Accedi"
   button look stays here. */
.bgh-account .box045,
.bgh-account #accedi{
  background:rgba(255,255,255,0.16);border:1.5px solid rgba(255,255,255,0.6);
  color:#fff;font-size:13px;font-weight:700;padding:8px 16px;border-radius:8px;
  cursor:pointer;transition:all 150ms;white-space:nowrap;line-height:1.2;
}
.bgh-header.scrolled .bgh-account .box045,
.bgh-header.scrolled .bgh-account #accedi{
  background:var(--bg-blue);border-color:var(--bg-blue);color:#fff;
}
.bgh-account .box045:hover,.bgh-account #accedi:hover{filter:brightness(1.05);}

/* ============================ HERO ============================ */
.bgh-hero{
  position:relative;min-height:clamp(460px,68vh,600px);
  display:flex;align-items:center;justify-content:center;overflow:visible;   /* visible: il dropdown categoria hero non dev'essere tagliato (bg/veil sono inset:0, restano clippati da soli) */
  margin-top:-68px;padding-top:68px;          /* sit under the transparent sticky header */
}
.bgh-hero-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  background-image:url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=1600&q=80&auto=format&fit=crop');
}
.bgh-hero-veil{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,12,24,0.58) 0%,rgba(8,12,24,0.36) 40%,rgba(8,12,24,0.72) 100%);
}
.bgh-hero-inner{
  position:relative;width:100%;max-width:840px;
  padding:48px clamp(20px,5vw,40px);text-align:center;color:#fff;
  animation:bghFade 500ms ease both;
}
.bgh-hero h1{
  font-size:clamp(34px,5.6vw,58px);font-weight:800;line-height:1.04;
  letter-spacing:-0.03em;margin:0 0 14px;
}
.bgh-hero h1 .accent{font-style:italic;color:var(--bg-coral);}
.bgh-hero p{
  font-size:clamp(15px,2.1vw,19px);font-weight:500;line-height:1.45;
  color:rgba(255,255,255,0.92);margin:0 auto 30px;max-width:520px;
}

/* search tool */
.bgh-searchtool{
  max-width:720px;margin:0 auto;display:flex;align-items:stretch;gap:8px;
  background:#fff;border-radius:16px;padding:8px;
  box-shadow:0 18px 50px rgba(0,0,0,0.32);flex-wrap:wrap;text-align:left;
}
.bgh-st-loc{flex:2 1 220px;display:flex;align-items:center;gap:10px;padding:6px 14px;min-width:0;}
.bgh-st-cat{flex:1.4 1 180px;display:flex;align-items:center;gap:10px;padding:6px 14px;min-width:0;position:relative;}
.bgh-searchtool .bgh-st-ico{color:var(--bg-blue);font-size:17px;flex-shrink:0;}
.bgh-st-body{flex:1;min-width:0;}
.bgh-st-label{font-size:10.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#9ca3af;}
.bgh-searchtool input,
.bgh-searchtool select{
  width:100%;border:0;background:transparent;outline:none;font-family:inherit;
  font-size:16px;font-weight:600;color:var(--bg-ink);padding:1px 0;
}
.bgh-searchtool select{cursor:pointer;-webkit-appearance:none;appearance:none;}
/* dropdown categoria (select-bestogoo): le voci ereditavano il testo bianco del container hero -> invisibili su popup bianco. Forza testo scuro. */
.bgh-searchtool .subgeneralselectb li,.bgh-searchtool .subgeneralselectb .search-input{color:var(--bg-ink);}
.bgh-st-near{
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  border:0;background:#f0f2f5;color:var(--bg-blue);cursor:pointer;flex-shrink:0;font-size:13px;
}
.bgh-st-sep{width:1px;background:var(--bg-line);align-self:stretch;margin:6px 0;}
.bgh-st-chev{color:#9ca3af;font-size:12px;flex-shrink:0;}
.bgh-st-submit{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border:0;background:var(--bg-blue);color:#fff;font-family:inherit;font-weight:800;
  font-size:16px;padding:0 26px;min-height:56px;border-radius:12px;cursor:pointer;transition:background 150ms;
}
.bgh-st-submit:hover{background:var(--bg-blue-d);}

/* quick categories */
.bgh-quickcats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;}
.bgh-quickcats button{
  display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.16);
  border:1px solid rgba(255,255,255,0.28);color:#fff;font-family:inherit;font-size:13.5px;
  font-weight:600;padding:8px 15px;border-radius:9999px;cursor:pointer;
  backdrop-filter:blur(6px);transition:background 150ms;
}
.bgh-quickcats button:hover{background:rgba(255,255,255,0.28);}

.bgh-err{display:block;color:#ffd0d0;font-size:13px;font-weight:700;margin-top:10px;text-shadow:0 1px 2px rgba(0,0,0,.4);}

/* ============================ SECTIONS / RAILS ============================ */
.bghome{scroll-padding-top:90px;}                          /* sticky-header offset for in-page anchors */
.bgh-section{max-width:1240px;margin:0 auto;padding:clamp(40px,5.5vw,66px) clamp(16px,4vw,40px) 0;}
.bgh-section:first-of-type{padding-top:clamp(34px,4.5vw,52px);}
.bgh-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;padding:0 4px;}
.bgh-eyebrow{font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--bg-blue);}
.bgh-section h2{font-size:clamp(21px,3.2vw,28px);font-weight:800;letter-spacing:-0.02em;margin:5px 0 0;color:var(--bg-ink);}
.bgh-seeall{background:transparent;border:0;color:var(--bg-blue);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;}
.bgh-badge-video{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--bg-coral);background:#fff1f1;padding:4px 10px;border-radius:9999px;}

.bgh-rail{display:flex;gap:14px;overflow-x:auto;padding:4px 4px 8px;scroll-snap-type:x mandatory;list-style:none;margin:0;}
.bgh-card{scroll-snap-align:start;transition:transform 180ms cubic-bezier(0.2,0.7,0.2,1),box-shadow 180ms;}
.bgh-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12)!important;}

/* dish card */
.bgh-dishcard{flex:0 0 232px;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.08);overflow:hidden;cursor:pointer;}
.bgh-dishcard .bgh-dc-img{height:150px;background-size:cover;background-position:center;background-color:#eef1f4;}
.bgh-dishcard .bgh-dc-body{padding:12px 14px 14px;}
.bgh-dishcard .bgh-dc-title{font-size:15.5px;font-weight:700;letter-spacing:-0.01em;color:var(--bg-ink);line-height:1.25;}
.bgh-dishcard .bgh-dc-desc{font-size:13px;color:var(--bg-muted);margin-top:4px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* menu card */
.bgh-menucard{flex:0 0 200px;height:260px;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.08);background-size:cover;background-position:center;background-color:#dfe3e8;display:flex;flex-direction:column;justify-content:flex-end;}
.bgh-menucard .bgh-mc-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,0.78) 100%);}
.bgh-menucard .bgh-views{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,0.45);backdrop-filter:blur(4px);color:#fff;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:9999px;}
.bgh-menucard .bgh-mc-body{position:relative;padding:14px;color:#fff;}
.bgh-menucard .bgh-mc-title{font-size:16px;font-weight:800;letter-spacing:-0.01em;line-height:1.2;}
.bgh-menucard .bgh-mc-sub{font-size:12.5px;font-weight:600;color:rgba(255,255,255,0.82);margin-top:4px;}

/* create-your-menu card */
.bghome .bgh-createcard{flex:0 0 200px;height:260px;border-radius:16px;border:2px dashed #c7d2fe;background:#eff4ff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--bg-blue);font-family:inherit;transition:background 150ms;text-align:center;}
.bgh-createcard:hover{background:#e3ecff;}
.bgh-createcard .bgh-plus{width:54px;height:54px;border-radius:50%;background:var(--bg-blue);display:grid;place-items:center;color:#fff;font-size:22px;}
.bgh-createcard .bgh-cc-title{font-size:15px;font-weight:800;}
.bgh-createcard .bgh-cc-sub{font-size:12.5px;font-weight:600;color:var(--bg-muted);max-width:140px;}

/* video card */
.bgh-videocard{flex:0 0 184px;height:320px;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.08);background-size:cover;background-position:center;background-color:#222;display:flex;flex-direction:column;justify-content:flex-end;}
.bgh-videocard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.bgh-videocard .bgh-vc-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.8) 100%);}
.bgh-videocard .bgh-vc-play{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.92);display:grid;place-items:center;color:var(--bg-blue);font-size:13px;}
.bgh-videocard .bgh-vc-views{position:absolute;top:14px;right:12px;display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:11.5px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.bgh-videocard .bgh-vc-body{position:relative;padding:13px;color:#fff;}
.bgh-videocard .bgh-vc-title{font-size:14px;font-weight:800;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bgh-videocard .bgh-vc-biz{font-size:11.5px;font-weight:600;color:rgba(255,255,255,0.82);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* restaurant card */
.bgh-restcard{flex:0 0 256px;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.08);overflow:hidden;cursor:pointer;}
.bgh-restcard .bgh-rc-img{height:150px;background-size:cover;background-position:center;background-color:#eef1f4;position:relative;}
.bgh-restcard .bgh-rc-rate{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,0.94);backdrop-filter:blur(4px);padding:5px 10px;border-radius:9999px;font-size:12.5px;font-weight:800;color:var(--bg-ink);}
.bgh-restcard .bgh-rc-rate i{color:var(--bg-coral);font-size:11px;}
.bgh-restcard .bgh-rc-body{padding:12px 14px 14px;}
.bgh-restcard .bgh-rc-name{font-size:16px;font-weight:700;letter-spacing:-0.01em;color:var(--bg-ink);}
.bgh-restcard .bgh-rc-meta{font-size:13px;color:var(--bg-muted);margin-top:3px;}

/* ============================ BUSINESS BANNER ============================ */
.bgh-banner-wrap{max-width:1240px;margin:clamp(36px,6vw,60px) auto clamp(44px,7vw,80px);padding:0 clamp(16px,4vw,40px);}
.bgh-banner{
  position:relative;overflow:hidden;border-radius:20px;
  background:linear-gradient(135deg,#25A8E0 0%,#5675F3 100%);
  padding:clamp(26px,5vw,44px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;
}
.bgh-banner-text{max-width:560px;color:#fff;}
.bgh-banner h3{font-size:clamp(21px,3.2vw,28px);font-weight:800;letter-spacing:-0.02em;margin:0 0 10px;}
.bgh-banner p{font-size:clamp(14px,2vw,16px);line-height:1.5;color:rgba(255,255,255,0.92);margin:0;}
.bgh-banner h3 span{color:#bcd4ff;}
.bgh-banner-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0;}
.bghome .bgh-banner-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:var(--bg-blue);border:0;font-family:inherit;font-weight:800;font-size:15px;padding:14px 24px;border-radius:10px;cursor:pointer;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,0.16);text-decoration:none;}
.bghome .bgh-banner-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,0.7);font-family:inherit;font-weight:700;font-size:14px;padding:12px 22px;border-radius:10px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background 150ms;}
.bghome .bgh-banner-btn-ghost:hover{background:rgba(255,255,255,0.14);}

/* home rail images: photo on top + Bestogoo "b" placeholder behind (shows only if the photo 404s) */
.bghome .bgh-dc-img,
.bghome .bgh-rc-img{background-color:#eef1f4!important;background-size:cover,44px!important;background-position:center,center!important;background-repeat:no-repeat,no-repeat!important;}
.bghome .bgh-menucard{background-color:#dfe3e8!important;background-size:cover,52px!important;background-position:center,center!important;background-repeat:no-repeat,no-repeat!important;}

/* ============================ FOOTER ============================ */
.bgh-foot{max-width:1240px;margin:clamp(36px,5vw,56px) auto 0;padding:30px clamp(16px,4vw,40px);border-top:1px solid var(--bg-line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;}
.bgh-foot-logo{display:flex;align-items:center;gap:9px;}
.bgh-foot-logo img{height:32px;width:32px;}
.bgh-foot-logo span{font-weight:800;font-style:italic;color:var(--bg-blue);font-size:21px;}
.bgh-foot-copy{font-size:13px;color:#9ca3af;}

/* loading hint inside a rail */
.bgh-railhint{display:flex;align-items:center;justify-content:center;gap:10px;color:#9ca3af;font-size:13.5px;font-weight:700;padding:30px;min-width:240px;}

@media (max-width:600px){
  .bgh-searchtool{padding:8px;}
  .bgh-st-submit{flex:1 1 100%;min-height:50px;}
  /* stack the hero search fields full-width (category label was being cut) */
  .bgh-st-loc,.bgh-st-cat{flex:1 1 100%;}
  .bgh-st-sep{display:none;}
}
@media (max-width:560px){
  /* keep the header tidy and the "Accedi" button on screen.
     #lang-menu ships float:left + fixed 55/60px from index.css which break the flex row → reset it. */
  .bghome .bgh-header-inner{display:flex;align-items:center;gap:8px;padding:0 12px;}
  .bghome .bgh-logo{flex:0 0 auto;min-width:0;}   /* NON deve restringersi: flex:0 1 auto + overflow:hidden lo clippava a 0 su schermi stretti (logo sparito) */
  .bghome .bgh-logo-img{height:32px;}
  .bghome .bgh-header-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto;}
  .bghome .bgh-header-right #lang-menu{position:relative!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;display:flex!important;align-items:center;}
  .bghome .bgh-account{display:flex!important;align-items:center;flex:0 0 auto;}
  .bghome .bgh-account #accedi,
  .bghome .bgh-account .box045{display:inline-flex!important;padding:7px 12px!important;font-size:12px!important;white-space:nowrap;}
}

/* La bottom-nav mobile LEGACY (#contanitorbarmobile, renderizzata da view/logged_newindex.php)
   compare SOLO da loggato: su mobile si sovrapponeva all'header del redesign -> barra bianca
   doppia + logo coperto. La nascondo come su search (l'header redesign ha gia' lingua/account/menu). */
.bghome #contanitorbarmobile,
.bghome .contanitor-barmobile{display:none!important;}
.bghome .bgh-acct .barmobilebtn{display:none!important;}

/* ============================ INLINE SVG ICONS ============================ */
/* sizes/colours per context — colour follows currentColor unless overridden */
.bghome .bgi{display:inline-block;width:1em;height:1em;vertical-align:-0.15em;flex-shrink:0;}
.bgh-hs-field .bgi{color:var(--bg-blue);font-size:15px;}
.bgh-headsearch button .bgi{color:#fff;font-size:16px;}
.bgh-navlink .bgi{font-size:15px;}
.bgh-st-near .bgi{font-size:15px;}
.bgh-st-submit .bgi{font-size:18px;color:#fff;}
.bgh-badge-video .bgi{font-size:13px;}
.bgh-banner-btn .bgi{font-size:16px;}
.bgh-views .bgi,.bgh-vc-views .bgi{font-size:11px;}
.bgh-mc-sub .bgi{font-size:12px;}
.bgh-vc-play .bgi{font-size:14px;margin-left:1px;}
.bgh-rc-rate .bgi{font-size:13px;}
.bgi-heart{color:var(--bg-coral);}
.bgi-spin{font-size:24px;color:var(--bg-blue);animation:bghspin .8s linear infinite;}
@keyframes bghspin{to{transform:rotate(360deg);}}

/* ============================ SALVAGED: guest counter band ============================ */
.bgh-counter{max-width:1240px;margin:clamp(60px,9vw,104px) auto clamp(28px,5vw,48px);padding:0 clamp(16px,4vw,40px);text-align:center;}
.bgh-counter .h3tick{font-family:inherit!important;color:var(--bg-ink)!important;font-size:clamp(18px,2.6vw,24px)!important;font-weight:800!important;letter-spacing:-0.01em;margin:0 0 18px!important;}
.bgh-counter .tick{margin:0 auto!important;}
.bgh-counter .tick-credits{display:none!important;}

/* ============================ SALVAGED: clients marquee (social proof) ============================ */
.bgh-clients{max-width:1240px;margin:clamp(24px,4vw,40px) auto 0;padding:0 clamp(16px,4vw,40px);}
.bgh-clients .bestogoo-marquee-container{
  background:#fff!important;border:1px solid var(--bg-line);border-radius:18px;
  padding:24px 0 20px!important;margin:0!important;float:none!important;overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,0.04);
}
.bgh-clients h3{font-family:inherit!important;font-size:clamp(12px,1.6vw,14px)!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;color:var(--bg-muted)!important;margin:0 0 18px!important;text-align:center;}
/* li must NOT shrink (the list is a flex container) or the logos get squashed horizontally */
.bgh-clients .bestogoo-marquee-list li{margin:0 24px!important;flex:0 0 auto!important;display:flex;align-items:center;}
.bgh-clients .bestogoo-marquee-list li img{opacity:.95;height:44px!important;max-height:44px!important;width:auto!important;max-width:none!important;object-fit:contain!important;transition:transform 200ms,opacity 200ms;}
.bgh-clients .bestogoo-marquee-list li:hover img{transform:scale(1.06);opacity:1;}

/* ============================ SALVAGED: Bestogoo Business promo (bigbanner) ============================ */
.bgh-bigbanner{margin:clamp(40px,6vw,72px) 0 clamp(44px,7vw,80px);}

/* ============================ Cities ("Esplora le città") ============================ */
.bgh-cities-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--bg-blue);margin-bottom:1px;}
.bgh-cities-all{flex-shrink:0;align-self:flex-end;color:var(--bg-blue);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;}
.bgh-cities-all:hover{text-decoration:underline;}
.bgh-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;}
.bgh-citycard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:clamp(126px,13vw,160px);border-radius:16px;overflow:hidden;background-size:cover;background-position:center;background-color:#dfe3e8;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .18s,box-shadow .18s;padding:13px 14px;}
.bgh-citycard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.17);}
.bgh-city-name{color:#fff;font-weight:800;font-size:clamp(16px,1.5vw,19px);letter-spacing:-.01em;line-height:1.1;text-shadow:0 1px 6px rgba(0,0,0,.5);}
.bgh-city-count{color:rgba(255,255,255,.93);font-weight:600;font-size:12.5px;margin-top:1px;text-shadow:0 1px 5px rgba(0,0,0,.55);}

/* ============================ Counter card + real sub-stats ============================ */
.bgh-counter-card{max-width:none;margin:0 auto;background:#fff;border:1px solid #eef0f2;border-radius:22px;box-shadow:0 6px 30px rgba(17,24,39,.07);padding:22px 26px 28px;}
.bgh-counter-stats{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;flex-wrap:wrap;}
.bgh-cstat{display:inline-flex;align-items:center;gap:7px;color:#374151;font-weight:700;font-size:14.5px;}
.bgh-cstat svg{color:var(--bg-blue);flex-shrink:0;}
.bgh-cstat:last-child svg{color:var(--bg-coral);}
.bgh-cstat-sep{width:1px;height:18px;background:#e5e7eb;}
/* unified social-proof card: counter+stats on top, divider, client logos below (no width discontinuity) */
.bgh-sp-divider{height:1px;background:#eef0f2;margin:24px auto 6px;max-width:560px;}
.bgh-clients-inner{max-width:none!important;margin:0!important;padding:0!important;}
.bgh-clients-inner h3{margin:0 0 14px!important;}
/* inside the unified card the logos must be flush — kill the inner box (border/bg/shadow/radius) */
.bgh-clients-inner .bestogoo-marquee-container{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:6px 0 0!important;margin:0!important;}
/* mobile: flip counter digits were wrapping (e.g. 3938 / 1) — shrink + nowrap so 5 digits fit one row */
@media(max-width:620px){
  .bgh-counter-card{padding:18px 14px 22px;}
  .bgh-counter .tick{font-size:8.5vw!important;white-space:nowrap!important;line-height:1!important;width:100%!important;max-width:100%!important;overflow:hidden;}
  .bgh-counter .tick *{flex-wrap:nowrap!important;white-space:nowrap!important;}
}
@media(max-width:380px){
  .bgh-counter .tick{font-size:7.4vw!important;}
}

/* ============================ Bottom-sheet dialog (dish / menu / video) ============================ */
body.bgh-noscroll{overflow:hidden;}
.bgh-sheet{position:fixed;inset:0;z-index:1000;display:none;}
.bgh-sheet.open{display:block;}
.bgh-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.5);opacity:0;transition:opacity 320ms;}
.bgh-sheet.open .bgh-sheet-backdrop{opacity:1;}
.bgh-sheet-panel{position:absolute;left:0;right:0;bottom:0;width:100%;height:90vh;height:90dvh;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -12px 44px rgba(0,0,0,0.28);transform:translateY(100%);transition:transform 360ms cubic-bezier(0.2,0.8,0.2,1);overflow:hidden;display:flex;flex-direction:column;will-change:transform;}
.bgh-sheet.open .bgh-sheet-panel{transform:translateY(0);}
.bgh-sheet-grip{flex-shrink:0;display:flex;justify-content:center;align-items:center;height:24px;cursor:grab;touch-action:none;}
.bgh-sheet-grip span{width:44px;height:5px;border-radius:3px;background:#d1d5db;display:block;}
.bgh-sheet-x{position:absolute;top:9px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f0f2f5;color:#374151;font-size:24px;line-height:30px;text-align:center;cursor:pointer;z-index:3;padding:0;}
.bgh-sheet-x:hover{background:#e4e6e9;}
.bgh-sheet-frame{flex:1;width:100%;border:0;background:#fff;}