/* Şanur — compatibility layer for the default theme (Bootstrap 4 + theme CSS stay loaded for pages that are not
   overridden yet). Load AFTER shanur-tokens.css and BEFORE shanur-theme.css. */
body { background: var(--bg); }
.sh-app.sh-app--part { display: block; min-height: 0; }

/* Bootstrap element margins and link colours must not leak into Şanur blocks */
.sh-app :is(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, figure, blockquote) { margin: 0; }
.sh-app label { margin-bottom: 0; }
.sh-app a:hover { color: inherit; text-decoration: none; }
.sh-app a.sh-btn--primary:hover { color: var(--on-primary); }
.sh-app a.sh-btn--danger:hover { color: var(--danger); }
.sh-app a.sh-link:hover { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }
.sh-app a.sh-link.sh-link--ink:hover { color: var(--ink); }
.sh-app .sh-nav__list a:hover, .sh-app .sh-product-card__name a:hover { color: var(--primary); }
.sh-app .sh-footer__links a:hover { color: var(--primary); text-decoration: underline; }
.sh-app .sh-crumbs a:hover { color: var(--ink); text-decoration: underline; }
.sh-app .sh-lang--boxed a.is-active:hover { color: var(--on-primary); }
.sh-app .sh-bottom-nav a.is-active:hover { color: var(--primary); }
.sh-app button:focus:not(:focus-visible) { outline: none; }
.sh-app img { vertical-align: top; }
.sh-app .sh-media { display: block; }
.sh-app .sh-media > img { width: 100%; height: 100%; object-fit: cover; }

/* The bottom menu is fixed on the live site (the default layout's wrappers are unknown, so sticky cannot be relied on) */
@media (max-width: 767.98px) {
  body .sh-bottom-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; }
  body { padding-bottom: calc(var(--bottom-nav-h) + env(safe-area-inset-bottom, 0px)); }
}

/* Dialogs and sheets above the fixed bottom menu and the default theme's own layers */
.sh-app .sh-modal, .sh-app .sh-drawer { z-index: 1050; }