/* ==========================================
   TYPOGRAPHY - MONSERRAT FONT
   ========================================== */
body, .body {
		font-family: var(--font-family-primary, 'Montserrat', sans-serif) !important;
}

h1, h2, h3, h4, h5, h6,
.btn,
.heading-font,
.font-weight-bold,
.font-weight-black,
.font-weight-semibold,
.font-weight-extra-bold,
.text-color-dark,
.text-color-light,
.card-title,
.custom-heading-style-1,
.custom-heading-style-1-text,
#header .header-nav-main nav > ul > li > a,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		font-family: var(--font-family-secondary, var(--font-family-primary, 'Montserrat'), sans-serif) !important;
}

.custom-container-style {
		max-width: 90%;
}

@media (max-width: 575px) {
	.custom-container-style {
			padding-left: 20px;
			padding-right: 20px;
			max-width: 100%;
	}
}

.custom-container-style-2 {
		max-width: 78%;
}

.custom-container-style-3 {
		min-width: 85vw;
}

@media (min-width: 576px) {
		.custom-container-style-3 {
				min-width: 540px;
		}
}

@media (min-width: 768px) {
		.custom-container-style-3 {
				min-width: 720px;
		}
}

@media (min-width: 992px) {
		.custom-container-style-3 {
				min-width: 960px;
		}
}

@media (min-width: 1200px) {
		.custom-container-style-3 {
				min-width: 1140px;
		}
}

@media (min-width: 1440px) {
		.custom-container-style-3 {
				min-width: 1440px;
		}
}

.custom-container-position-1 {
		position: relative;
		transform: translate3d(-50%, 0, 0);
		left: 50%;
}

.custom-bg-grey-1 {
		background: #747473 !important;
}

.custom-margin-top {
		margin-top: 170px;
}

@media (min-width: 768px) {
		.custom-margin-top {
				margin-top: 30px;
		}
}

@media (min-width: 992px) {
		.custom-margin-top {
				margin-top: -80px;
		}
}

.custom-page-wrapper {
		padding-left: 6.4vw;
		padding-right: 6.4vw;
}

.custom-font-secondary {
		font-family: var(--font-family-secondary, var(--font-family-primary, 'Montserrat'), sans-serif) !important;
}

.custom-font-tertiary {
		font-family: var(--font-family-tertiary, var(--font-family-primary, 'Montserrat'), sans-serif) !important;
}

.custom-btn-style-1 {
		position: relative;
		border-radius: 0;
		left: 5px;
}

.custom-btn-style-1:before {
		content: '';
		position: absolute;
		top: -5px;
		right: -5px;
		bottom: -5px;
		left: -5px;
		border: 1px solid var(--grey-500);
		transition: ease all 300ms;
}

.custom-btn-style-1:hover:before {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
}

.custom-btn-style-1.custom-btn-style-1-right {
		left: auto;
		right: 5px;
}

.custom-box-shadow-1 {
		box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.3);
}

.custom-stroke-text-effect-1 {
		-webkit-text-fill-color: var(--light);
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: var(--grey-500);
		white-space: nowrap;
}

.custom-big-font-size-1 {
		font-size: 147.2px;
		font-size: 9.2rem;
}

.custom-big-font-size-2 {
		font-size: 187.2px;
		font-size: 11.7rem;
}

.custom-big-font-size-3 {
		font-size: 115.2px;
		font-size: 7.2rem;
}

.custom-img-thumbnail-style-1:before {
		border-radius: 0 !important;
}

/* Gallery Masonry Layout - Imágenes adaptativas */
.masonry-item .custom-img-thumbnail-style-1 {
		width: 100%;
		height: 100%;
		display: block;
}

.masonry-item .custom-img-thumbnail-style-1 img.gallery-masonry-image,
.masonry-item .custom-img-thumbnail-style-1 img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		display: block;
}

/* Asegurar altura mínima para contenedores grandes (col-6) */
.masonry-item.col-6 .custom-img-thumbnail-style-1 {
		min-height: 400px;
}

@media (min-width: 992px) {
		.masonry-item.col-6 .custom-img-thumbnail-style-1 {
				min-height: 500px;
		}

		.masonry-item.col-6.col-lg-3 .custom-img-thumbnail-style-1 {
				min-height: 250px;
		}
}

