/* style.css */

/* 인덱스 페이지 특정 스타일 */
#hero {
    padding: 80px 0; /* 상하 패딩 */
    background-color: #f8f9fa; /* 배경색 */
}

#hero h1 {
    color: #333;
    margin-bottom: 15px;
}

#user-section .form-control-lg {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#user-section .btn-lg {
     border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* 추천 업체/업종 아이콘 스타일 */
#featured-businesses img {
    transition: transform 0.3s ease-in-out; /* 호버 효과 */
}

#featured-businesses img:hover {
    transform: scale(1.1); /* 호버 시 확대 */
}

/* 검색 결과 영역 스타일 (초기에는 숨김) */
#search-results {
    /* border-top: 1px solid #eee; */
    padding-top: 20px;
}

/* 푸터 스타일 조정 */
footer {
    background-color: #e9ecef; /* Bootstrap light 배경색과 비슷하게 */
    color: #333;
}

footer a {
    color: #333;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

/* 모바일 반응형 고려 (필요시 추가) */
@media (max-width: 768px) {
    #hero {
        padding: 50px 0;
    }
    .btn-lg {
        width: 100%; /* 모바일에서 버튼 너비 조정 */
        margin-bottom: 10px;
    }
}