/*
Theme Name:		Welcart Basic Child
Description:	Welcart Basic Child is child theme for Welcart Basic.
Author:			WElcart Inc.
Author URI:		https://www.welcart.com/
Template:		welcart_basic
Version:		1.0.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, basic-child, two-columns, right-sidebar. left-sidebar
*/

/*** 주문 확인의 복수의 배송지 st***/
.ab-table-container {
	max-height: 400px; /* 필요시 조정 가능 */
	overflow-x: auto;
	overflow-y: auto;
	border: 1px solid #ccc;
}
.ab-table-container table {
	width: 100%;
	border-collapse: collapse;
}
.ab-table-container th, td {
	border: 1px solid #999;
	padding: 8px 12px;
	text-align: left;
}
/*** 주문 확인의 복수의 배송지 ed***/

.success_message {
	margin-bottom: .384615em;
	color: #32CD32;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

/*** 상품 카테고리 ***/
  .category-container {
	margin: 10px 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  }
  
  .category-level-1 {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
  }
  
  .category-group-btn {
	display: flex;
	align-items: center;
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 4px;
	text-decoration: none;
	color: #495057;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.2s ease;
	white-space: nowrap;
	overflow: hidden;
  }
  
  .category-group-btn:hover {
	background: #e9ecef;
	color: #212529;
	text-decoration: none;
  }
  
  .category-group-btn.active {
	background: #007bff;
	color: white;
	border-color: #007bff;
  }
  
  .category-text {
	padding: 6px 12px;
	flex: 1;
	border: none;
	background: transparent;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	cursor: pointer;
	text-decoration: none;
  }
  
  .category-text:hover {
	text-decoration: none;
  }
  
  .toggle-btn {
	background: transparent;
	color: inherit;
	border: none;
	border-left: 1px solid #dee2e6;
	padding: 6px 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
	min-width: 32px;
  }
  
  .toggle-btn:hover {
	background: rgba(0, 0, 0, 0.1);
  }
  
  .category-group-btn.active .toggle-btn {
	background: rgba(255, 255, 255, 0.2);
  }
  
  .category-level-2 {
	display: none;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 6px;
	padding-left: 12px;
	width: 100%;
  }
  
  .category-level-2.show {
	display: flex !important;
  }
  
  .category-item.level-2 {
	font-size: 12px;
	padding: 4px 10px;
	background: #ffffff;
	border: 1px solid #dee2e6;
  }
  
  @media (max-width: 768px) {
	.category-level-1 {
	  gap: 6px;
	}
	
	.category-item {
	  padding: 5px 10px;
	  font-size: 12px;
	}
	
	.category-item.level-2 {
	  padding: 3px 8px;
	  font-size: 11px;
	}
	
	.toggle-btn {
	  width: 18px;
	  height: 18px;
	  font-size: 11px;
	}
  }
/*** search ****/
.search-highlight {
  background-color: #ffeb3b !important;
  color: #000 !important;
  font-weight: bold !important;
}
.search-result-row {
  background-color: #e3f2fd !important;
}
.search-result-row:hover {
  background-color: #bbdefb !important;
}
.search-info {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 8px 12px;
  margin: 10px 0;
  font-size: 14px;
  color: #495057;
}
.search-info .highlight {
  color: #007bff;
  font-weight: bold;
}


.search-form {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: white;
  border-bottom: 1px solid #dee2e6;
  padding: 10px 0;
  margin-bottom: 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.search-form.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #dee2e6;
  padding: 10px 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  max-width: 1000px;
  margin: auto;
}

.search-form.fixed .formleft {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.search-form.fixed .skubutton {
  margin-top: 5px;
}

/* 검색 정보도 고정 */
.search-info.fixed {
  position: fixed;
  top: 60px;
  left: 20px;
  right: 20px;
  z-index: 999;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 8px 12px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  max-width: 1000px;
  margin: auto;
}

/* 고정된 검색창이 있을 때 본문 여백 조정 */
body.has-fixed-search {
  padding-top: 80px;
}

@media (max-width: 768px) {
  .search-form.fixed {
	padding: 8px 15px;
  }
  
  .search-form.fixed .formleft {
	gap: 8px;
  }
  
  .search-info.fixed {
	top: 50px;
	left: 15px;
	right: 15px;
  }
}