/* Asegurar altura mínima para contenedores pequeños (col-6 col-lg-3) */
.masonry-item.col-6.col-lg-3 .custom-img-thumbnail-style-1 {
		min-height: 200px;
}

@media (max-width: 991px) {
		.masonry-item.col-6 .custom-img-thumbnail-style-1 {
				min-height: 300px;
		}

		.masonry-item.col-6.col-lg-3 .custom-img-thumbnail-style-1 {
				min-height: 200px;
		}
}

.custom-ls-1 {
		letter-spacing: 4px;
}

.custom-link-effect-1 {
		position: relative;
		padding-bottom: 4px;
}

.custom-link-effect-1:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 1px;
		border-bottom: 2px solid var(--grey-500);
		transition: ease width 300ms;
}

.custom-link-effect-1:hover:after, .custom-link-effect-1.active:after {
		width: 100%;
}

@keyframes customFadeFlipAnim {
		0% {
				opacity: 0;
				transform: translateY(-20px) perspective(600px) rotateX(10deg);
		}
		100% {
				opacity: 1;
				transform: translateY(0) perspective(600px) rotateX(0);
		}
}

.customFadeFlipAnim {
		animation-name: customFadeFlipAnim;
}

/*
* Header
*/
html.sticky-header-active #header .header-body {
		box-shadow: none;
}

#header .header-nav-main nav > ul > li .dropdown-menu {
		border-radius: 0 !important;
}

@media (min-width: 992px) {
		#header .header-nav {
				flex: 0 auto;
		}
		#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
				color: var(--light) !important;
		}
		#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
				background: #FFF !important;
		}
		#header .header-nav.header-nav-line nav > ul li:hover > a {
				color: var(--light) !important;
		}
		#header .header-nav.header-nav-line nav > ul li:hover > a:before {
				background: #FFF !important;
		}
		#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before,
		#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before {
				transform: none;
		}
		#header .header-nav-main nav > ul > li > a {
				font-size: 14px;
				font-weight: 600;
				font-family: var(--font-family-secondary, var(--font-family-primary, 'Montserrat'), sans-serif);
				letter-spacing: 1px;
				text-transform: none;
		}
		#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
				font-size: 14px;
				font-family: var(--font-family-secondary, var(--font-family-primary, 'Montserrat'), sans-serif);
		}
}

@media (max-width: 991px) {
		#header .header-container {
				padding: 0 6.5vw;
		}
		#header.header-transparent .header-nav-main nav {
				padding: 0 6.4vw !important;
		}
		html.sticky-header-active #header.header-transparent .header-nav-main nav {
				padding: 0 6.4vw !important;
		}
}

/*
* Header Search
*/
#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {
		border-bottom-color: var(--light) !important;
}

/*
* Slider
*/
.custom-slider-background {
		display: flex;
		align-items: stretch;
		position: absolute;
		top: 0;
		left: 6.4vw;
		right: 6.4vw;
		bottom: 0;
		transform: translate3d(0, 103px, 0);
		opacity: 0;
		transition: ease box-shadow 300ms;
}

.custom-slider-background .custom-slider-background-image-stage-outer {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		position: relative;
		width: 50%;
		height: 100%;
		overflow: hidden;
}

.custom-slider-background .custom-slider-background-image-stage-outer .custom-slider-background-image-stage {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: 100%;
}

.custom-slider-background .custom-slider-background-image-stage-outer .custom-slider-background-image-stage .custom-slider-background-image-item {
		width: 100%;
		height: 100%;
}

.custom-slider-background.show {
		opacity: 1;
}

.custom-slider-background.show .custom-slider-background-image-stage-outer .custom-slider-background-image-stage {
		transition: ease transform 1s;
}

@media (max-width: 575px) {
		.custom-slider-background .custom-slider-background-image-stage-outer {
				width: 100%;
		}
		.custom-slider-background .custom-slider-background-image-stage-outer:nth-child(2) {
				display: none;
		}
}

#slider .owl-nav {
		transition: ease opacity 1s;
}

#slider .owl-nav.hide {
		opacity: 0;
		visibility: hidden;
}

#slider .owl-nav.show {
		opacity: 1;
		visibility: visible;
}

.has-sticky-header-transform .custom-slider-background {
		transform: translate3d(0, 136px, 0);
}

.has-sticky-header-transform + #footer {
		margin-top: -33px !important;
}

