/*
 * TGC Consulting – WordPress additions.
 * 1) Inline <style> blocks that the original index.php / home.php printed on every page.
 * 2) Small compatibility rules for WordPress (admin bar) and Elementor.
 * Nothing here changes the original look.
 */

/* ---- 1. From the original index.php/home.php inline styles ---- */
.color-grey {
	background-color: aliceblue;
}
.accordion {
	width: auto;
	margin: 20px auto;
	font-family: Arial, sans-serif;
}
.accordion-item {
	border: 2px solid #1789fc;
	margin-bottom: 8px;
	border-radius: 17px;
	overflow: hidden;
}
.accordion-header {
	background: #f5f5f5;
	padding: 12px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.accordion-header h3 {
	margin: 0;
	font-size: 18px;
}
.accordion-header .icon {
	font-size: 22px;
	font-weight: bold;
	transition: transform 0.3s ease;
}
.accordion-content {
	max-height: 0;
	overflow: hidden;
	background: #fff;
	transition: max-height 0.3s ease;
	padding: 0 16px;
}
.accordion-content p {
	padding: 12px 0;
}
a.text-primary:focus,
a.text-primary:hover {
	color: #f1f1f1 !important;
}

/* ---- 2. WordPress ---- */
.tgc-main {
	display: block;
}
body.admin-bar header {
	top: 32px;
}
body.admin-bar header .button_container,
body.admin-bar header .my-soc {
	margin-top: 32px;
}
@media screen and (max-width: 782px) {
	body.admin-bar header {
		top: 46px;
	}
	body.admin-bar header .button_container,
	body.admin-bar header .my-soc {
		margin-top: 46px;
	}
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.sr-only-focusable:focus {
	position: fixed !important;
	z-index: 3001;
	top: 8px;
	left: 8px;
	background: #fff;
	padding: 8px 12px;
}
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.button_container:focus { outline: none; }
.button_container:focus-visible { outline: 2px solid #1789fc; outline-offset: 4px; }

/* ---- 3. Elementor ---- */
/* Containers created by the migration carry the "tgc-flow" class: they keep normal
   block flow (margin collapsing) exactly like the original page HTML. */
.elementor .e-con.tgc-flow,
.elementor .e-con.tgc-flow > .e-con-inner {
	display: block;
	padding: 0;
	margin: 0;
	max-width: none;
	width: 100%;
	min-height: 0;
}
.elementor .e-con.tgc-flow > .elementor-element,
.elementor .e-con.tgc-flow > .e-con-inner > .elementor-element {
	width: 100%;
	max-width: none;
	margin: 0;
}
.elementor .e-con.tgc-flow .elementor-widget-container {
	padding: 0;
	margin: 0;
}
/* Keep scroll-reveal content visible while editing in Elementor. */
.elementor-editor-active .animatable,
.elementor-editor-preview .animatable {
	visibility: visible;
	animation-play-state: running;
}
/* Elementor resets image heights inside its widgets; the original cards rely on fixed heights. */
.elementor .news-card .news-card__image {
	height: 100%;
}

/* ---- 4. WordPress core classes ---- */
.wp-caption-text,
.gallery-caption {
	font-size: 14px;
	color: #6c757d;
	padding-top: 4px;
}
.bypostauthor > .comment-body {
	border-left: 3px solid #1789fc;
	padding-left: 12px;
}
.sticky .text-primary {
	font-weight: 700;
}