/* IFP Header Builder – La Tavola 0.8.1
 * Frontend refinement from real desktop/mobile screenshots.
 */
.ifp-hb-nav{position:relative;width:100%;font-family:Montserrat,Arial,sans-serif}
.ifp-hb-toggle{display:none!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:9px!important;cursor:pointer;margin-left:auto;min-width:42px;min-height:42px;border-radius:50%!important}
.ifp-hb-toggle>span:not(.screen-reader-text){display:block;width:22px;height:2px;background:#111;margin:4px auto;transition:.2s}
.ifp-hb-menu{display:flex;align-items:center;justify-content:center;gap:3px;list-style:none;margin:0;padding:0}
.ifp-hb-menu li{margin:0;padding:0}
.ifp-hb-menu a{display:block;padding:8px 7px;color:#111;text-decoration:none;font-size:11px;font-weight:500;line-height:1.2;white-space:nowrap;border-bottom:2px solid transparent}
.ifp-hb-menu a:hover,.ifp-hb-menu a:focus,.ifp-hb-menu .current-menu-item>a{color:#C2161C;border-bottom-color:#C2161C}

/* The supplied logo should read as a brand mark, not as a tiny icon. */
.elementor-element-ifplogo1 img{display:block;width:auto!important;max-width:190px!important;max-height:66px!important;object-fit:contain;object-position:left center}



/* Sales-page navigation accent. Kept outside the stored WP menu so existing menu IDs/items
 * and the established shortcode workflow remain untouched. */
.ifp-hb-panel{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.ifp-hb-sales-link{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:5px 7px 4px;text-decoration:none!important;border:0!important}
.ifp-hb-sales-link img{display:block!important;width:auto!important;height:auto!important;max-width:112px!important;max-height:28px!important;object-fit:contain!important}
.ifp-hb-sales-link:hover img,.ifp-hb-sales-link:focus img{opacity:.78}

/* Desktop: one clean row. Never show the hamburger together with the full menu. */
@media(min-width:1025px){
 .ifp-hb-toggle{display:none!important}
 .ifp-hb-panel{display:block!important;position:static!important}
}

/* Tablet and phone: real collapsed navigation. */
@media(max-width:1024px){
 .ifp-hb-toggle{display:block!important}
 .ifp-hb-panel{display:none;position:absolute;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 28px));background:#fff;border:1px solid #EFEAE4;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.16);z-index:99999;overflow:hidden}
 .ifp-hb-nav.is-open .ifp-hb-panel{display:block}
 .ifp-hb-menu{display:block;padding:8px}
 .ifp-hb-menu a{font-size:14px;padding:12px 14px;border-bottom:0;border-radius:8px}
 .ifp-hb-menu a:hover,.ifp-hb-menu a:focus,.ifp-hb-menu .current-menu-item>a{background:#faf6f2}
}

/* Phone: compact single-row header. The order CTA is already prominent in the hero,
 * so the header keeps logo + menu and avoids the awkward second CTA row seen in the screenshot.
 */
@media(max-width:767px){
 .elementor-element.ifp-hb-phone{display:none!important}
 .elementor-element.ifp-hb-order{display:none!important}
 .elementor-element-ifplogo1 img{max-width:145px!important;max-height:52px!important}
 .ifp-hb-panel{position:fixed;left:14px;right:14px;top:74px;width:auto}
 .ifp-hb-toggle{background:#C2161C!important}
 .ifp-hb-toggle>span:not(.screen-reader-text){background:#fff}
}


 @media(max-width:1024px){
  .ifp-hb-panel{align-items:stretch;justify-content:flex-start}
  .ifp-hb-sales-link{justify-content:flex-start;margin:2px 8px 8px;padding:10px 14px;background:#fff7f5;border-radius:8px!important}
  .ifp-hb-sales-link img{max-width:156px!important;max-height:36px!important}
 }


/* 0.8.1 desktop alignment: menu items + sales CTA are one single row. */
@media(min-width:1025px){
  .ifp-hb-panel{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    width:auto!important;
    white-space:nowrap!important;
  }
  .ifp-hb-panel > ul,
  .ifp-hb-panel .menu,
  .ifp-hb-panel .elementor-nav-menu{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    flex:0 1 auto!important;
  }
  .ifp-hb-sales-link{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    align-self:center!important;
    margin:0!important;
    padding:2px 4px!important;
  }
  .ifp-hb-sales-link img{
    max-width:104px!important;
    max-height:24px!important;
  }
}