.card-body-custom{
	padding: 20px 15px;
}
.building-card .badge-top{
	display: block;
    background: #f1b44c;
    border: 1px solid rgba(212, 175, 55, 0.2);
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
}
.btn-filter {
	background: #fff;
    border: 1.5px solid #b7b7b7;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    transition: all 0.3s ease;
    text-decoration: none;
    min-width: 100px;
}

.btn-filter:hover,
.btn-filter.active {
	background: #f1b44c;
	border-color: #f1b44c;
	color: white;
	box-shadow: 0 4px 12px rgba(241, 180, 76, 0.3);
}

.transition-card {
	transition: all 0.35s ease;
	border-radius: 1rem;
	overflow: hidden;
}

.transition-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
}

.card-img-top {
	height: 200px;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.transition-card:hover .card-img-top {
	transform: scale(1.05);
}

.card-tag {
	font-size: 0.8rem;
    background-color: rgba(212, 175, 55, 0.1);
    color: #d4af37;
    border: 1px solid rgba(212, 175, 55, 0.2);
    padding: 0px 10px;
    border-radius: 20px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
}

.btn-outline-gold {
	border: 1px solid #f1b44c;
    color: #f1b44c;
    font-weight: 600;
    border-radius: 10px;
    padding: 0.65rem 1rem;
    transition: all 0.3s ease;
}

.btn-outline-gold:hover {
	background: #f1b44c;
	color: white;
	transform: translateY(-2px);
}

.progress {
	background-color: #e9ecef;
	border-radius: 0.25rem;
}

.progress-bar.bg-success { background: linear-gradient(90deg, #28a745, #34ce57); }
.progress-bar.bg-warning { background: linear-gradient(90deg, #ffc107, #ffd43b); }
.progress-bar.bg-danger  { background: linear-gradient(90deg, #dc3545, #ff6b6b); }

@media (max-width: 768px) {
	.display-5 { font-size: 2rem; }
	.btn-filter { font-size: 0.8rem; padding: 0.4rem 0.8rem; }
}