/*
* Breadcrumb
*/
.custom-breadcrumb-style-1.breadcrumb > li + li:before {
		content: "\f054";
		font-size: 14.4px;
		font-size: 0.9rem;
		padding-right: 10px;
		padding-left: 5px;
}

/*
* Card
*/
.custom-card-style-1 {
		transition: ease background-color 300ms;
}

.custom-card-style-1:hover {
		background-color: var(--grey-500);
}

.custom-card-style-1:hover p {
		opacity: 0.8;
}

/*
* Owl Carousel
*/
@media (max-width: 767px) {
		.custom-dots-position .owl-dots {
				top: calc(50% + 275px) !important;
				transform: translate3d(0px, 0, 0px) !important;
		}
}

@media (min-width: 768px) and (max-width: 991px) {
		.custom-dots-position .owl-dots {
				top: calc(50% + 225px) !important;
				transform: translate3d(0px, 0, 0px) !important;
		}
}

.custom-dots-style-1 .owl-dots {
		margin-top: 20px !important;
}

.custom-dots-style-1 .owl-dots .owl-dot span {
		background: transparent;
		border: 1px solid var(--grey-500);
		width: 12px;
		height: 12px;
}

.custom-dots-style-1 .owl-dots .owl-dot:hover span, .custom-dots-style-1 .owl-dots .owl-dot.active span {
		background: var(--grey-500);
}

.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot span {
		border-color: var(--light);
}

.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot:hover span, .custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot.active span {
		background: #FFF !important;
}

.custom-hide-prev-nav .owl-nav .owl-prev {
		display: none !important;
}

.custom-nav-grey.owl-carousel.nav-style-1 .owl-nav .owl-prev,
.custom-nav-grey.owl-carousel.nav-style-1 .owl-nav .owl-next {
		color: #aaaaaa !important;
}

/*
* Custom Section
*/
.custom-section {
		display: flex;
		align-items: center;
		justify-content: center;
}

.custom-section .custom-section-left-content,
.custom-section .custom-section-right-content {
		display: none;
}

.custom-section .custom-section-middle-content {
		width: 100%;
		margin: 0 -70px;
		z-index: 1;
}

@media (min-width: 768px) {
		.custom-section .custom-section-left-content,
		.custom-section .custom-section-right-content {
				display: block;
				width: 34vw;
		}
		.custom-section .custom-section-middle-content {
				width: 50vw;
		}
}

@media (min-width: 992px) {
		.custom-section .custom-section-left-content,
		.custom-section .custom-section-right-content {
				width: 34vw;
		}
		.custom-section .custom-section-middle-content {
				width: 40vw;
		}
}

/*
* Custom Heading Style
*/
.custom-heading-style-1 {
		position: relative;
		color: var(--light);
}

.custom-heading-style-1 .custom-heading-style-1-step {
		position: absolute;
		font-size: 4.5em;
		font-weight: 900;
		font-family: var(--font-family-secondary, var(--font-family-primary, 'Montserrat'), sans-serif);
		top: 50%;
		left: 0;
		opacity: 0.1;
		transform: translate3d(0, -50%, 0);
		z-index: 0;
}

.custom-heading-style-1 .custom-heading-style-1-text {
		position: relative;
		letter-spacing: 4.5px;
		z-index: 1;
}

/*
* Testimonial
*/
.custom-testimonial-quote.testimonial.testimonial-with-quotes blockquote:before {
		content: '\f10d';
		font-family: "Font Awesome 7 Free";
		font-weight: 900;
		font-size: 22.4px;
		font-size: 1.4rem;
		color: var(--light);
}

/*
* Page Header
*/
.custom-page-header-1 {
		padding: 0 6.4vw !important;
}

.custom-page-header-1 .custom-page-header-1-wrapper {
		transform: translate3d(0, 103px, 0);
		transition: ease box-shadow 300ms;
}

/*
* Load More
*/
.load-more-loader {
		display: none;
}

/*
* Sort Navigation
*/
.custom-nav-filter > li > a {
		color: #212121 !important;
		background: transparent !important;
		border-radius: 0 !important;
		padding: 0 4px;
		font-weight: 600;
		font-size: 14.4px;
		font-size: 0.9rem;
}

.custom-nav-filter > li.active > a {
		border-bottom: 1px solid var(--grey-500) !important;
}

