/* ── Giant Content Block – Frontend ─────────────────────────────────── */

/* No-JS fallback only — JS overwrites all of these on init */
.gcb-collapsible {
	display: none;
}

.gcb-btn-wrap         { margin-top: 0em; margin-bottom: 0.25em; }
.gcb-btn-align-left   { text-align: left;   }
.gcb-btn-align-center { text-align: center; }
.gcb-btn-align-right  { text-align: right;  }

/* ── Shared toggle base ── */
.gcb-toggle {
	display:     inline-flex;
	align-items: center;
	gap:         8px;
	cursor:      pointer;
	font-family: inherit;
	font-size:   0.9375rem;
	font-weight: 600;
	line-height: 1.2;
}

/* ── Fill ── */
.gcb-toggle.gcb-btn-style-fill {
	padding:          10px 24px;
	background-color: var( --gcb-btn-color, #0073aa ) !important;
	color:            var( --gcb-btn-text, #ffffff ) !important;
	border:           none;
	border-radius:    4px;
	transition:       filter 0.15s ease, transform 0.1s ease;
}
.gcb-toggle.gcb-btn-style-fill:hover  { filter: brightness( 1.1 ); }
.gcb-toggle.gcb-btn-style-fill:active { transform: scale( 0.97 ); }

/* ── Outline ── */
.gcb-toggle.gcb-btn-style-outline {
	padding:          9px 22px;
	background-color: transparent !important;
	color:            var( --gcb-btn-color, #0073aa ) !important;
	border:           2px solid var( --gcb-btn-color, #0073aa ) !important;
	border-radius:    4px;
	transition:       background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
}
.gcb-toggle.gcb-btn-style-outline:hover {
	background-color: var( --gcb-btn-color, #0073aa ) !important;
	color:            var( --gcb-btn-text, #ffffff ) !important;
}
.gcb-toggle.gcb-btn-style-outline:active { transform: scale( 0.97 ); }

/* Hide chevron on fill/outline — it clashes with the padded button style */
.gcb-toggle.gcb-btn-style-fill .gcb-chevron,
.gcb-toggle.gcb-btn-style-outline .gcb-chevron {
	display: none;
}

/* ── Link ── */
.gcb-toggle.gcb-btn-style-link {
	padding:               0;
	background:            none;
	border:                none;
	color:                 var( --gcb-btn-color, #0073aa ) !important;
	text-decoration:       underline;
	text-underline-offset: 3px;
	transition:            opacity 0.15s ease;
}
.gcb-toggle.gcb-btn-style-link:hover { opacity: 0.75; }

/* ── Chevron (visible on link style) ── */
.gcb-chevron {
	display:          inline-block;
	flex-shrink:      0;
	transition:       transform 0.25s ease;
	transform-origin: center;
}
.gcb-chevron--open {
	transform: rotate( 180deg );
}

/* ── Label switching driven purely by aria-expanded on the button ── */
.gcb-toggle .gcb-label-less                          { display: none;   }
.gcb-toggle .gcb-label-more                          { display: inline; }
.gcb-toggle[aria-expanded="true"] .gcb-label-more    { display: none;   }
.gcb-toggle[aria-expanded="true"] .gcb-label-less    { display: inline; }

.gcb-wrap p {
	margin: 0px 0px 20px;
}