/* ig1-inmo: Front custom styles (responsive + modern) */

:root {
	--ig1-radius: 16px;
	--ig1-radius-sm: 12px;
	--ig1-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	--ig1-shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.08);
	--ig1-fixed-navbar-height: 80px;
}

/* Global polish */
.card,
.dropdown-menu,
.modal-content,
.toast {
	border-radius: var(--ig1-radius);
}

.btn,
.form-control,
.form-select,
.input-group-text {
	border-radius: var(--ig1-radius-sm);
}

.hover-shadow:hover {
	box-shadow: var(--ig1-shadow-sm) !important;
	transform: translateY(-1px);
	transition: box-shadow 160ms ease, transform 160ms ease;
}

/* Navbar */
.navbar .nav-link {
	font-weight: 600;
}

.navbar .navbar-brand .main-logo {
	max-height: 44px !important;
}

/* Fixed header offset (prevents header/banner overlap) */
body.ig1-fixed-navbar main {
	padding-top: calc(var(--ig1-fixed-navbar-height) + env(safe-area-inset-top, 0px));
}

/* Homepage: let the hero background start under the fixed header without breaking the flow */
body.ig1-fixed-navbar #homepage .hero-wrap {
	margin-top: calc(-1 * var(--ig1-fixed-navbar-height));
	padding-top: calc(48px + var(--ig1-fixed-navbar-height));
	padding-bottom: 48px;
	height: auto !important;
	max-height: none !important;
}

@media (max-width: 991.98px) {
	body.ig1-fixed-navbar #homepage .hero-wrap {
		padding-top: calc(40px + var(--ig1-fixed-navbar-height));
		padding-bottom: 40px;
	}
}

@media (max-width: 767.98px) {
	body.ig1-fixed-navbar #homepage .hero-wrap {
		padding-top: calc(32px + var(--ig1-fixed-navbar-height));
		padding-bottom: 32px;
	}
}

/* Home hero search form */
.hero-wrap .home-search-form .form-control,
.hero-wrap .home-search-form .form-select {
	border-width: 1px;
}

.hero-wrap .home-search-form .form-control:focus,
.hero-wrap .home-search-form .form-select:focus {
	box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.12);
}

/* Search cards */
.grid-view .item-list > div {
	border-radius: var(--ig1-radius);
}

.grid-view .main-image img {
	border-radius: var(--ig1-radius-sm);
}

/* Result list on small screens */
@media (max-width: 575.98px) {
	.grid-view .item-list > div {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}