/*
 * Instabooster — header actions (search + cart buttons, src/components/brands/ib/checkout/
 * header-actions.tsx), moved verbatim out of ./checkout.css (owner-approved chrome additions):
 * every page renders them, while checkout.css is only needed by the checkout, cart, drawer and
 * search palette (src/components/brands/ib/css-bundles.ts loads it there and lazily elsewhere).
 * Cascade: loaded right before checkout.css (same place in the order as before).
 */
@layer ib {
  /* ════ Header actions (search + cart, ./header-actions.tsx) — owner-approved chrome additions ════ */
  html[data-brand="ib"] .ib-hact { display:flex; align-items:center; gap:2px; margin-left:.35rem; }
  html[data-brand="ib"] .ib-hact-mobile { display:none; }
  html[data-brand="ib"] .ib-hact__btn { position:relative; display:inline-grid; place-items:center; width:40px; height:40px; padding:0; border:0; border-radius:8px; background:transparent; color:#374151; cursor:pointer; transition:color .3s, background-color .3s, transform .3s; -webkit-tap-highlight-color:transparent; }
  html[data-brand="ib"] .ib-hact__btn:hover { color:#c2185b; background:rgba(233,30,99,.06); }
  /* live Bootstrap reboot puts a black auto outline on button:focus (mouse/touch too): none on
     click/tap, a rounded IB-pink ring for keyboard focus only */
  html[data-brand="ib"] .ib-hact__btn:focus { outline:none; }
  html[data-brand="ib"] .ib-hact__btn:focus-visible { outline:2px solid #e61c72; outline-offset:2px; border-radius:10px; }
  html[data-brand="ib"] .ib-hact__btn svg { display:block; }
  html[data-brand="ib"] .ib-hact__badge { position:absolute; top:2px; right:0; display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:linear-gradient(135deg,#e61c72 0%,#ff4d94 100%); color:#fff; font-family:Montserrat,sans-serif; font-size:.66rem; font-weight:800; line-height:1; box-shadow:0 0 0 2px #fff; animation:ibHactPop .35s cubic-bezier(.2,.9,.3,1.3) both; }
  @keyframes ibHactPop { 0% { transform:scale(.4); } 60% { transform:scale(1.15); } 100% { transform:scale(1); } }
  /* home (transparent header over the hero): white like the live nav links until scrolled */
  html[data-brand="ib"]:where(:has(.ibl-home)) .ib-header-fixed-mobile:not(.scrolled) .ib-hact .ib-hact__btn { color:#fff; }
  html[data-brand="ib"]:where(:has(.ibl-home)) .ib-header-fixed-mobile:not(.scrolled) .ib-hact .ib-hact__btn:hover { color:#fff; background:rgba(255,255,255,.1); }
  /* mobile: both next to the burger; the centred logo moves to the left so they fit */
  @media (max-width:991.98px) {
    html[data-brand="ib"] .ib-hact-mobile { display:flex; align-items:center; gap:0; margin-left:auto; z-index:11; }
    html[data-brand="ib"] .ib-hact-mobile + .ib-mobile-toggler { margin-left:0 !important; }
    html[data-brand="ib"] #headerNav:has(.ib-hact-mobile) .ib-brand { left:0 !important; transform:none !important; }
    html[data-brand="ib"] .ib-hact-mobile .ib-hact__btn { width:38px; height:38px; color:#374151; }
  }
  @media (min-width:992px) { html[data-brand="ib"] .ib-hact-mobile { display:none !important; } }
}