/**
 * GoldSeal Management — global front-end styles.
 *
 * Loaded on every front-end page via GSM_Assets (handle: gsm-global).
 * Site-wide custom CSS belongs here. Prefer Oxygen's variables panel for
 * design tokens; use this file for rules that are awkward to express in
 * the builder or that need to apply globally regardless of template.
 */

/* Example design tokens — define once, reference throughout.
:root {
	--gsm-color-accent: #c8a24b;
	--gsm-space-base: 1rem;
}
*/

/* Add global styles below. */

/* Split text into gold color code start */
h1 span,
h2 span,
h3 span {
	color: var(--gold, #C9921F);
}
/* Split text into gold color code end */


/* Apartment Card */
.gs-apt-card {
  width: 100%;
}

.gs-apt-amenities-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  width: 100%;
  padding: 0 !important;
}

/* Arrow rotation */
.gs-apt-amenities-trigger .bde-button__button::after {
  transition: transform 0.3s ease;
  display: inline-block;
}

.gs-apt-amenities-trigger.is-open .bde-button__button::after {
  transform: rotate(180deg);
}

/* Our Properties per-city grouping, grid, and Load More styling now live in the
   Property Loop element (elements/PropertyLoop/default.css + css.twig), so the
   Load More button is stylable from the element's Design tab. Removed the old
   unlayered rules here — they beat the element's layered CSS and blocked the
   design-control overrides. */

/* Hide GoDaddy's "Live Site" admin-bar item (node id: gdl-live-site) — it
   overlaps the Oxygen-built header for logged-in users. */
#wp-admin-bar-gdl-live-site {
	display: none !important;
}

/* Floor plan: the native Gallery element (add class `gsm-fp-gallery`) is hidden
   off-screen but kept functional, so Oxygen's lightbox still initializes and the
   images stay clickable. The "Floor plan" button opens it via
   floorplan-lightbox.js. Do NOT use display:none / Oxygen's hide — that breaks
   the lightbox. (In the builder canvas it's off-screen too; select it via the
   Structure panel to bind its source.) */
.gsm-fp-gallery {
	position: absolute !important;
	left: -99999px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}