/*
Theme Name: TechGen Global
Theme URI:
Author: TechGen Global
Author URI:
Description: Custom Gutenberg block (FSE) base theme for TechGen Global. Built for multilingual content via Polylang.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: techgenglobal
*/

/* Blocks use full-bleed decorative elements (asterisks, glow blobs, the
   marquee's 100vw strips) that can bleed past the viewport edge — clip
   them site-wide at the <main> level instead of per block. */
main {
	overflow: hidden;
	margin-top: 0;
}

footer {
	margin-top: 0 !important;
}

/* core/breadcrumbs (Figma node 24664:3051): semibold links, muted current
   item, house icon (swapped in via inc/breadcrumbs.php), chevron-icon
   separator instead of the block's default text-character separator. */
.wp-block-breadcrumbs {
	font-family: var(--wp--preset--font-family--urbanist);
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 1.429;
	padding-top: 23px;
}

.wp-block-breadcrumbs ol {
	gap: 10px;

}

/* Figma lays the whole trail out as one flat row with a uniform 8px gap
   (icon, chevron, text, chevron, text, ...) — ol's gap only covers the
   space between separate <li>s, so each li also needs its own gap between
   its content and its own trailing chevron (the ::after lives inside it). */
.wp-block-breadcrumbs li {
	gap: 15px;
	align-items: flex-start;
}

.wp-block-breadcrumbs a {
	color: #717680;
	text-decoration: none;
}

.wp-block-breadcrumbs a:hover {
	color: #155eef;
}

.wp-block-breadcrumbs [aria-current="page"] {
	color: #d5d7da;
}

/* content: url() replaces the block's own `var(--separator)` text
   character with the chevron icon; !important guards against load-order
   ties with the block's own equally-specific default rule. */
.wp-block-breadcrumbs li:not(:last-child)::after {
	content: url( 'assets/images/icon-breadcrumb-chevron.svg' ) !important;
	display: inline-flex;
	width: 6px;
	height: 10px;
	margin: 0 !important;
	opacity: 1;
}

.techgenglobal-breadcrumbs__home-icon {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
}

/* Single Product page title (Figma node 24668:2894, "Display xl/Semibold")
   — core/post-title with no theme.json heading styles applied otherwise
   falls back to default browser/core-block styling (bold instead of
   semibold, wrong size, and a stray horizontal margin). Scoped to
   body.single-product since that's the only template currently using
   wp:post-title as a real heading. */
body.single-product .wp-block-post-title {
	margin: 16px 0 0;
	font-family: var(--wp--preset--font-family--urbanist);
	font-weight: 600;
	font-size: 3.75rem;
	line-height: 1.2;
	letter-spacing: -1.2px;
	color: #181d27;
}

@media ( max-width: 1024px ) {
	body.single-product .wp-block-post-title {
		font-size: 2.25rem;
		line-height: 1.222;
		letter-spacing: -0.72px;
	}
}