#loginModal, #saveSearchModal, #savedSearchListModal, #globalConfirmModal, #updateProfileModal {display: none;}
/* Hide swiper until it's properly initialized */
.swiper:not(.swiper-initialized) {
  opacity: 0;
  visibility: hidden;
}

.swiper.swiper-initialized {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
}

@layer theme {
  :root, :host {
	--font-sans: Jost, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	--font-title: Glook;
	--font-hero: Glook;
    --color-background: #ffffff;
    --color-foreground: #dbc77b;
    --color-primary: #515959;
    --color-primary-foreground: #ffffff;
    --color-secondary: #dfc66f;
    --color-secondary-foreground: #515959;
    --color-muted: #ffffff;
    --color-muted-foreground: #515959;
	--color-accent: #f9f3e3;
    --color-accent-foreground: #dbc77b;
    --color-border: #c0b8ba;
    --color-input: #ffffff;
    --color-ring: #343434;
	--color-primary-button: #dbc77b;
	--color-primary-ghost: transparent;
	}
}
.dark {
	--color-background: #343434;
    --color-foreground: #dbc77b;
    --color-primary: #343434;
    --color-primary-foreground: #ffffff;
    --color-secondary: #dfc66f;
    --color-secondary-foreground: #fff;
    --color-muted: #343434;
    --color-muted-foreground: #515959;
	--color-accent: #5d5d5d;
    --color-accent-foreground: #fff;
    --color-border: #364050;
    --color-input: ;
    --color-ring: #dbc77b;
	--color-primary-button: #dbc77b;
	--color-primary-ghost: transparent;
	}


#hero h2, #hero p, .hero-title * { font-family: var(--font-hero);}
h1,h2,h3,h4,h5,h6 { font-family: var(--font-title);}