/* --------------------------------------------------------------------
   1. 헤더 통화 선택기(bootstrap-select) 텍스트/화살표 흰색 유지
-------------------------------------------------------------------- */
.header-currency .bootstrap-select .btn,
.header-currency .bootstrap-select .btn *,
.header-currency .bootstrap-select .filter-option,
.header-currency .bootstrap-select .filter-option *,
.header-currency .bootstrap-select .filter-option-inner,
.header-currency .bootstrap-select .filter-option-inner *,
.header-currency .bootstrap-select .filter-option-inner-inner,
.header-currency .bootstrap-select .filter-option-inner-inner *,
.header-currency-white .bootstrap-select .btn,
.header-currency-white .bootstrap-select .btn *,
.header-currency-white .bootstrap-select .filter-option,
.header-currency-white .bootstrap-select .filter-option *,
.header-currency-white .bootstrap-select .filter-option-inner,
.header-currency-white .bootstrap-select .filter-option-inner *,
.header-currency-white .bootstrap-select .filter-option-inner-inner,
.header-currency-white .bootstrap-select .filter-option-inner-inner * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  font-weight: 700 !important;
  text-shadow:
    0 0 2px rgba(0,0,0,1),
    0 0 4px rgba(0,0,0,1),
    1px 1px 0 rgba(0,0,0,1),
    -1px -1px 0 rgba(0,0,0,1),
    1px -1px 0 rgba(0,0,0,1),
    -1px 1px 0 rgba(0,0,0,1),
    0 0 10px rgba(0,0,0,0.95) !important;
}

/* 화살표도 흰색 */
.header-currency .bootstrap-select .caret,
.header-currency-white .bootstrap-select .caret {
  border-top-color: #fff !important;
  opacity: 1 !important;
}

/* select2 단일 선택기의 텍스트를 흰색으로 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  font-weight: 700 !important;
  text-shadow:
    0 0 2px rgba(0,0,0,1),
    0 0 4px rgba(0,0,0,1),
    1px 1px 0 rgba(0,0,0,1),
    -1px -1px 0 rgba(0,0,0,1),
    1px -1px 0 rgba(0,0,0,1),
    -1px 1px 0 rgba(0,0,0,1),
    0 0 10px rgba(0,0,0,0.95) !important;
}

/* select2 화살표 흰색 */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-top-color: #fff !important;
}

/* --------------------------------------------------------------------
   2. 상품 요약(summary)과 통화 스위처 색상 설정
-------------------------------------------------------------------- */
/* 요약 영역 전체 글씨는 흰색으로 유지 */
.single-product .summary,
.single-product .summary * {
  color: #fff;
}

/* 요약 내부의 통화 스위처 요소는 검은색으로 오버라이드 */
.single-product .summary .currency_switcher,
.single-product .summary .currency_switcher *,
.single-product .summary .currency-switcher,
.single-product .summary .currency-switcher *,
.single-product .summary .woocs_switcher,
.single-product .summary .woocs_switcher *,
.single-product .summary .select2-container--default .select2-selection--single .select2-selection__rendered,
.single-product .summary .select2-container--default .select2-selection--single .select2-selection__arrow,
.single-product .summary .bootstrap-select .btn,
.single-product .summary .bootstrap-select .btn *,
.single-product .summary select.currency_switcher,
.single-product .summary select.currency_switcher option {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  text-shadow: none !important;
}

/* YayCurrency: 선택된 통화 박스 배경 흰색 & 테두리 */
.single-product .summary .yay-currency-custom-select__trigger {
  background: #fff !important;
  border: 1px solid #ccc !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  overflow: visible !important;
}

/* 선택된 통화 라벨(접힌 상태) 검정색 표시 */
.single-product .summary .yay-currency-selected-option {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #000 !important;
  width: auto !important;
}

.single-product .summary .yay-currency-arrow-icon,
.single-product .summary .yay-currency-arrow-icon path {
  stroke: #000 !important;
  fill: none !important;
}

