/* ibm.extra.css (2026-09-02) — 캘린더 저장 / 최근 본 상품 / 공유 / 인기검색 / 알림센터 공통 스타일 */

/* 캘린더 버튼 */
.ibmx-cal{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ibmx-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:19px;border:1px solid #ddd;background:#fff;font-size:13px;color:#222;text-decoration:none;cursor:pointer;line-height:1}
.ibmx-btn:hover{border-color:#bbb}
.ibmx-btn-ics{background:#222;color:#fff;border-color:#222}
.ibmx-btn-google{color:#1a73e8;border-color:#c6dafc;background:#f4f8ff}
.ibmx-btn .ico-cal::before{content:"📅"}
.ibmx-btn .ico-g::before{content:"G";font-weight:800;font-family:Arial,sans-serif}
.ibmx-cal-help{flex-basis:100%;margin:2px 0 0;font-size:11px;color:#888}

/* 공유 버튼 */
.ibmx-share{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ibmx-btn-kakao{background:#fee500;border-color:#fee500;color:#191919;font-weight:600}
.ibmx-btn-copy{background:#fff}

/* 최근 본 상품 */
.ibmx-recent{margin-top:24px}
.ibmx-recent .ibmx-head{display:flex;align-items:center;justify-content:space-between;padding:0 16px 8px}
.ibmx-recent .ibmx-head h2{font-size:16px;font-weight:700;margin:0}
.ibmx-recent .ibmx-head a{font-size:12px;color:#888}
.ibmx-scroll{display:flex;gap:10px;overflow-x:auto;padding:0 16px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ibmx-scroll::-webkit-scrollbar{display:none}
.ibmx-card{position:relative;flex:0 0 150px;display:flex;flex-direction:column;border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;text-decoration:none;color:#222}
.ibmx-card-img{display:block;height:96px;background:#f3f3f3;overflow:hidden}
.ibmx-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.ibmx-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:32px;font-style:normal}
.ibmx-noimg.ibmx-hotel::before{content:"🏨"}
.ibmx-noimg.ibmx-tour::before{content:"🗺️"}
.ibmx-noimg.ibmx-ship::before{content:"⛴️"}
.ibmx-card-body{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px}
.ibmx-card-type{font-size:10px;color:#e63140;font-style:normal;font-weight:700}
.ibmx-card-title{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ibmx-card-sub{font-size:11px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ibmx-card-price{font-size:12px;font-weight:700;margin-top:2px}
.ibmx-card-del{position:absolute;top:6px;right:6px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:14px;line-height:22px;padding:0;cursor:pointer}

/* 인기 검색 (search_1) */
.ibmx-trend{padding:12px 16px 4px}
.ibmx-trend h3{font-size:14px;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:6px}
.ibmx-trend h3 small{font-size:11px;color:#999;font-weight:400}
.ibmx-chips{display:flex;flex-wrap:wrap;gap:8px}
.ibmx-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:17px;background:#f5f5f7;font-size:13px;color:#222;text-decoration:none;border:1px solid transparent}
.ibmx-chip:hover{border-color:#e63140}
.ibmx-chip .rank{font-weight:800;color:#e63140;font-size:12px}
.ibmx-chip .sub{color:#888;font-size:11px}

/* 교차판매 카드 (예약완료) */
.ibmx-xsell{margin:16px 16px 0;border:1px solid #f1d5d8;background:#fff7f7;border-radius:14px;padding:14px 16px}
.ibmx-xsell h3{margin:0 0 6px;font-size:15px;font-weight:700}
.ibmx-xsell p{margin:0 0 10px;font-size:13px;color:#555;line-height:1.5}
.ibmx-xsell .ibmx-links{display:flex;flex-wrap:wrap;gap:8px}
.ibmx-xsell .ibmx-btn{background:#e63140;border-color:#e63140;color:#fff}
.ibmx-xsell .ibmx-btn.alt{background:#fff;color:#e63140}

/* 예약완료 요약 */
.ibmx-summary{margin:16px 16px 0;border:1px solid #eee;border-radius:14px;padding:14px 16px;background:#fff}
.ibmx-summary strong{display:block;font-size:15px;margin-bottom:6px}
.ibmx-summary ul{margin:0;padding:0;list-style:none}
.ibmx-summary li{font-size:13px;color:#444;line-height:1.7}
.ibmx-summary li b{color:#222;margin-right:6px}

/* 마이페이지 알림 센터 */
.ibmx-notice{margin:12px 16px 24px;border-radius:14px;background:#fff;border:1px solid #eee;overflow:hidden}
.ibmx-notice .ibmx-notice-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f2f2f2}
.ibmx-notice .ibmx-notice-head b{font-size:14px}
.ibmx-notice .ibmx-notice-head span{font-size:11px;color:#999}
.ibmx-notice ul{margin:0;padding:0;list-style:none}
.ibmx-notice li a{display:flex;align-items:center;gap:10px;padding:11px 16px;text-decoration:none;color:#222;font-size:13px;border-bottom:1px solid #f7f7f7}
.ibmx-notice li:last-child a{border-bottom:0}
.ibmx-notice li a .ibmx-badge{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:#e63140;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.ibmx-notice li a .ibmx-badge.gray{background:#9aa0a6}
.ibmx-notice li a .ibmx-badge.blue{background:#1a73e8}
.ibmx-notice li a .txt{flex:1}
.ibmx-notice li a .txt small{display:block;color:#888;font-size:11px;margin-top:2px}
.ibmx-notice li a .arrow{color:#bbb}
.ibmx-notice .ibmx-notice-empty{padding:14px 16px;font-size:13px;color:#888}
.ibmx-notice .ibmx-progress{height:6px;background:#eee;border-radius:3px;overflow:hidden;margin-top:6px}
.ibmx-notice .ibmx-progress i{display:block;height:100%;background:#e63140}

/* 북마크 토글 (투어/선박) */
.ibmx-bm{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:17px;border:1px solid #ddd;background:#fff;font-size:13px;color:#333;cursor:pointer}
.ibmx-bm.active{border-color:#e63140;color:#e63140;background:#fff5f6}
.ibmx-bm::before{content:"☆"}
.ibmx-bm.active::before{content:"★"}