.custom-nav-filter > li + li {
		margin-left: 15px;
}

/*
* Contact Form
*/
.custom-form-style-1 .form-control {
		height: calc(1.8em + 1.85rem + 2px);
		padding: 15.6px 20px;
		padding: 0.975rem 1.25rem;
		background: var(--grey-100);
		border-color: var(--grey-100);
		line-height: 1.5 !important;
}

.custom-form-style-1 .form-control:focus {
		border-color: var(--grey-500);
}

.custom-form-style-1 .form-control::-webkit-input-placeholder {
		color: #a9a9a9;
}

.custom-form-style-1 .form-control::-moz-placeholder {
		color: #a9a9a9;
}

.custom-form-style-1 .form-control:-ms-input-placeholder {
		color: #a9a9a9;
}

.custom-form-style-1 select {
		color: #495057;
}

.custom-form-style-1 select option {
		color: #a9a9a9;
}

.custom-form-style-1 select option[selected] {
		color: #a9a9a9;
}

.custom-form-style-1 textarea.form-control {
		height: auto;
}

/*
* Footer - Optimizado para mejor legibilidad y espaciado
*/
#footer {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
}

#footer h4 {
		color: #fff;
		font-size: 1.1rem;
		letter-spacing: 0.5px;
		margin-bottom: 1.25rem;
}

#footer p, #footer li, #footer span, #footer a:not(.btn):not(.no-footer-css) {
		color: rgba(255, 255, 255, 0.7);
		font-size: 0.95rem;
		line-height: 1.8;
		transition: color 0.3s ease;
}

#footer a:not(.btn):not(.no-footer-css):hover {
		color: rgba(255, 255, 255, 1) !important;
		text-decoration: none;
	}

#footer address {
		color: rgba(255, 255, 255, 0.7);
		line-height: 1.8;
	}

#footer .list-unstyled li {
		margin-bottom: 0.5rem;
	}

#footer .list-unstyled li:last-child {
		margin-bottom: 0;
	}

/* Mejorar espaciado de iconos sociales */
#footer .social-icons {
		margin-top: 0.5rem;
	}

#footer .social-icons li {
		margin-right: 0.75rem;
		margin-bottom: 0.5rem;
	}

#footer .social-icons li a {
		width: 2.5rem;
		height: 2.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0.1);
		transition: all 0.3s ease;
	}

#footer .social-icons li a:hover {
		background-color: rgba(255, 255, 255, 0.2);
		transform: translateY(-2px);
	}

#footer .footer-copyright {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
		border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#footer .footer-copyright p {
		color: rgba(255, 255, 255, 0.7);
		font-size: 0.9rem;
		line-height: 1.6;
	}

/* Controlar tamaño del logo en footer */
#footer .footer-copyright img {
		max-width: 150px !important;
		max-height: 44px !important;
		width: auto !important;
		height: auto !important;
		object-fit: contain;
	}

/* Asegurar que no haya imágenes de fondo en el footer */
#footer,
#footer .footer-copyright {
		background-image: none !important;
		background: var(--primary) !important;
	}

/* Responsive mejoras */
@media (max-width: 991px) {
		#footer h4 {
				margin-bottom: 1rem;
		}
		#footer .row > div {
				margin-bottom: 2rem;
		}
		#footer .row > div:last-child {
				margin-bottom: 0;
		}
}

@media (max-width: 575px) {
		#footer {
				padding-top: 2.5rem !important;
		}
		#footer h4 {
				font-size: 1rem;
				margin-bottom: 0.875rem;
		}
		#footer p, #footer li, #footer span, #footer a:not(.btn):not(.no-footer-css) {
				font-size: 0.9rem;
		}
}

/* Eliminar espacio en blanco después del footer */
body > .body {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
}

html {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
}

/* Skin */
.custom-btn-style-1:before {
		border-color: var(--primary) !important;
}

.custom-btn-style-1.btn-light:before {
		border-color: rgba(255, 255, 255, 0.5) !important;
}

.custom-stroke-text-effect-1 {
		-webkit-text-stroke-color: var(--primary);
}

/*
* Card
*/
.custom-card-style-1:hover {
		background-color: var(--primary) !important;
}

.custom-card-style-1:hover h2, .custom-card-style-1:hover p {
		color: var(--light) !important;
}

