
/* =========================================================
   MOBILE TOUCH REFINEMENT V1
   Scope: language dropdown alignment, review popup CTA,
   configurator first-tap reliability. No accordion restyle.
   ========================================================= */

/* Review popup primary CTA: MAKEAPACK orange, scoped only here. */
html body #makeapack-final-request-popup .mkp-request-popup-cta{
  background:#df7621!important;
  border-color:#df7621!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(223,118,33,.22)!important;
}
html body #makeapack-final-request-popup .mkp-request-popup-cta:hover,
html body #makeapack-final-request-popup .mkp-request-popup-cta:focus-visible{
  background:#c9681c!important;
  border-color:#c9681c!important;
  color:#fff!important;
}
html body #makeapack-final-request-popup .mkp-request-popup-cta:active{
  background:#b95e18!important;
  border-color:#b95e18!important;
  transform:none!important;
}

/* Mobile language menu: active flag stays visually approved size;
   alternate flags open vertically, centered under it. */
@media(max-width:900px){
  html body .site-header .lang-dropdown{
    position:relative!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
  html body .site-header .lang-current{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
  }
  html body .site-header .lang-menu{
    position:absolute!important;
    top:calc(100% + 6px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:44px!important;
    min-width:44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    z-index:6200!important;
  }
  html body .site-header .lang-dropdown:not(.open) .lang-menu{
    display:none!important;
  }
  html body .site-header .lang-dropdown.open .lang-menu{
    display:flex!important;
  }
  html body .site-header .lang-menu .lang-btn{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    transform:none!important;
  }
  html body .site-header .lang-menu .lang-btn.active{
    display:none!important;
  }
  html body .site-header .lang-current img,
  html body .site-header .lang-current-flag,
  html body .site-header .lang-menu .lang-btn img{
    width:28px!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
  }
}

/* First-tap reliability.
   No new click/touch handlers: only make the real control own its hit area. */
html body .bakery-configurator button,
html body .cupcfg-configurator button,
html body .pastrycfg-configurator button,
html body .take68-grid button,
html body .kraft-configurator button,
html body .nap53-configurator button,
html body .hyg55-configurator button,
html body .label62-grid button,
html body .bowl54-configurator button,
html body .cyl57-config button,
html body .nw65-grid button,
html body .cart66-grid button,
html body .srv92-builder button,
html body .srv93-builder button,
html body .bakery-configurator [role="button"],
html body .cupcfg-configurator [role="button"],
html body .pastrycfg-configurator [role="button"],
html body .take68-grid [role="button"],
html body .kraft-configurator [role="button"],
html body .nap53-configurator [role="button"],
html body .hyg55-configurator [role="button"],
html body .label62-grid [role="button"],
html body .bowl54-configurator [role="button"],
html body .cyl57-config [role="button"],
html body .nw65-grid [role="button"],
html body .cart66-grid [role="button"],
html body .srv92-builder [role="button"],
html body .srv93-builder [role="button"]{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* Decorative descendants/pseudo-elements must never steal a tap from their button.
   Real form controls are deliberately excluded. */
html body .bakery-configurator button > :not(input):not(select):not(textarea),
html body .cupcfg-configurator button > :not(input):not(select):not(textarea),
html body .pastrycfg-configurator button > :not(input):not(select):not(textarea),
html body .take68-grid button > :not(input):not(select):not(textarea),
html body .kraft-configurator button > :not(input):not(select):not(textarea),
html body .nap53-configurator button > :not(input):not(select):not(textarea),
html body .hyg55-configurator button > :not(input):not(select):not(textarea),
html body .label62-grid button > :not(input):not(select):not(textarea),
html body .bowl54-configurator button > :not(input):not(select):not(textarea),
html body .cyl57-config button > :not(input):not(select):not(textarea),
html body .nw65-grid button > :not(input):not(select):not(textarea),
html body .cart66-grid button > :not(input):not(select):not(textarea),
html body .srv92-builder button > :not(input):not(select):not(textarea),
html body .srv93-builder button > :not(input):not(select):not(textarea){
  pointer-events:none!important;
}

html body .bakery-configurator button::before,
html body .bakery-configurator button::after,
html body .cupcfg-configurator button::before,
html body .cupcfg-configurator button::after,
html body .pastrycfg-configurator button::before,
html body .pastrycfg-configurator button::after,
html body .take68-grid button::before,
html body .take68-grid button::after,
html body .kraft-configurator button::before,
html body .kraft-configurator button::after,
html body .nap53-configurator button::before,
html body .nap53-configurator button::after,
html body .hyg55-configurator button::before,
html body .hyg55-configurator button::after,
html body .label62-grid button::before,
html body .label62-grid button::after,
html body .bowl54-configurator button::before,
html body .bowl54-configurator button::after,
html body .cyl57-config button::before,
html body .cyl57-config button::after,
html body .nw65-grid button::before,
html body .nw65-grid button::after,
html body .cart66-grid button::before,
html body .cart66-grid button::after,
html body .srv92-builder button::before,
html body .srv92-builder button::after,
html body .srv93-builder button::before,
html body .srv93-builder button::after{
  pointer-events:none!important;
}

/* Closed/non-active summary source is data only and cannot shield adjacent controls. */
html body .bakery-config-summary,
html body .cupcfg-summary,
html body .pastrycfg-summary,
html body .take68-summary,
html body .kraft-config-summary,
html body .nap53-summary,
html body .hyg55-summary,
html body .label62-summary,
html body .bowl54-summary,
html body .cyl57-summary,
html body .nw65-summary,
html body .cart66-summary{
  pointer-events:none!important;
}
