/*
Theme Name: EGCI Template
Theme URI: https://egci.com
Author: EGCI Team
Author URI: https://egci.com
Description: A clean, modern, and high-performance WordPress theme for digital agencies. Features custom post types for services and projects, testimonials, team members, and a fully responsive design with dark mode support.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: egci-template
Domain Path: /languages
Tags: portfolio, translation-ready, one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

header.archive-header.has-bg-image::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 0;
}

header.archive-header .container {
	position: relative;
	z-index: 1;
}

header.archive-header.has-bg-image h1,
header.archive-header.has-bg-image .services-main-title,
header.archive-header.has-bg-image .services-badge,
header.archive-header.has-bg-image .engagements-main-title,
header.archive-header.has-bg-image .engagements-badge,
header.archive-header.has-bg-image .approach-title,
header.archive-header.has-bg-image .entry-title,
header.archive-header.has-bg-image .archive-header-subtitle {
	/* color: #fff; */
}

header.archive-header .services-subtitle {
	font-size: 1.1rem;
	max-width: 800px;
	line-height: 1.7;
	margin: 0 auto;
}

/* Blog page header background image */
.blog-page-header {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.blog-page-header.has-bg-image .sub,
.blog-page-header.has-bg-image .entry-title {
	color: #fff;
}

ul,
ol {
	padding-left: 1rem;
}

.contact-info-buttons {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contact-info-buttons a {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

span.contact-info-buttons__icon {
	display: flex;
}

.post-card__content h2.entry-title {
	font-size: 1.1rem;
}

/* ============================================
   404 Page
   ============================================ */
.content-area--404 {
	padding: 4rem 0 6rem;
	min-height: 60vh;
	display: flex;
	align-items: center;
}

.error-404 {
	text-align: center;
	max-width: 560px;
	margin: 0 auto;
}

.error-404__header {
	margin-bottom: 1.5rem;
}

.error-404__title {
	font-size: 6rem;
	font-weight: 700;
	line-height: 1;
	color: var(--egci-primary, #fbbb01);
	margin: 0 0 0.25rem;
	font-family: "Inter Tight", sans-serif;
}

.error-404__subtitle {
	font-size: 1.5rem;
	color: var(--egci-text, #1a1a1a);
	margin: 0;
	font-weight: 600;
}

.error-404__message {
	font-size: 1.05rem;
	line-height: 1.6;
	color: var(--egci-text-light, #666);
	margin: 0 0 2rem;
}

.error-404__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 2.5rem;
}

.error-404__btn {
	text-decoration: none;
}

.error-404__btn:hover {
	text-decoration: none;
}

.error-404__btn--secondary {
	background-color: transparent !important;
	color: var(--egci-primary, #fbbb01) !important;
	border: 2px solid var(--egci-primary, #fbbb01) !important;
}

.error-404__btn--secondary:hover {
	background-color: var(--egci-primary, #fbbb01) !important;
	color: #fff !important;
}

.error-404__search {
	max-width: 360px;
	margin: 0 auto;
}

.error-404__search .search-form {
	display: flex;
	gap: 0.5rem;
}

.error-404__search .search-field {
	flex: 1;
	padding: 0.6rem 1rem;
	border: 1px solid var(--egci-border, #ddd);
	border-radius: 4px;
	font-size: 1rem;
}

.error-404__search .search-submit {
	padding: 0.6rem 1.25rem;
	background-color: var(--egci-primary, #fbbb01);
	color: #1a1a1a;
	border: none;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
}

@media (max-width: 480px) {
	.error-404__title {
		font-size: 4rem;
	}
	.error-404__actions {
		flex-direction: column;
	}
	.error-404__actions .btn {
		width: 100%;
		justify-content: center;
	}
}

.page-header-custom {
	padding-left: 17px !important;
	text-align: left !important;
	position: relative !important;
}

.page-header-custom:before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: rgba(0, 0, 0, 0.4) !important;
	z-index: 0 !important;
}

.page-header-custom .container {
	position: relative !important;
	z-index: 1 !important;
}

.page-header-custom .archive-header-subtitle {
	color: #fff;
	margin: 0 auto;
	font-size: 1.1rem;
	max-width: 800px;
	line-height: 1.7;
	text-align: left;
	margin-left: 0 !important;
}

.page-header-custom .archive-header-title {
	position: relative;
	z-index: 2;
	color: #fff;

	line-height: 1.2 !important;
	font-size: 2rem !important;
	margin-bottom: 1rem !important;
	font-weight: 700 !important;
}

/* Unified archive item direction classes */
.archive-content-item--image-left :is(.service-item__content, .approach-item__content, .engagement-item__content) {
	order: 2;
}

.archive-content-item--image-left :is(.service-item__image, .approach-item__image, .engagement-item__image) {
	order: 1;
}

.archive-content-item--image-right :is(.service-item__content, .approach-item__content, .engagement-item__content) {
	order: 1;
}

.archive-content-item--image-right :is(.service-item__image, .approach-item__image, .engagement-item__image) {
	order: 2;
}

@media (max-width: 992px) {
	.archive-content-item :is(.service-item__inner, .approach-item__inner, .engagement-item__inner) {
		grid-template-columns: 1fr !important;
		gap: 40px;
	}

	.archive-content-item--image-left
		:is(
			.service-item__content,
			.service-item__image,
			.approach-item__content,
			.approach-item__image,
			.engagement-item__content,
			.engagement-item__image
		),
	.archive-content-item--image-right
		:is(
			.service-item__content,
			.service-item__image,
			.approach-item__content,
			.approach-item__image,
			.engagement-item__content,
			.engagement-item__image
		) {
		order: unset !important;
	}
}

/* Unified typography hooks for H2 and P */
.archive-content-item__title {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
	color: var(--egci-text);
}

.archive-content-item__text p:last-child {
	margin-bottom: 0;
}

@media (max-width: 992px) {
	.archive-content-item__title {
		font-size: 2rem;
	}
}

@media (max-width: 768px) {
	.archive-content-item__title {
		font-size: 1.75rem;
	}

	.archive-content-item__text p {
		font-size: 1rem;
	}
}

.d-none {
	display: none;
}

.page-header-custom:before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: rgba(0, 0, 0, 0.4) !important;
	z-index: 0 !important;
}

.services-subtitle p,
.approach-subtitle p,
.engagements-subtitle p {
	margin-bottom: 0 !important;
	color: #696969 !important;
	font-family: "Inter Tight", sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}



nav.egci-breadcrumbs {
    padding-left: 1.5rem !important;
}