.custom-card-style-1:hover .animated-icon svg path, .custom-card-style-1:hover .animated-icon svg rect {
		fill: #FFF !important;
}

/*
* Owl Carousel
*/
.custom-dots-style-1 .owl-dots .owl-dot span {
		border-color: var(--primary) !important;
}

.custom-dots-style-1 .owl-dots .owl-dot:hover span, .custom-dots-style-1 .owl-dots .owl-dot.active span {
		background: var(--primary) !important;
}

/*
* Sort Navigation
*/
.custom-nav-filter > li.active > a {
		color: var(--primary) !important;
		border-bottom-color: var(--primary) !important;
}

/*
* Link Effect
*/
.custom-link-effect-1:after {
		border-bottom-color: var(--primary);
}

/* ==========================================
   FORCE MONSERRAT - OVERRIDE ALL OTHER FONTS
   ========================================== */
/* Override theme.css body font */
body,
.body,
html body,
html .body {
	font-family: var(--font-family-primary, 'Montserrat', sans-serif) !important;
}

/* Override all headings with maximum specificity */
h1, h2, h3, h4, h5, h6,
body h1, body h2, body h3, body h4, body h5, body h6,
.body h1, .body h2, .body h3, .body h4, .body h5, .body h6,
html h1, html h2, html h3, html h4, html h5, html h6,
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
section h1, section h2, section h3, section h4, section h5, section h6,
.section h1, .section h2, .section h3, .section h4, .section h5, .section h6,
.btn,
.heading-font,
.font-weight-bold,
.font-weight-black,
.font-weight-semibold,
.font-weight-extra-bold,
.text-color-dark,
.text-color-light,
.card-title,
h1.card-title, h2.card-title, h3.card-title, h4.card-title, h5.card-title, h6.card-title,
.custom-heading-style-1,
.custom-heading-style-1-text,
.custom-heading-style-1-text span,
#header .header-nav-main nav > ul > li > a,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a,
.page-header h1,
.page-header h2,
.page-header h3 {
	font-family: var(--font-family-secondary, var(--font-family-primary, 'Montserrat'), sans-serif) !important;
}

/* ========================================================
   MODULE THEME OVERRIDES — Earthy Warm Light Theme
   --------------------------------------------------------
   skin-architecture-2 defines:
     --primary: #223A70 (navy blue)
     --secondary: #C8A897 (taupe) → too opaque for section bg
     --tertiary: #F2E8DA (light beige)
     --quaternary: #D3B8A1 (warm taupe) → too light for muted text
     --dark: #212529

   These rules convert the dark module theme to a warm,
   earthy aesthetic consistent with the architecture-2 palette.
   ======================================================== */

/* === 1. Section Backgrounds → Warm light beige === */
html.demo-architecture-2 .main section[style*="--secondary"]:not(.page-header) {
	background-color: #f5f0ea !important;
}

