/* mc-2027.css — 모두카피 2027 공통 규칙 (1차: 글꼴·글자 크기)
   쇼핑몰 화면(body.mc-shop-ui)에만 적용. 되돌리기: shop.head.html.php 의 이 파일 불러오는 줄 삭제. */
:root {
  --mc27-ink: #182336;
  --mc27-ink-2: #566175;
  --mc27-line: #dfe3ea;
  --mc27-board: #f2f4f7;
  --mc27-red: #b5122e;
  --mc27-red-press: #8f0d23;
  --mc27-r-ctl: 8px;
  --mc27-r-card: 12px;
  --mc27-font: Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans SC", "Noto Sans JP", "Malgun Gothic", sans-serif;
}
body.mc-shop-ui {
  font-family: var(--mc27-font);
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
body.mc-shop-ui :is(h1, h2, h3, h4, h5, h6, p, a, span, li, dt, dd, td, th, label, input, select, textarea, button, strong, b, em, small, div, summary, option):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class*="fa-"]):not([class*="icon"]):not(.slick-prev):not(.slick-next) {
  font-family: inherit;
}
body.mc-shop-ui :focus-visible {
  outline: 2px solid var(--mc27-red);
  outline-offset: 2px;
}

/* 2차: 버튼 색·모서리, 남은 작은 글자 (2026-11-14) */
body.mc-shop-ui .btn-e { border-radius: var(--mc27-r-ctl); font-weight: 600; }
body.mc-shop-ui .btn-e-crimson,
body.mc-shop-ui .btn-e-red { background-color: var(--mc27-red); border-color: var(--mc27-red); }
body.mc-shop-ui .btn-e-crimson:hover,
body.mc-shop-ui .btn-e-red:hover { background-color: var(--mc27-red-press); border-color: var(--mc27-red-press); }
body.mc-shop-ui .btn-e-navy,
body.mc-shop-ui .btn-e-dark,
body.mc-shop-ui .btn-e-indigo { background-color: var(--mc27-ink); border-color: var(--mc27-ink); color: #fff; }
body.mc-shop-ui .btn-e-navy:hover,
body.mc-shop-ui .btn-e-dark:hover,
body.mc-shop-ui .btn-e-indigo:hover { background-color: #0f1826; border-color: #0f1826; }
html[data-mc-shop-theme="dark"] body.mc-shop-ui .btn-e-navy,
html[data-mc-shop-theme="dark"] body.mc-shop-ui .btn-e-dark,
html[data-mc-shop-theme="dark"] body.mc-shop-ui .btn-e-indigo { background-color: #e9edf3; border-color: #e9edf3; color: #182336; }
body.mc-shop-ui .mc-global-category-name { font-size: 13px; }
body.mc-shop-ui .product-use-more { font-size: 13px; border-radius: var(--mc27-r-ctl); height: auto; padding: 4px 10px; }
body.mc-shop-ui .badge { font-size: 12px; }
body.mc-shop-ui .sit_qty_minus,
body.mc-shop-ui .sit_qty_plus { border-radius: var(--mc27-r-ctl); }

/* 3차(4단계): 머리말 줄이기, 새 로고, 상담 단추 하나로 (2026-11-14) */
body.mc-shop-ui .site-logo.mc27-logo { height: 40px; width: auto; max-width: none; }
body.mc-shop-ui .site-logo.mc27-logo-dark { display: none; }
html[data-mc-shop-theme="dark"] body.mc-shop-ui .site-logo.mc27-logo-light { display: none; }
html[data-mc-shop-theme="dark"] body.mc-shop-ui .site-logo.mc27-logo-dark { display: inline-block; }
@media (max-width: 991px) {
  body.mc-shop-ui .site-logo.mc27-logo { height: 30px; }
}
@media (min-width: 992px) {
  body.mc-shop-ui .ebs-etb-wrap,
  body.mc-shop-ui .ebs-etb-wrap .slick-list,
  body.mc-shop-ui .ebs-etb-wrap .slick-track,
  body.mc-shop-ui .ebs-etb-wrap .slick-slide,
  body.mc-shop-ui .ebs-etb-wrap .slick-slide > div { height: 36px !important; min-height: 0 !important; }
  body.mc-shop-ui .ebs-etb-wrap * { font-size: 13px !important; line-height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  body.mc-shop-ui .header-title { height: auto; min-height: 0; padding: 0; }
  body.mc-shop-ui .header-title > .container { height: 72px; min-height: 0; padding-top: 0; padding-bottom: 0; display: flex; align-items: center; }
  body.mc-shop-ui nav.mc-global-category--compact { display: flex; align-items: center; gap: 12px; max-width: 1280px; margin: 0 auto; padding: 0 12px; height: 48px; min-height: 0; border-top: 1px solid var(--mc27-line); border-bottom: 1px solid var(--mc27-line); background: transparent; }
  body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-grid { order: 1; flex: 1; display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; height: 48px; margin: 0; padding: 0; border: 0; background: none; }
  body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-tools { order: 2; flex: none; display: flex; gap: 6px; margin: 0; padding: 0; width: auto; }
  body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-photo { display: none; }
  body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-tile { flex: none; width: auto; height: 48px; min-height: 0; display: flex; align-items: center; padding: 0 10px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; box-shadow: none; }
  body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-name { font-size: 14px; font-weight: 500; color: var(--mc27-ink-2); white-space: nowrap; height: auto; line-height: 1.2; }
  body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-tile:hover .mc-global-category-name { color: var(--mc27-ink); }
  body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-tile[aria-current] { border-bottom-color: var(--mc27-red); }
  body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-tile[aria-current] .mc-global-category-name { color: var(--mc27-ink); font-weight: 700; }
  body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-tools button { height: 34px; min-height: 0; padding: 0 10px; font-size: 13px; border-radius: var(--mc27-r-ctl); }
  html[data-mc-shop-theme="dark"] body.mc-shop-ui nav.mc-global-category--compact { border-color: #2a3445; }
  html[data-mc-shop-theme="dark"] body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-name { color: #a9b3c3; }
  html[data-mc-shop-theme="dark"] body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-tile:hover .mc-global-category-name,
  html[data-mc-shop-theme="dark"] body.mc-shop-ui nav.mc-global-category--compact .mc-global-category-tile[aria-current] .mc-global-category-name { color: #fff; }
}
/* 상담 단추: 스크립트가 켜졌을 때만 옛 단추 두 개를 숨김 */
html.mc27-talk-on .talk_banner_div,
html.mc27-talk-on #__kakaotalk_chat { display: none !important; }
.mc27-talk { position: fixed; right: 15px; bottom: 76px; z-index: 1000; font-family: var(--mc27-font); }
.mc27-talk-btn { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 18px; border: 0; border-radius: 24px; background: var(--mc27-ink); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; box-shadow: 0 4px 14px rgba(24, 35, 54, .22); }
.mc27-talk-btn svg { width: 20px; height: 20px; }
html[data-mc-shop-theme="dark"] .mc27-talk-btn { background: #e9edf3; color: #182336; }
.mc27-talk-menu { position: absolute; right: 0; bottom: 58px; width: 220px; padding: 14px; border: 1px solid var(--mc27-line); border-radius: var(--mc27-r-card); background: #fff; color: var(--mc27-ink); box-shadow: 0 10px 30px rgba(24, 35, 54, .16); }
.mc27-talk-menu[hidden] { display: none; }
.mc27-talk-menu p { margin: 0 0 10px; font-size: 14px; font-weight: 700; }
.mc27-talk-menu a { display: flex; align-items: center; justify-content: center; height: 44px; margin-top: 8px; border-radius: var(--mc27-r-ctl); font-size: 15px; font-weight: 700; text-decoration: none; }
.mc27-talk-naver { background: #03c75a; color: #062d16; }
.mc27-talk-kakao { background: #fee500; color: #191600; }
.mc27-talk-menu small { display: block; margin-top: 10px; font-size: 12px; color: var(--mc27-ink-2); }
@media (max-width: 991px) {
  .mc27-talk { right: 12px; bottom: 72px; }
  .mc27-talk-btn { height: 44px; padding: 0 14px; font-size: 14px; }
}
/* 새 로고는 어두운 화면용 그림이 따로 있으므로 옛 로고용 색 반전을 끔 */
html[data-mc-shop-theme="dark"] body.mc-shop-ui img.site-logo.mc27-logo { filter: none; mix-blend-mode: normal; }

@media screen {
/* 01-A: dark detail crimson controls; retain existing light and other buttons. */
html[data-mc-shop-theme="dark"] body.mc-shop-ui #sit_ov .btn-e.btn-e-crimson {
  background-color: var(--mc27-red) !important;
  border-color: var(--mc27-red) !important;
}
html[data-mc-shop-theme="dark"] body.mc-shop-ui #sit_ov .btn-e.btn-e-crimson:hover {
  background-color: var(--mc27-red-press) !important;
  border-color: var(--mc27-red-press) !important;
}

}