/*
Theme Name: GoSB Clone
Description: Pixel-perfect clone of GoSB Webflow site (Svelte + Tailwind)
Author: Hermes
Version: 1.0.0
*/

/*
 * Webflow export fallback: the live site relies on IX2 JS to fade these
 * sections from opacity:0 to opacity:1. In WordPress we preserve the Webflow
 * DOM/CSS but do not rely on page-specific Webflow interaction bootstrapping,
 * so force imported animated content visible.
 */
[data-w-id][style*="opacity:0"],
[data-w-id][style*="opacity: 0"],
.w-slider[style*="opacity:0"],
.w-slider[style*="opacity: 0"],
.slide-wrapper[style*="opacity:0"],
.slide-wrapper[style*="opacity: 0"] {
  opacity: 1 !important;
}

/* Webflow interaction fallback classes toggled by the Svelte enhancer. */
.w-dropdown-list.w--open {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.w-nav-menu.w--open {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.w-slider-mask::-webkit-scrollbar {
  display: none;
}

.slide-wrapper .w-slider-mask,
.logo-grid-wrapper .w-slider-mask {
  width: 100% !important;
  max-width: 100% !important;
}

/*
 * Restore list markers on imported Webflow content.
 *
 * The theme bundles Tailwind, whose Preflight reset sets `list-style: none` on
 * every ul/ol. The imported Webflow markup renders bulleted lists with plain
 * `ul.list`, so the reset silently removed the bullets that go-sb.com shows.
 * Scoped to content lists so Tailwind's reset still applies to nav and UI
 * lists, which are styled without markers by design.
 */
.w-richtext ul,
.w-richtext ol,
ul.list,
ol.list {
    list-style: revert;
}

.w-richtext ul li,
.w-richtext ol li,
ul.list > li,
ol.list > li {
    list-style: inherit;
}

/*
 * Centre the header row vertically.
 *
 * The navbar is a grid with `align-items: start`, so its columns were anchored
 * to the top of the padding box. The CTA is taller than the logo and the nav
 * links, so it read as sitting high: its centre fell at 39px against the logo's
 * 48px and the links' 50px. Centring the grid items lines all three up at ~50
 * without changing the navbar's height.
 */
.navbar {
    align-items: center;
}