/* ARIA – home hero */
.aria-hero {
	position: relative; color: #fff;
	background: linear-gradient(180deg, rgba(31, 42, 48, .35) 0%, rgba(31, 42, 48, .10) 50%, rgba(27, 18, 23, .45) 100%), var(--aria-hero-bg) center bottom / cover no-repeat, #2f3e46;
	padding: 64px 16px 110px;
}
.aria-hero-inner { max-width: 1240px; margin: 0 auto; }
.aria-hero-title { color: #fff !important; font-size: 42px; line-height: 1.15; font-weight: 600; margin: 0 0 14px; text-align: center; letter-spacing: -.01em; text-shadow: 0 2px 20px rgba(0, 0, 0, .35); }
.aria-hero-sub { color: rgba(255, 255, 255, .82); font-size: 18px; font-weight: 400; text-align: center; margin: 0 auto 44px; max-width: 760px; }
.aria-hero-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 1199px) { .aria-hero-cards { grid-template-columns: repeat(2, 1fr); } }
.aria-hero-card {
	display: flex; flex-direction: column; gap: 10px; padding: 26px 26px 22px;
	background: rgba(255, 255, 255, .10); color: #fff !important; text-decoration: none !important;
	border: 1px solid rgba(255, 255, 255, .22); border-radius: 14px;
	-webkit-backdrop-filter: blur(10px) saturate(130%); backdrop-filter: blur(10px) saturate(130%);
	box-shadow: 0 8px 30px rgba(0, 0, 0, .12);
	transition: transform .25s, background-color .25s, border-color .25s;
}
.aria-hero-card:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .4); }
.aria-hero-icon { width: 46px; height: 46px; border-radius: 12px; background: rgba(255, 255, 255, .14); display: flex; align-items: center; justify-content: center; }
.aria-hero-icon svg { width: 26px; height: 26px; fill: none; stroke: #fff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.aria-hero-card-title { font-size: 18px; font-weight: 600; color: #fff; line-height: 1.25; }
.aria-hero-card-text { font-size: 14.5px; color: rgba(255, 255, 255, .78); line-height: 1.55; flex-grow: 1; }
.aria-hero-cta { font-weight: 600; color: #fff; font-size: 14.5px; opacity: .92; }
.aria-hero-card:hover .aria-hero-cta { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }

/* Search bar inside the hero: glass panel, translucent fields */
.aria-hero-search { margin-top: 40px; }
.aria-hero-search .advanced-search {
	background: rgba(255, 255, 255, .10) !important; border: 1px solid rgba(255, 255, 255, .22) !important;
	-webkit-backdrop-filter: blur(10px) saturate(130%); backdrop-filter: blur(10px) saturate(130%);
	border-radius: 14px; padding: 18px 10px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, .12); position: static !important;
}
.aria-hero-search .advanced-search .container { max-width: 100%; }
.aria-hero-search .advanced-search .form-group,
.aria-hero-search .advanced-search [class*="col"] { margin-bottom: 0; }
.aria-hero-search .advanced-search .dropdown-toggle,
.aria-hero-search .advanced-search .form-control,
.aria-hero-search .advanced-search .advanced-search-btn,
.aria-hero-search .advanced-search .reset-search-btn {
	background: rgba(255, 255, 255, .12) !important; border: 1px solid rgba(255, 255, 255, .30) !important;
	color: #fff !important; border-radius: 10px !important; height: 48px; box-shadow: none !important;
	transition: background-color .2s, border-color .2s;
}
.aria-hero-search .advanced-search .dropdown-toggle:hover,
.aria-hero-search .advanced-search .advanced-search-btn:hover,
.aria-hero-search .advanced-search .reset-search-btn:hover,
.aria-hero-search .advanced-search .show > .dropdown-toggle { background: rgba(255, 255, 255, .20) !important; border-color: rgba(255, 255, 255, .5) !important; }
.aria-hero-search .advanced-search .dropdown-toggle .filter-option,
.aria-hero-search .advanced-search .dropdown-toggle .filter-option-inner-inner,
.aria-hero-search .advanced-search .bs-placeholder .filter-option-inner-inner { color: #fff !important; opacity: .92; }
.aria-hero-search .advanced-search .dropdown-toggle::after,
.aria-hero-search .advanced-search .dropdown-toggle::before { border-color: #fff !important; color: #fff !important; opacity: .8; }
.aria-hero-search .advanced-search .form-control::placeholder { color: rgba(255, 255, 255, .8); }
.aria-hero-search .advanced-search .advanced-search-btn i,
.aria-hero-search .advanced-search .advanced-search-btn svg,
.aria-hero-search .advanced-search .advanced-search-btn .houzez-icon { color: #fff !important; fill: #fff; stroke: #fff; }
.aria-hero-search .advanced-search .btn-search {
	background: #fff !important; border: 1px solid #fff !important; color: #531126 !important;
	border-radius: 10px !important; height: 48px; font-weight: 700; letter-spacing: .01em;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .22); transition: background-color .2s, color .2s, transform .2s, box-shadow .2s;
}
.aria-hero-search .advanced-search .btn-search i,
.aria-hero-search .advanced-search .btn-search .houzez-icon { color: #531126 !important; }
.aria-hero-search .advanced-search .btn-search:hover,
.aria-hero-search .advanced-search .btn-search:focus-visible {
	background: #531126 !important; border-color: #fff !important; color: #fff !important;
	transform: translateY(-1px); box-shadow: 0 10px 26px rgba(83, 17, 38, .45);
}
.aria-hero-search .advanced-search .btn-search:hover i,
.aria-hero-search .advanced-search .btn-search:hover .houzez-icon { color: #fff !important; }
/* Dropdown lists and the advanced panel stay white and readable */
.aria-hero-search .advanced-search .dropdown-menu { background: #fff !important; border-radius: 10px; border: 0; box-shadow: 0 12px 30px rgba(0, 0, 0, .2); }
.aria-hero-search .advanced-search .dropdown-menu .form-control { background: #fff !important; color: #2f3e46 !important; border: 1px solid #dce0e0 !important; height: 38px; }
.aria-hero-search .advanced-search .dropdown-menu .form-control::placeholder { color: #8a959a; }
.aria-hero-search .advanced-search .advanced-search-filters,
.aria-hero-search .advanced-search .advanced-search-v1-filters { color: #fff; }

@media (max-width: 991px) {
	.aria-hero { padding: 44px 16px 60px; }
	.aria-hero-title { font-size: 32px; }
	.aria-hero-sub { font-size: 16px; margin-bottom: 24px; }
	.aria-hero-cards { grid-template-columns: 1fr; gap: 14px; }
	.aria-hero-card { flex-direction: row; flex-wrap: wrap; align-items: center; padding: 18px; }
	.aria-hero-card-title { flex: 1; font-size: 18px; }
	.aria-hero-card-text { flex-basis: 100%; }
}
.aria-hero-search .advanced-search .dropdown-toggle { display: flex !important; align-items: center; padding-top: 0 !important; padding-bottom: 0 !important; }
.aria-hero-search .advanced-search .dropdown-toggle .filter-option { position: static !important; display: flex; align-items: center; height: 100%; padding-top: 0 !important; }
.aria-hero-search .advanced-search .dropdown-toggle .filter-option-inner { width: 100%; }
/* Hero fields: white glow on focus instead of blue */
.aria-hero-search .advanced-search .dropdown-toggle:focus,
.aria-hero-search .advanced-search .show > .dropdown-toggle { box-shadow: 0 0 0 3px rgba(255, 255, 255, .25) !important; border-color: rgba(255, 255, 255, .7) !important; }
