@charset "utf-8";
/* 샵 상세 이벤트 띠배너 v2 — main/detail.blade.php 전용 (구 p_event_coupon1~6 대체) */
:root {
  /* 서피스 */
  --sf-1:#FAFBFC;   /* 그룹 컨테이너 */
  --sf-2:#F7F8FA;   /* 카드 · 보조 버튼 */
  --sf-chip:#F2F4F7;/* 흰 배경 위 칩 */
  --dv:#F1F3F5;     /* 디바이더 */

  /* 혜택 틴트 (3%) */
  --t-live:#FFF5F5;   --i-live:#FF5862;   /* 브랜드 코랄로 통일 */
  --t-time:#F2F8FD;   --i-time:#3E93D8;
  --t-coupon:#F4F1FD; --i-coupon:#7B61D6;
  --t-review:#FDF8EF; --i-review:#D9A03C;
  --t-welcome:#F0F9F6;--i-welcome:#2FB093;
  --t-etc:#F7F8FA;    --i-etc:#8A9099;

  /* 텍스트 */
  --tx-strong:#16181B; --tx-body:#3C4043;
  --tx-sub:#5B6068;    --tx-mute:#8A9099;

  /* 반경 */
  --r-container:14px; --r-row:12px; --r-btn:10px; --r-chip:999px;
}

.benefit-list {
  display:flex; flex-direction:column; gap:8px;
  margin:14px 0 0; padding:0; list-style:none;
}
.benefit-list::after { display:none; }   /* 전역 ul::after clearfix 무력화 */

.benefit-row {
  float:none; width:auto;
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; border:0; border-radius:var(--r-row);
  font-size:0.8rem; font-weight:500; color:var(--tx-body);
  letter-spacing:-.02em; text-align:left; line-height:1.35;
}
.benefit-row b   { font-weight:700; color:var(--tx-strong); }
.benefit-row .ico{
  width:17px; height:17px; flex:none;
  fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;
}

.is-live    { background:var(--t-live); }    .is-live    .ico { stroke:var(--i-live); }
.is-time    { background:var(--t-time); }    .is-time    .ico { stroke:var(--i-time); }
.is-coupon  { background:var(--t-coupon); }  .is-coupon  .ico { stroke:var(--i-coupon); }
.is-review  { background:var(--t-review); }  .is-review  .ico { stroke:var(--i-review); }
.is-welcome { background:var(--t-welcome); } .is-welcome .ico { stroke:var(--i-welcome); }
.is-etc     { background:var(--t-etc); }     .is-etc     .ico { stroke:var(--i-etc); }

/* BEST 배지 — 테두리 없이 보라 틴트 (선착순 쿠폰 이벤트 띠배너 행에 표시) */
.benefit-row .badge {
  margin-left:auto; padding:2.5px 7px; border-radius:5px; border:0;
  font-size:9.5px; font-weight:800; font-style:normal; line-height:1;
  color:var(--i-coupon); background:#EAE3FA; flex:none;
}