/* === 2. Card/Panel Backgrounds → White with warm border === */
html.demo-architecture-2 .main section div[style*="background-color: var(--dark)"],
html.demo-architecture-2 .main section aside [style*="background-color: var(--dark)"] {
	background-color: #fff !important;
	border: 1px solid #e0d5ca !important;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

/* === 3. Cards por clase → White === */
html.demo-architecture-2 .main section[style*="--secondary"] .blog-card,
html.demo-architecture-2 .main section[style*="--secondary"] .service-card,
html.demo-architecture-2 .main section[style*="--secondary"] .project-card {
	background-color: #fff !important;
	border: 1px solid #e0d5ca !important;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

html.demo-architecture-2 .main section[style*="--secondary"] .blog-card:hover,
html.demo-architecture-2 .main section[style*="--secondary"] .service-card:hover,
html.demo-architecture-2 .main section[style*="--secondary"] .project-card:hover {
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
}

/* === 4. Text light→dark === */
html.demo-architecture-2 .main section[style*="--secondary"] [style*="color: var(--light)"] {
	color: #212529 !important;
}

html.demo-architecture-2 .main section[style*="--secondary"] strong[style*="--light"] {
	color: #212529 !important;
}

/* === 5. Muted text → visible warm grey === */
html.demo-architecture-2 .main section[style*="--secondary"] [style*="color: var(--quaternary)"] {
	color: #8a7e74 !important;
}

/* === 6. Cyan borders → Warm earthy === */
html.demo-architecture-2 .main [style*="rgba(0, 240, 255"] {
	border-color: #e0d5ca !important;
}

html.demo-architecture-2 .main [style*="border: 1px solid rgba(0, 240, 255"] {
	border: 1px solid #e0d5ca !important;
}

html.demo-architecture-2 .main [style*="background-color: rgba(0, 240, 255"] {
	background-color: #f5f0ea !important;
	border-color: #d6c9bc !important;
}

/* === 7. Gallery filter pills === */
html.demo-architecture-2 .main .btn-outline-light {
	color: #555 !important;
	border-color: #d6c9bc !important;
	background: #fff !important;
}

html.demo-architecture-2 .main .btn-outline-light:hover {
	color: var(--primary) !important;
	border-color: var(--primary) !important;
	background: var(--primary-rgba-10) !important;
}

html.demo-architecture-2 .main .text-muted {
	color: #8a7e74 !important;
}

html.demo-architecture-2 .main .portfolio-grid-item {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* === 8. FAQs MODULE === */
html.demo-architecture-2 .faq-category-section {
	background: #fff !important;
	border: 1px solid #e0d5ca !important;
}

html.demo-architecture-2 .faq-item {
	background: #fff !important;
	border: 1px solid #e0d5ca !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

html.demo-architecture-2 .faq-item:hover {
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
	border-color: #d6c9bc !important;
}

html.demo-architecture-2 .faq-question {
	background: #f5f0ea !important;
	border-bottom: 1px solid #e0d5ca !important;
}

html.demo-architecture-2 .faq-question h5 {
	color: #212529 !important;
}

html.demo-architecture-2 .faq-question:hover h5 {
	color: var(--primary) !important;
}

html.demo-architecture-2 .faq-answer {
	background: #fff !important;
	border-top: 1px solid #e0d5ca !important;
}

html.demo-architecture-2 .faq-content {
	color: #555 !important;
}

html.demo-architecture-2 .category-header h4 {
	color: #212529 !important;
}

html.demo-architecture-2 .main aside.card {
	background-color: #fff !important;
	border: 1px solid #e0d5ca !important;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

html.demo-architecture-2 .main aside .card-header {
	background-color: #f5f0ea !important;
	border-bottom: 1px solid #e0d5ca !important;
}

html.demo-architecture-2 .main aside .card-header h5 {
	color: #212529 !important;
}

html.demo-architecture-2 .category-nav-item {
	color: #555 !important;
	border: 1px solid #e0d5ca !important;
}

html.demo-architecture-2 .category-nav-item:hover {
	background: var(--primary-rgba-10) !important;
	color: var(--primary) !important;
	border-color: var(--primary-rgba-20) !important;
}

html.demo-architecture-2 .category-nav-item.active {
	background: var(--primary) !important;
	color: #fff !important;
	border-color: var(--primary) !important;
}

html.demo-architecture-2 .category-nav-item.active .badge-count {
	background: rgba(255, 255, 255, 0.3) !important;
	color: #fff !important;
}

html.demo-architecture-2 .badge-count {
	background: #f0ebe4 !important;
	color: #8a7e74 !important;
}

html.demo-architecture-2 .quick-actions {
	background: #f5f0ea !important;
	border: 1px solid #e0d5ca !important;
}

html.demo-architecture-2 .quick-actions h6 {
	color: #212529 !important;
}

html.demo-architecture-2 .quick-actions .btn {
	background: #fff !important;
	border: 1px solid #d6c9bc !important;
	color: #555 !important;
}

html.demo-architecture-2 .quick-actions .btn:hover {
	background: #f0ebe4 !important;
	color: #212529 !important;
}

html.demo-architecture-2 .faq-actions {
	border-top: 1px solid #e0d5ca !important;
}

html.demo-architecture-2 .faq-actions .btn {
	background: #f5f0ea !important;
	border: 1px solid #d6c9bc !important;
	color: #555 !important;
}

html.demo-architecture-2 .search-results {
	background: #fff !important;
	border: 1px solid #e0d5ca !important;
}

html.demo-architecture-2 .search-results .faq-question {
	background: #f5f0ea !important;
}

html.demo-architecture-2 .search-results .faq-question h5 {
	color: #212529 !important;
}

html.demo-architecture-2 .search-results .faq-content {
	color: #555 !important;
}

html.demo-architecture-2 .no-results {
	background: #fff !important;
	border: 1px solid #e0d5ca !important;
}

html.demo-architecture-2 .category-stats small {
	color: #8a7e74 !important;
}

/* === 9. Sidebar nav links === */
html.demo-architecture-2 .main section[style*="--secondary"] .nav-link {
	color: #212529 !important;
}

html.demo-architecture-2 .main section[style*="--secondary"] .nav-link.active,
html.demo-architecture-2 .main section[style*="--secondary"] .nav-link:hover {
	color: var(--primary) !important;
}

/* === 10. Pagination === */
html.demo-architecture-2 .main section[style*="--secondary"] .pagination .page-link {
	color: #212529;
	background-color: #fff;
	border-color: #e0d5ca;
}

html.demo-architecture-2 .main section[style*="--secondary"] .pagination .page-item.active .page-link {
	background-color: var(--primary);
	border-color: var(--primary);
	color: #fff;
}

/* === 11. Empty state gradients === */
html.demo-architecture-2 .main [style*="linear-gradient(135deg, var(--dark)"] {
	background: #fff !important;
}

/* === 12. Blog card overrides === */
html.demo-architecture-2 .main .blog-card .card-body {
	background-color: #fff;
}

html.demo-architecture-2 .main .blog-card .card-title a {
	color: #212529 !important;
}

html.demo-architecture-2 .main .blog-card .card-title a:hover {
	color: var(--primary) !important;
}

/* === 13. Inner divs with var(--secondary) bg === */
html.demo-architecture-2 .main section div[style*="background-color: var(--secondary)"] {
	background-color: #ede7df !important;
	border-color: #e0d5ca !important;
}

/* === 14. Category/Tag badges === */
html.demo-architecture-2 .main .badge[style*="background-color: var(--secondary)"] {
	background-color: #f0ebe4 !important;
	border: 1px solid #e0d5ca;
}

html.demo-architecture-2 .main .badge[style*="background-color: var(--secondary)"][style*="color: var(--primary)"] {
	color: #1a2e5a !important;
}

html.demo-architecture-2 .main .badge[style*="background-color: var(--secondary)"][style*="color: var(--quaternary)"] {
	color: #8a7e74 !important;
}

/* === 15. Service category badge === */
html.demo-architecture-2 .main .service-badge[style*="background-color: var(--secondary)"] {
	background-color: rgba(34, 58, 112, 0.08) !important;
	color: #1a2e5a !important;
}

/* === 16. btn-outline-secondary === */
html.demo-architecture-2 .main .btn-outline-secondary {
	color: #555 !important;
	border-color: #d6c9bc !important;
	background: #fff !important;
}

html.demo-architecture-2 .main .btn-outline-secondary:hover,
html.demo-architecture-2 .main .btn-outline-secondary:focus {
	color: var(--primary) !important;
	border-color: var(--primary) !important;
	background: var(--primary-rgba-10) !important;
}

/* === 17. Service icon circle === */
html.demo-architecture-2 .main .service-card .rounded-circle[style*="primary-rgb"] {
	background: rgba(34, 58, 112, 0.08) !important;
	border: 1px solid rgba(34, 58, 112, 0.15) !important;
}

html.demo-architecture-2 .main .service-card .font-weight-extra-bold[style*="primary-rgb"] {
	color: rgba(34, 58, 112, 0.15) !important;
}

/* === 18. Projects sidebar filter text === */
html.demo-architecture-2 .main .projects-sidebar-sticky .card-body a {
	color: #555;
}

html.demo-architecture-2 .main .projects-sidebar-sticky .card-body a:hover,
html.demo-architecture-2 .main .projects-sidebar-sticky .card-body a.text-color-primary {
	color: var(--primary) !important;
}

html.demo-architecture-2 .main .projects-sidebar-sticky .card-header h5 {
	color: #212529 !important;
}

/* === 19. Project card internal borders === */
html.demo-architecture-2 .main .project-card [style*="border-top: 1px solid rgba(240"] {
	border-top: 1px solid #e0d5ca !important;
}

/* === 20. Mobile filter button === */
html.demo-architecture-2 .main .projects-filter-btn {
	color: #555 !important;
	border-color: #d6c9bc !important;
}

html.demo-architecture-2 .main .projects-filter-btn:hover {
	color: var(--primary) !important;
	border-color: var(--primary) !important;
}