/* Dynamic header blocks */
.multishop-header-account-block > a,
.multishop-header-cart-block > a {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: inherit;
  text-decoration: none;
  min-width: 44px;
  min-height: 44px;
  border-radius: inherit;
}
.multishop-header-account-block,
.multishop-header-cart-block { color: inherit; background-color: inherit; }
.multishop-header-account-block:not(.has-background),.multishop-header-cart-block:not(.has-background){background:var(--rivrun-surface,var(--wp--preset--color--base,#fff));border:1px solid color-mix(in srgb,var(--rivrun-text,currentColor) 12%,transparent);border-radius:12px}
.multishop-header-account-block:not(.has-text-color),.multishop-header-cart-block:not(.has-text-color){color:var(--rivrun-text,var(--wp--preset--color--contrast,#172033))}
.multishop-header-account-block.has-background>a,.multishop-header-cart-block.has-background>a{background:inherit}.multishop-header-account-block.has-text-color>a,.multishop-header-cart-block.has-text-color>a{color:inherit}
.multishop-header-account-block:hover,.multishop-header-cart-block:hover{border-color:color-mix(in srgb,var(--rivrun-accent-2,var(--wp--preset--color--accent-2,#ef2853)) 42%,transparent);filter:brightness(.98)}
.multishop-header-account__icon,
.multishop-header-cart__icon { display: inline-grid; place-items: center; flex: 0 0 auto; width: 24px; height: 24px; }
.multishop-header-account__icon svg,
.multishop-header-account__icon img,
.multishop-header-cart__icon svg,
.multishop-header-cart__icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.multishop-header-account__copy { display: grid; line-height: 1.1; }
.multishop-header-account__copy small { font-size: .72em; opacity: .72; }
.multishop-header-account__copy strong { font-size: .94em; white-space: nowrap; }
.multishop-header-cart__dynamic { display: inline-flex; align-items: center; gap: .45rem; }
.multishop-header-cart__count {
  display: inline-grid; place-items: center; min-width: 1.45rem; min-height: 1.45rem; padding: 0 .25rem;
  border-radius: 999px; color: #fff; background: var(--rivrun-accent-2, var(--wp--preset--color--accent-2, #ef2853)); font-size: .72rem; font-weight: 700;
}
.multishop-header-cart__amount { white-space: nowrap; }

/* Search placeholder animation selected in Theme Options. */
.multishop-placeholder-effect { transition: opacity .22s ease, transform .28s ease, filter .28s ease; }
.multishop-placeholder-effect.is-placeholder-changing { opacity: .18; }
.multishop-placeholder-effect.is-effect-slide.is-placeholder-changing { transform: translateY(5px); }
.multishop-placeholder-effect.is-effect-slide.is-placeholder-entering { animation: ecartup-placeholder-slide .42s ease both; }
.multishop-placeholder-effect.is-effect-blur.is-placeholder-changing { filter: blur(5px); opacity: .1; }
.multishop-placeholder-effect.is-effect-blur.is-placeholder-entering { animation: ecartup-placeholder-blur .44s ease both; }
.multishop-placeholder-effect.is-effect-zoom.is-placeholder-changing { transform: scale(.985); opacity: .12; }
.multishop-placeholder-effect.is-effect-zoom.is-placeholder-entering { animation: ecartup-placeholder-zoom .42s ease both; }
.multishop-placeholder-effect.is-effect-magical { caret-color: var(--multishop-search-accent, currentColor); }
.is-magical-placeholder{position:relative}
.is-magical-placeholder::before,.is-magical-placeholder::after{content:"✦";position:absolute;z-index:4;pointer-events:none;color:var(--multishop-search-accent,var(--rivrun-accent-2,#ef2853));opacity:0;text-shadow:18px 10px 0 color-mix(in srgb,currentColor 64%,#f59e0b),-16px 18px 0 color-mix(in srgb,currentColor 55%,#38bdf8)}
.is-magical-placeholder::before{inset-inline-start:12%;inset-block-start:16%}.is-magical-placeholder::after{content:"✧";inset-inline-end:12%;inset-block-end:14%}
.is-magical-placeholder.is-magical-sparkling::before{animation:ecartup-placeholder-sparkle .8s ease-out both}.is-magical-placeholder.is-magical-sparkling::after{animation:ecartup-placeholder-sparkle .8s .1s ease-out both}
@keyframes ecartup-placeholder-slide { from { opacity: .1; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes ecartup-placeholder-blur { from { opacity: .1; filter: blur(5px); } to { opacity: 1; filter: none; } }
@keyframes ecartup-placeholder-zoom { from { opacity: .1; transform: scale(1.025); } to { opacity: 1; transform: none; } }
@keyframes ecartup-placeholder-sparkle{0%{opacity:0;transform:scale(.25) rotate(-18deg)}42%{opacity:1;transform:scale(1.2) rotate(8deg)}100%{opacity:0;transform:translateY(-8px) scale(.7) rotate(24deg)}}
@media (prefers-reduced-motion: reduce) {
  .multishop-placeholder-effect { animation: none !important; transition: none !important; transform: none !important; filter: none !important; }
  .is-magical-placeholder::before,.is-magical-placeholder::after{display:none!important}
}

/* Block-navigation mega panels: desktop only, leaving the native mobile modal untouched. */
@media (min-width: 842px) {
  .wp-block-navigation.is-style-ecartup-dropdown .wp-block-navigation__submenu-container {
    min-width: 220px;
    padding: .5rem;
    border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
    border-radius: 12px;
    background: var(--wp--preset--color--base, #fff);
    box-shadow: 0 16px 38px rgba(15,23,42,.13);
  }
  .wp-block-navigation.is-style-ecartup-dropdown .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: .65rem .75rem;
    border-radius: 8px;
  }
  .wp-block-navigation.is-style-ecartup-dropdown .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
  .wp-block-navigation.is-style-ecartup-dropdown .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
    background: color-mix(in srgb, var(--wp--preset--color--accent-2, #ef2853) 9%, transparent);
  }
  .multishop-mega-menu { position: static; }
  .multishop-mega-menu .has-multishop-mega-panel { position: static; }
  .multishop-mega-menu .multishop-mega-panel {
    inset-inline: max(1rem, calc((100vw - min(1280px, 100vw - 2rem))/2));
    width: auto;
    padding: clamp(1rem, 2.4vw, 2rem);
    grid-template-columns: repeat(var(--multishop-mega-columns, 4), minmax(0, 1fr));
    gap: .45rem clamp(.75rem, 2vw, 1.75rem);
    border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
    border-radius: 18px;
    background: var(--wp--preset--color--base, #fff);
    box-shadow: 0 24px 64px rgba(15, 23, 42, .16);
  }
  .multishop-mega-menu .multishop-mega-panel > .wp-block-navigation-item {
    align-items: stretch;
    min-width: 0;
  }
  .multishop-mega-menu .multishop-mega-panel > .wp-block-navigation-item > .wp-block-navigation-item__content {
    padding: .72rem .8rem;
    border-radius: 10px;
    font-weight: 750;
  }
  .multishop-mega-menu .multishop-mega-panel .wp-block-navigation__submenu-container {
    position: static;
    display: grid;
    visibility: visible;
    width: 100%;
    height: auto;
    margin: .25rem 0 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    opacity: 1;
  }
  .multishop-mega-menu .multishop-mega-panel .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: .5rem .8rem;
    opacity: .82;
  }
  .multishop-mega-menu .multishop-mega-panel,
  .multishop-mega-menu .multishop-mega-panel .wp-block-navigation__submenu-container { overflow: visible; scrollbar-width: none; }
  .multishop-mega-menu .multishop-mega-panel::-webkit-scrollbar,
  .multishop-mega-menu .multishop-mega-panel .wp-block-navigation__submenu-container::-webkit-scrollbar { display: none; width: 0; height: 0; }
  .multishop-mega-menu .multishop-mega-panel::before,
  .multishop-mega-menu .multishop-mega-panel::after,
  .multishop-mega-menu .multishop-mega-panel .wp-block-navigation__submenu-container::before,
  .multishop-mega-menu .multishop-mega-panel .wp-block-navigation__submenu-container::after { content: none !important; display: none !important; }
  .multishop-mega-menu .has-multishop-mega-panel.is-mega-hover-open > .multishop-mega-panel { display: grid; }
  body.multishop-mega-full_width .multishop-mega-menu .multishop-mega-panel { inset-inline: 0; border-radius: 0 0 18px 18px; }
  body.multishop-mega-minimal .multishop-mega-menu .multishop-mega-panel { box-shadow: 0 14px 30px rgba(15, 23, 42, .09); border-radius: 8px; }
}

/* Smart search */
.multishop-smart-search[hidden] { display: none !important; }
.multishop-smart-search { position: fixed; z-index: 100020; inset-inline: 0; top: var(--multishop-search-top, 80px); color: var(--multishop-search-text, #172033); }
.multishop-smart-search__backdrop { display: none; }
.multishop-smart-search__surface {
  position: relative; width: min(760px, calc(100vw - 2rem)); max-height: min(68vh, 650px); overflow: auto;
  margin: .55rem auto 0; padding: 1rem; border: 1px solid var(--multishop-search-border, #e5e7eb); border-radius: var(--multishop-search-radius, 18px);
  background: var(--multishop-search-bg, #fff); box-shadow: 0 24px 68px rgba(15,23,42,.22); overscroll-behavior: contain;
}
.multishop-smart-search__close { position: absolute; z-index: 2; inset-block-start: .45rem; inset-inline-end: .55rem; width: 38px; height: 38px; border: 1px solid var(--multishop-search-border, #e5e7eb); border-radius: 50%; color: var(--multishop-search-text, #172033); background: color-mix(in srgb, var(--multishop-search-bg, #fff) 88%, var(--multishop-search-border, #e5e7eb)); font-size: 1.45rem; cursor: pointer; }
.multishop-smart-search__popular { padding-inline-end: 2.7rem; }
.multishop-smart-search__popular strong { display: block; margin-bottom: .7rem; font-size: .86rem; }
.multishop-smart-search__popular > div { display: flex; flex-wrap: wrap; gap: .45rem; }
.multishop-smart-search__popular button { border: 1px solid var(--multishop-search-border, #e5e7eb); border-radius: 999px; padding: .45rem .7rem; background: var(--multishop-search-bg, #fff); color: inherit; cursor: pointer; }
.multishop-smart-search__popular button:hover { border-color: var(--multishop-search-accent, #ef2853); }
.multishop-smart-search__status { min-height: 1.2rem; padding: .35rem 0; color: var(--multishop-search-muted, #6b7280); font-size: .84rem; }
.multishop-smart-search__results { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .55rem; }
.multishop-smart-search__product { display: flex; align-items: center; gap: .55rem; min-width: 0; padding: .55rem; border: 1px solid var(--multishop-search-border, #eceef2); border-radius: max(8px, calc(var(--multishop-search-radius, 18px) - 6px)); }
.multishop-smart-search__product-link { display: flex; align-items: center; gap: .65rem; min-width: 0; flex: 1; color: inherit; text-decoration: none; }
.multishop-smart-search__product img { width: 56px; height: 56px; flex: 0 0 56px; object-fit: cover; border-radius: 9px; background: #f5f5f5; }
.multishop-smart-search__copy { display: grid; gap: .2rem; min-width: 0; }
.multishop-smart-search__copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .86rem; }
.multishop-smart-search__copy span { color: var(--multishop-search-accent, #ef2853); font-size: .8rem; }
.multishop-smart-search__action { flex: 0 0 auto; min-width: 44px; min-height: 38px; padding: .4rem .62rem; border: 1px solid transparent; border-radius: 9px; color: var(--multishop-search-button-fg, #fff); background: var(--multishop-search-button-bg, #07175f); cursor: pointer; }
.multishop-smart-search__action:focus-visible,
.multishop-smart-search__popular button:focus-visible,
.multishop-smart-search__close:focus-visible { outline: 3px solid color-mix(in srgb, var(--multishop-search-focus, #ef2853) 45%, transparent); outline-offset: 2px; }
body.multishop-smart-search-enabled :is(.wp-block-search__input,.ecup-v5-search-input,.search-field):focus { outline-color: var(--multishop-search-focus, #ef2853); border-color: var(--multishop-search-focus, #ef2853); }

/* Selected header row: presentation only. Existing sticky/delayed code remains the positioning authority. */
.multishop-scroll-section { transition: opacity .24s ease, transform .24s ease, max-height .28s ease, margin .28s ease, padding .28s ease; transform-origin: top; }
.multishop-scroll-section.is-style-slide.is-hidden-by-scroll { opacity: 0; transform: translateY(-100%); pointer-events: none; }
.multishop-scroll-section.is-style-fade.is-hidden-by-scroll { opacity: 0; pointer-events: none; }
.multishop-scroll-section.is-style-collapse { overflow: clip; max-height: var(--multishop-scroll-section-height, 180px); }
.multishop-scroll-section.is-style-collapse.is-hidden-by-scroll { opacity: 0; max-height: 0; margin-block: 0 !important; padding-block: 0 !important; pointer-events: none; }

@media (max-width: 840px) {
  .multishop-header-account-block > a,
  .multishop-header-cart-block > a { min-width: 42px; min-height: 42px; }
  .multishop-smart-search,
  .multishop-smart-search.is-style-bottom_sheet { position: fixed; inset: 0; display: grid; align-items: end; }
  .multishop-smart-search.is-style-dropdown { position: fixed; inset: var(--multishop-search-top, 80px) 0 auto; display: block; }
  .multishop-smart-search:not(.is-style-dropdown) .multishop-smart-search__backdrop { display: block; position: absolute; inset: 0; background: rgba(15,23,42,.42); backdrop-filter: blur(2px); }
  .multishop-smart-search:not(.is-style-dropdown) .multishop-smart-search__surface { width: 100%; max-height: min(78dvh, 720px); margin: 0; border-radius: 22px 22px 0 0; padding: 1rem max(1rem, env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); }
  .multishop-smart-search__results { grid-template-columns: 1fr; }
  body.multishop-search-is-open { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) {
  .multishop-scroll-section { transition: none; }
}


/* One2TenX 11.15 — keyboard-safe mobile smart search. Keep the live input clear and
   keep suggestion rows inside the VisualViewport instead of underneath iOS/Android keyboards. */
@media (max-width: 840px) {
  .multishop-smart-search,
  .multishop-smart-search.is-style-bottom_sheet,
  .multishop-smart-search.is-style-dropdown {
    position: fixed !important;
    inset: var(--multishop-search-top, 72px) 0 auto !important;
    display: block !important;
    height: var(--multishop-search-available, calc(100dvh - var(--multishop-search-top, 72px) - 8px)) !important;
    max-height: var(--multishop-search-available, calc(100dvh - var(--multishop-search-top, 72px) - 8px)) !important;
    pointer-events: none;
  }
  .multishop-smart-search .multishop-smart-search__backdrop { display: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .multishop-smart-search .multishop-smart-search__surface {
    pointer-events: auto;
    width: min(100% - 16px, 760px) !important;
    height: auto !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    padding: 10px !important;
    overflow: auto !important;
    overscroll-behavior: contain;
    border-radius: var(--multishop-search-radius, 18px) !important;
    box-shadow: 0 16px 42px rgba(15,23,42,.18) !important;
  }
  body.multishop-search-is-open { overflow: visible !important; }
  body.multishop-search-is-open :is(.wp-block-search__input,.ecup-v5-search-input,.search-field) {
    filter: none !important;
    opacity: 1 !important;
    -webkit-filter: none !important;
  }
  .multishop-smart-search__close { width: 32px; height: 32px; inset-block-start: 8px; inset-inline-end: 8px; }
  .multishop-smart-search__product img { content-visibility: auto; }
}

/* One2TenX 11.15 focus guard: a placeholder animation can never blur/scale the live mobile search field. */
@media (max-width: 840px) {
  body.multishop-search-is-open .multishop-placeholder-effect,
  body.multishop-search-is-open .multishop-placeholder-effect:focus {
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    transform: none !important;
    transition-property: color, background-color, border-color, box-shadow !important;
  }
}