/* 만료 · 비활성 */
.benefit-row.is-off { background:#FAFAFB; color:#B0B5BB; }
.benefit-row.is-off b    { color:#B0B5BB; }
.benefit-row.is-off .ico { stroke:#C7CBD1; }

/* ================================================================
   보더 제거 — 샵 상세 전용 (style.css·review_keyword.css 이후 로드로 덮음)
   ================================================================ */

/* NOTICE · EVENT 알림 박스 — 회색이면 묻혀서 의미 색 틴트로 구분 */
.alarm_item, .more_alarm_item {
  border:0; box-shadow:none; height:auto; min-height:0;
  background:var(--sf-2); border-radius:var(--r-row); padding:12px 13px;
}
/* cf 시안: 흰 배경 + 연회색 보더 카드, 칩 색만으로 NOTICE/EVENT 구분 */
.notice .alarm_item, .event .alarm_item {
  background:#fff; border:1px solid #E7EAEE;
}
/* 더보기 모달 — 동일 스타일 + 소프트 섀도로 층 분리 */
#notice_detail, #event_detail {
  background:#fff; border:1px solid #E7EAEE;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
#notice_detail .closeBtn, #event_detail .closeBtn {
  height:auto; padding:9px; border-radius:var(--r-btn);
}
.alarm_item div.notice_icon, .more_alarm_item div.notice_icon {
  display:inline-block; width:auto;
  background:#16181B; color:#fff;
  font-size:9px; font-weight:800; letter-spacing:.04em;
  padding:3px 7px; border-radius:5px; line-height:1.4;
}
.alarm_item div.event_icon, .more_alarm_item div.event_icon {
  display:inline-block; width:auto;
  background:var(--i-live); color:#fff;
  font-size:9px; font-weight:800; letter-spacing:.04em;
  padding:3px 7px; border-radius:5px; line-height:1.4;
}

/* 마맵혜택 쿠폰 — 08-06 C시안(말풍선) 하늘색 어댑트.
   행들을 .coupon_bubble 한 장의 틴트 카드로 묶고 행 사이는 구분선. 배지·버튼·텍스트 색은 기존 유지 */
.coupon_bubble {
  position:relative;
  margin:15px 0 16px;
  padding:4px 12px;
  background:var(--t-time);
  border:1px solid rgba(46,130,222,.30);
  border-radius:var(--r-row);
}
.coupon_bubble::before {          /* 위쪽 꼬리 — 코스정보 타이틀을 가리킴.
                                     꼬리가 말풍선 상단 보더를 덮고, 자기 상·좌 보더로 윤곽선을 이어감 */
  content:'';
  position:absolute; top:-5px; left:20px;
  width:9px; height:9px;
  background:var(--t-time);
  border-top:1px solid rgba(46,130,222,.30);
  border-left:1px solid rgba(46,130,222,.30);
  transform:rotate(45deg);
}
.coupon_bubble.is_empty { display:none; }   /* 쿠폰 0장이면 말풍선째 숨김(JS refreshCouponBubble) */

.coupon_bubble .coupon_row_container {
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 0; margin:0; min-height:0;
  background:none; border:0; border-top:1px solid #D8E6F5; border-radius:0;
  box-shadow:none;
}
.coupon_bubble .coupon_row_container.is_first { border-top:0; }
.coupon_bubble .coupon_left  { min-width:0; }
.coupon_bubble .coupon_right { flex:none; margin-left:10px; }
.coupon_bubble .coupon_nm_text    { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.coupon_bubble .coupon_remain_cnt { flex:none; }
.btn_coupon_get span {
  border:0; background:#2E82DE; color:#fff;
  border-radius:8px; padding:6px 12px;
  font-size:11px; font-weight:700;
}
/* 받기완료 — 버튼 필 없이 체크+텍스트만 (C시안 is_done을 기존 .ok 체계로 어댑트) */
.btn_coupon_get.ok { pointer-events:none; }
.btn_coupon_get.ok span {
  border:0; background:none; color:#9AA0A8;
  padding:6px 2px;
}
.btn_coupon_get.ok span::before {
  content:'\2713'; margin-right:3px; font-weight:800;
}

/* 코스 테이블 — 흰 카드 + 연회색 보더(공지·이벤트 카드와 동일 문법), 그림자 제거 */
.n_course_table { border:1px solid #E7EAEE; box-shadow:none; background:#fff; border-radius:var(--r-row); overflow:hidden; }
.n_course_table tr, .n_course_table td, .n_course_table th { border-color:var(--dv); }
/* 시간(본문)=흰 배경, 가격 칩=회색 — 반전 배치 */
.n_course_table td.n_course_title { background:var(--dv); }
.n_course_table .n_course_left, .n_course_table .n_course_right { background:transparent; }
.n_course_table .dayNight li.c_day, .n_course_table .dayNight li.c_night { background:var(--sf-2); }

/* 매장정보 칩 — 뉴트럴 그레이(후기 키워드 칩과 동일 계열, 블루→회색으로 가라앉힘) */
.Nshop_d_item_list_item2 { background:var(--sf-chip); color:#5B6068; }

/* 관리사 진입 행 — 검정 보더 제거 */
.shopView_manager { border:0; background:var(--sf-2); border-radius:var(--r-row); padding:12px 13px; }

/* 후기 더 보기 — 보조 버튼 통일 (길찾기·주소복사는 블레이드 인라인 수정) */
.d_map_more, .d_map_more2 {
  border:0; background:var(--sf-2); border-radius:var(--r-btn);
  padding:12px 0; color:var(--tx-body); font-weight:600; font-size:0.8rem;
}
.d_map_more2 { background:#EEF0F3; }  /* 후기 모두 보기 — 한 단계 진한 회색 */
.d_map_more label, .d_map_more2 label { color:var(--tx-mute); }
li.r_more, .d_comment_sub_area .tab_con li.r_more { border:0; }

/* 방문후기 작성 — 코랄 틴트. 후기 모두 보기와 지오메트리 동일(색만 역할 구분) */
.review_w {
  border:0; background:var(--t-live); border-radius:var(--r-btn);
  color:var(--i-live); font-weight:600; padding:12px 0; font-size:0.8rem;
}

/* 후기 통계 카드 */
.rk-stat { border:0; background:var(--sf-2); border-radius:var(--r-container); }
/* 접힘 페이드 띠 — 카드 배경(sf-2)에 맞춰 그라데이션 재정의 */
.rk-stat.rk-fold .rk-stat-more {
  padding:0 0 14px;
  background:linear-gradient(180deg, rgba(247,248,250,0) 0%, rgba(247,248,250,.92) 45%, #F7F8FA 75%);
}

/* 키워드 칩 — 배경 대비 한 단계 반전 */
.rk-badge {
  border:0; background:var(--sf-chip); color:#4A4F55;
  border-radius:var(--r-chip); padding:5px 11px; font-weight:500;
}
.rk-stat .rk-badge { background:#fff; }