@charset "utf-8";

/* 검색창 전체 컨테이너 (모바일 삐져나감 방지) */
.ap_menu_search_form {
    position: relative !important;
    margin: 30px auto 20px !important;
    max-width: 600px !important;
    width: 100% !important;
    padding: 0 10px !important; /* 양옆 여백을 패딩으로 주어 스크롤 안 생기게 함 */
    display: block !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* 입력창 스타일 */
.ap_menu_search_form input[type=text] {
    width: 100% !important;
    height: 56px !important;
    padding: 0 50px 0 20px !important;
    font-size: 16px !important; /* 모바일 확대 현상 방지 */
    color: #1e293b !important;
    background: #ffffff !important;
    border: 2px solid #E11D48 !important;
    border-radius: 28px !important;
    box-shadow: 0 4px 10px rgba(225, 29, 72, 0.1) !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.ap_menu_search_form input[type=text]:focus {
    border-color: #BE123C !important;
    box-shadow: 0 6px 15px rgba(225, 29, 72, 0.2) !important;
}

/* 돋보기 아이콘 (SVG, 폰트 의존 없음) */
.ap_menu_search_form::after {
    content: '' !important;
    position: absolute !important;
    right: 25px !important; /* 패딩 안쪽에 맞게 위치 조정 */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23428bca' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cline x1='15' y1='15' x2='21' y2='21'/%3E%3C/svg%3E") no-repeat center / contain !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

/* 기존 투박한 버튼 숨김 */
.ap_menu_search_form .ap_menu_search_button {
    display: none !important;
}

@media screen and (max-width: 480px) {
    .ap_menu_search_form input[type=text] {
        height: 50px !important;
        font-size: 15px !important;
    }
}