/* 접힌 상태에서 라벨을 또렷하게 */
.single-product .summary .yay-currency-custom-select__trigger .yay-currency-selected-option {
  text-indent: 0 !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 펼쳐진 드롭다운의 텍스트는 검정, 배경은 흰색 */
.single-product .summary .yay-currency-custom-options,
.single-product .summary .yay-currency-custom-options * {
  color: #000 !important;
  background: #fff !important;
  text-indent: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-text-fill-color: #000 !important;
}

/* --------------------------------------------------------------------
   3. YayCurrency 드롭다운 옵션 세로 정렬
-------------------------------------------------------------------- */
.yay-currency-custom-options {
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  padding: 0 !important;
}

.yay-currency-custom-option-row {
  display: flex !important;
  width: 100% !important;
  margin: 2px 0 !important;
}

/* --------------------------------------------------------------------
   4. 데스크톱 단일 상품 이미지 레이아웃
-------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .single-product div.product div.woocommerce-product-gallery {
    max-width: 100% !important;
    margin-left: 5% !important;
    margin-right: 0 !important;
    margin-top: 2.5% !important;
    margin-bottom: 2.5% !important;
  }

  .single-product div.product div.woocommerce-product-gallery img {
    width: 90% !important;
    height: 90% !important;
  }
}

/* --------------------------------------------------------------------
   5. Our Story / Made in England 페이지 높이 자동 조정
-------------------------------------------------------------------- */
.page-id-XXXX .elementor-section,
.page-id-YYYY .elementor-section {
  height: auto !important;
  min-height: auto !important;
  overflow: visible !important;
}

/* 페이지에 하단 여유 공간 부여 */
.page-id-XXXX .site-content,
.page-id-YYYY .site-content {
  padding-bottom: 200px !important;
}

/* MOBILE: Our Story / Made in England text clipping fix */
@media (max-width: 767px) {
  .panel-one-story,
  .panel-one-story .panel-left,
  .panel-one-story .panel-right,
  .panel-one-story .panel-right-inner,
  .panel-one-story .panel-right-content,
  .panel-one-story .content,
  .panel-one-story .text,
  .panel-one-story .story-text,
  .panel-one-story .panel-copy,
  .panel-one-story .vc_column-inner,
  .panel-one-story .wpb_wrapper {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .panel-one-story {
    display: block !important;
  }

  .panel-one-story .panel-left,
  .panel-one-story .panel-right {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
  }

  .panel-one-story img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  .panel-one-story h1,
  .panel-one-story h2,
  .panel-one-story h3,
  .panel-one-story h4,
  .panel-one-story p,
  .panel-one-story div,
  .panel-one-story span {
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  .panel-one-story .panel-right {
    padding-bottom: 40px !important;
  }
}

/* --------------------------------------------------------------------
   6. Footer compact update
-------------------------------------------------------------------- */
.footer {
  padding-top: 8px !important;
  padding-bottom: 4px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

#inner-footer.wrap,
#inner-footer .footer-column-container {
  margin: 0 !important;
  padding: 0 !important;
}

#inner-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body section:last-of-type,
body .section:last-of-type,
body .row:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.source-org.copyright,
.business-info,
body > .business-info {
  margin: 4px 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.featured-in {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.featured-in h1 {
  margin-bottom: 10px !important;
}

.footer-column-container,
.footer-column-large,
.footer-column {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#inner-footer {
  min-height: 0 !important;
}

@media (max-width: 767px) {
  .footer {
    padding-top: 6px !important;
    padding-bottom: 3px !important;
  }

  .source-org.copyright,
  .business-info,
  body > .business-info {
    font-size: 11px !important;
  }
}
/* --------------------------------------------------------------------
   7. KNNOX 모바일 메뉴 최종 수정본
-------------------------------------------------------------------- */
@media (max-width: 768px) {

  /* 팝업 자체 */
  .burger-menu-popout {
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* 내부 공통 여백 */
  .burger-menu-popout nav,
  .burger-menu-popout .secondary-nav {
    box-sizing: border-box !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin: 0 !important;
    text-align: left !important;
    overflow-x: hidden !important;
  }

  /* 상단 큰 메뉴: 1열 */
  .burger-menu-popout > div > nav > ul.top-nav,
  .burger-menu-popout nav ul.top-nav {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 34px 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .burger-menu-popout > div > nav > ul.top-nav > li,
  .burger-menu-popout nav ul.top-nav > li {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
  }

  .burger-menu-popout > div > nav > ul.top-nav > li:last-child,
  .burger-menu-popout nav ul.top-nav > li:last-child {
    margin-bottom: 0 !important;
  }

  .burger-menu-popout > div > nav > ul.top-nav > li > a,
  .burger-menu-popout nav ul.top-nav > li > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    text-align: left !important;
  }

  /* 하단 서브 메뉴: 2열, 폭 강제 제한 */
  .burger-menu-popout .secondary-nav > ul.menu,
  .burger-menu-popout .secondary-nav ul.menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 20px !important;
    row-gap: 16px !important;

    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;

    box-sizing: border-box !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .burger-menu-popout .secondary-nav > ul.menu > li,
  .burger-menu-popout .secondary-nav ul.menu > li {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .burger-menu-popout .secondary-nav > ul.menu > li > a,
  .burger-menu-popout .secondary-nav ul.menu > li > a {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
}


/* Custom styling for Coupon Box popup - brass color scheme */
.wcb-coupon-box .wcb-md-content .wcb-modal-header {
    background-color: #B08D57 !important;
    color: #ffffff !important;
}
.wcb-coupon-box .wcb-md-content .wcb-modal-body {
    background-color: #F8F5F0 !important;
    color: #000000 !important;
}
.wcb-coupon-box .wcb-newsletter span.wcb-button {
    background-color: #B08D57 !important;
    color: #ffffff !important;
}
.wcb-md-overlay {
    background: rgba(0, 0, 0, 0.6) !important;
}


/* Highlight coupon subscribe checkbox tick with brand color */
.wcb-coupon-box input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border: 2px solid #B08D57;
    border-radius: 3px;
    -webkit-appearance: none;
    appearance: none;
   
	.wcb-coupon-box input[type="checkbox"]:checked::after {
    content: '\2713';
    position: absolute;
    top: 0px;
    left: 3px;
    color: #B08D57;
    font-size: 16px;
    font-weight: bold;
}
.wcb-coupon-box input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border: 2px solid #B08D57;
    border-radius: 3px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    position: relative;
}

.wcb-coupon-box input[type="checkbox"]:checked::after {
    content: '\2713';
    position: absolute;
    top: 0px;
    left: 3px;
    color: #B08D57;
    font-size: 16px;
    font-weight: bold;
}
.wcb-coupon-box input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border: 2px solid #B08D57;
    border-radius: 3px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    position: relative;
}

.wcb-coupon-box input[type="checkbox"]:checked::after {
    content: '\2713';
    position: absolute;
    top: 0;
    left: 3px;
    color: #B08D57;
    font-size: 16px;
    font-weight: bold;
}

/* Hide coupon toggle icon completely */
.wcb-coupon-box .coupon-toggle {
    display: none !important;
}
background-color: #fff;
    position: relative;

/* Reduce GTranslate widget size by half */
.gtranslate_wrapper {
    transform: scale(0.5);
    transform-origin: bottom left;
}

/* Adjust coupon toggle icon position and scale to avoid overlap with chat and GTranslate */
.wcb-coupon-box .coupon-toggle {
    transform: scale(0.5);
    right: 120px !important;
    bottom: 20px !important;
}
@media (max-width: 768px) {
    .wcb-coupon-box .coupon-toggle {
        right: 90px !important;
        bottom: 90px !important;
   
	/* Ensure coupon toggle icon stays hidden and reduce chat/GTranslate sizes */
.wcb-coupon-box .coupon-toggle {
    display: none !important;
}

.gtranslate_wrapper {
    transform: scale(0.5);
    transform-origin: bottom left;
}

/* Reduce Tawk.to chat widget bubble size by half */
#tawkchat-minified-wrapper {
    transform: scale(0.5);
    transform-origin: bottom right;
}
/* 장바구니에서 테이블 헤더(라벨)를 숨김 */
.woocommerce-cart tr.coupon th {
    display: none !important;
}
			
			/* Prevent FAQ accordion from closing when clicking inside content */
.accordion-content {
    pointer-events: none;
}
.accordion-content a,
.accordion-content button,
.accordion-content input,
.accordion-content textarea,
.accordion-content select {
    pointer-events: auto;
}