/*---------- Page Header ----------*/

#pcb-page-header {border-bottom: 1px solid #c8cace;}
#pcb-page-header .pcb-page-title {padding: 0; margin: 0; font-weight: bold; text-transform: uppercase;}
#pcb-page-header .pcb-page-content {font-size: 0.9em;}

@media (min-width: 600px) {
	#pcb-page-header {padding: 10px 15px;}
	#pcb-page-header .pcb-page-title {font-size: 2.2em;}
}
@media (max-width: 599.99px) {
	#pcb-page-header {padding: 10px 0;}
	#pcb-page-header .pcb-page-title {font-size: 1.8em;}
}


/*---------- Product List Header ----------*/

#pcb-product-list-header {display: flex; gap: 10px; flex-wrap: wrap; justify-content: space-between; padding-top: 40px; padding-bottom: 40px;}
#pcb-product-list-header .pcb-cell-box {display: flex; flex-direction: column; justify-content: center;}

@media (min-width: 1300px) {
	#pcb-product-list-header {padding-left: 10px; padding-right: 10px;}
	#pcb-product-list-header .pcb-cell-box2 {flex-basis: 120px; flex-grow: 1; flex-shrink: 1;}
	#pcb-product-list-header .pcb-cell-box3 {flex-basis: 120px; flex-grow: 1; flex-shrink: 1;}
}
@media (min-width: 800px) and (max-width: 1299.99px) {
	#pcb-product-list-header .pcb-cell-box1 {flex-basis: 100%; flex-grow: 0; flex-shrink: 0;}
	#pcb-product-list-header .pcb-cell-box2 {flex-basis: 120px; flex-grow: 1; flex-shrink: 1;}
	#pcb-product-list-header .pcb-cell-box3 {flex-basis: 120px; flex-grow: 1; flex-shrink: 1;}
}
@media (max-width: 799.99px) {
	#pcb-product-list-header .pcb-cell-box1 {flex-basis: 100%; flex-grow: 0; flex-shrink: 0;}
	#pcb-product-list-header .pcb-cell-box2 {flex-basis: 120px; flex-grow: 1; flex-shrink: 1;}
	#pcb-product-list-header .pcb-cell-box3 {flex-basis: 120px; flex-grow: 1; flex-shrink: 1;}
	#pcb-product-list-header .pcb-cell-box4 {flex-basis: 100%; flex-grow: 0; flex-shrink: 0;}
}
@media (max-width: 599.99px) {
	#pcb-product-list-header .pcb-cell-box4 {display: none;}
}



/* Active Group Info Columns */
#pcb-product-list-header .pcb-active-info {display: flex; gap: 10px; justify-content: space-between;}
#pcb-product-list-header .pcb-active-info .pcb-active-column1 {display: flex; gap: 10px;}

/* Active Group Info Items */
#pcb-product-list-header .pcb-active-info .active-group-name {font-size: 1.3em; font-weight: 700; text-transform: uppercase;}
#pcb-product-list-header .pcb-active-info .active-product-count {font-size: 0.95em; background: #7bbc2a; color: #ffffff; font-weight: 600; width: 26px; height: 26px; border-radius: 9999px; text-align: center; display: flex; flex-direction: column; justify-content: center;}


/* Search */
#pcb-search-wrapper {display: flex; gap: 2px; background: #ffffff; padding: 0px; border: 1px solid #c1c5c8; height: 30px; width: 100%; border-radius: 7px;}
#pcb-search-wrapper .pcb-search-input-wrap {flex-basis: 100%; flex-grow: 1; flex-shrink: 1;}
#pcb-search-wrapper .pcb-search-input-wrap #pcb-product-search {background: #ffffff; width: 100%; height: 100%; border: 0; padding-left: 15px; padding-right: 15px; color: #7d7c7c; border-radius: 7px;}
#pcb-search-wrapper .pcb-search-button-wrap {flex-basis: 38px; flex-grow: 0; flex-shrink: 0;}
#pcb-search-wrapper .pcb-search-button-wrap #pcb-search-btn {cursor: pointer; font-size: 18px; background: #020c47; border: 0px; color: #ffffff; border-radius: 0; padding: 0; height: 100%; width: 100%; line-height: 1; border-radius: 0 7px 7px 0;}

/* View Buttons */
#pcb-product-list-header .pcb-view-toggle {display: flex; justify-content: right;}
#pcb-product-list-header .pcb-view-toggle .pcb-view-btn {cursor: pointer; padding: 5px; height: auto; width: auto; font-size: 18px; border: 0; border-radius: 5px; background: #ffffff; line-height: 1; font-family: 'fontello pcb'; text-align: center;}
#pcb-product-list-header .pcb-view-toggle .pcb-view-btn.selected {background: #7bbc2a; color: #ffffff;}
#pcb-product-list-header .pcb-view-toggle .pcb-view-btn:hover {background: #d4e2fc; color: #070f5b;}
#pcb-product-list-header .pcb-view-toggle .pcb-view-btn.selected:hover {background: #7bbc2a; color: #ffffff;}

/* Group Popcorn Button */
#pcb-groups-popcorn-toggle {background: #020c47; padding: 5px 10px; border-radius: 5px; font-weight: 700; color: #ffffff; border: 0;}

/* Sorting Box */
#pcb-product-list-header .sorting-box {height: 30px; width: 100%; background: #ffffff; border: 1px solid #c1c5c8; padding: 0 5px 0 15px; color: #7d7c7c; border-radius: 7px;}




/*---------- Product Layout ----------*/
/* Containers */
#pcb-product-list {padding: 0; margin: 0;}
#pcb-product-list .pcb-product {padding: 30px 20px; margin: 0 0 15px 0; list-style-type: none; background: #ffffff; position: relative;}
#pcb-product-list .pcb-product p {padding: 0; margin: 0;}


/* Product Columns */
#pcb-product-list .pcb-product-columns {display: flex; gap: 15px; /*height: 100%;*/}
#pcb-product-list .pcb-product-column1 {flex-basis: 170px; flex-grow: 0; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center;}
#pcb-product-list .pcb-product-column2 {flex-basis: 100%; flex-grow: 2; flex-shrink: 2; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}

@media (min-width: 600px) {
#pcb-product-list-container.product-style-grid #pcb-product-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
#pcb-product-list-container.product-style-grid #pcb-product-list .pcb-product {flex-basis: 49%;}
#pcb-product-list-container.product-style-grid .pcb-product-columns {flex-wrap: wrap;}
#pcb-product-list-container.product-style-grid .pcb-product-column1 {flex-basis: 100%;}
#pcb-product-list-container.product-style-classic .pcb-product-column1 {flex-basis: 170px;}
}
@media (max-width: 599.99px) {
#pcb-product-list .pcb-product-columns {flex-wrap: wrap;}
#pcb-product-list .pcb-product-column1 {flex-basis: 100%;}
}


/* Product Image */
#pcb-product-list .pcb-product-image {display: flex; flex-direction: column; justify-content: space-between;}
#pcb-product-list .pcb-product-image img {width: 100%; max-width: 250px; height: auto; display: block; margin: 0 auto;}


/*---------- Product Top Area ----------*/
/* Top Area */
#pcb-product-list .pcb-product-top {display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}

/* Product Heading */
#pcb-product-list .pcb-product-header h2 {font-weight: 600; font-size: 1.2em; text-transform: uppercase; padding: 0; margin: 0;}
#pcb-product-list .pcb-product-header a {text-decoration: none;}
@media (min-width: 1000px) {
	#pcb-product-list-container.product-style-classic .pcb-product-header {max-width: 80%;}
}

/* Product Description */
#pcb-product-list .pcb-product-description {
	color: #7f7f7f;
	font-size: 0.8em;
}
#pcb-product-list .pcb-product-description .desc-toggle {
	color: #7f7f7f;
	font-size: 0.8em;
}

/* Tags */
#pcb-product-list .pcb-product-tags {padding: 0; margin: 0; display: flex; gap: 7px;}
#pcb-product-list .pcb-product-tags li {padding: 0; margin: 0; list-style-type: none; display: flex; flex-direction: column; justify-content: center;}
#pcb-product-list .pcb-product-tags li .pcb-rig-tag {padding: 2px 6px; margin: 0; list-style-type: none; background: #f7f7f7; border: 1px solid #959595; font-size: 0.8em; border-radius: 5px; text-align: center;}


/*---------- Product Bottom Area ----------*/
/* Bottom Area */
#pcb-product-list .pcb-product-bottom {display: flex; gap: 15px; justify-content: space-between; flex-wrap: wrap;}
#pcb-product-list .pcb-product-bottom-column2 {display: flex; gap: 10px; justify-content: right;}
#pcb-product-list .pcb-product-bottom .product-bottom-cell {display: flex; flex-direction: column; justify-content: center;}

/* Responsive */
@media (min-width: 750px) {
#pcb-product-list-container.product-style-classic .pcb-product-bottom-column1 {display: flex; gap: 12px;}
#pcb-product-list-container.product-style-grid .pcb-product-bottom-column1 {flex-basis: 100%;}
#pcb-product-list-container.product-style-grid .pcb-product-bottom-column2 {flex-basis: 100%; padding-top: 20px;}
}
@media (max-width: 749.99px) {
#pcb-product-list .pcb-product-bottom-column1 {flex-basis: 100%;}
#pcb-product-list .pcb-product-bottom-column2 {flex-basis: 100%; padding-top: 20px;}
}



/* Discount Tag */
#pcb-product-list .pcb-discount-tag {color: #ffffff; background: #7bbc2a; padding: 6px 8px; border-radius: 5px; text-align: center; font-weight: bold; line-height: 1;}
#pcb-product-list .pcb-discount-tag .pcb-discount-label {display: block; clear: both; font-size: 0.85em;}
#pcb-product-list .pcb-discount-tag .pcb-discount-num {display: block; clear: both; font-size: 1em;}
#pcb-product-list-container.product-style-grid .pcb-cell-discount-tag {position: absolute; top: 10px; left: 10px;}
@media (max-width: 1060px) {
#pcb-product-list .pcb-cell-discount-tag {position: absolute; top: 10px; left: 10px;}
}

/* Buttons Style */
#pcb-product-list .pcb-product-button {cursor:pointer; padding: 12px 20px; font-weight: bold;  border: 0; border-radius: 0; text-transform: uppercase;}
#pcb-product-list .pcb-select-button {background: #050b47; color: #ffffff;}
#pcb-product-list .pcb-remove-button {background: #d4e2fc; color: #050b47;}

/* Price */
#pcb-product-list .pcb-product-price .price .woocommerce-Price-amount {font-size: 1.5em; text-decoration: none; font-weight: 600;}
#pcb-product-list .pcb-product-price .pcb-html-price ins .woocommerce-Price-amount {font-size: 1.5em; text-decoration: none; font-weight: 600;}
#pcb-product-list .pcb-product-price .pcb-html-price ins {text-decoration: none;}
#pcb-product-list .pcb-product-price .pcb-html-price del {color: #7f7f7f;}
#pcb-product-list .pcb-product-price .pcb-html-price del .woocommerce-Price-amount {color: #7f7f7f; font-size: 1em;}

/* Stock Notice */
#pcb-product-list .pcb-stock-notice {font-size: 0.8em;}

/* Stock */
#pcb-product-list .pcb-product-stock {color: #7f7f7f; font-size: 1em; text-transform: lowercase;}

/* Quantity (field overlay) */
#pcb-product-list .pcb-qty-wrapper {display: inline-flex; align-items: center; gap: 5px; font-family: inherit;}
#pcb-product-list .pcb-qty-wrapper .pcb-qty-controls {display: flex; flex-direction: column; gap: 2px;}
#pcb-product-list .pcb-qty-wrapper .pcb-qty-controls button {border-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease; width: 16px; height: 16px; text-align: center; line-height: 1;}
#pcb-product-list .pcb-qty-wrapper .pcb-qty-controls button:hover {background: #050b47; color: #ffffff; border: 1px solid #050b47;}
#pcb-product-list .pcb-qty-wrapper .pcb-qty-controls .pcb-qty-up {background: #7bbd28; color: #ffffff; border: 1px solid #7bbd28;}
#pcb-product-list .pcb-qty-wrapper .pcb-qty-controls .pcb-qty-down {background: #ffffff; color: #000000; border: 1px solid #7f7f7f;}
#pcb-product-list .pcb-qty-wrapper .pcb-quantity-input {-moz-appearance: textfield; appearance: textfield; border: none; background: none; font-size: 1em; text-align: center; font-weight: bold; width: 16px;}
#pcb-product-list .pcb-qty-wrapper .pcb-quantity-input::-webkit-inner-spin-button, .pcb-quantity-input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
/* Conditionally Show Quantity */
#pcb-product-list .pcb-product[data-allow-multiple="No"] .pcb-product-qty.product-bottom-cell {
	display: none;
}


/* Selected & Non-selected States */
#pcb-product-list .pcb-select-button {display: block;}
#pcb-product-list .pcb-remove-button {display: none;}
#pcb-product-list .pcb-product.selected .pcb-select-button {display: none;}
#pcb-product-list .pcb-product.selected .pcb-remove-button {display: block;}
#pcb-product-list .pcb-product.selected .pcb-product-qty {display: none;}


.pcb-product-list-loading {
	display: flex;
	padding: 15px;
	gap: 20px;
	padding: 80px 40px;
	background: #ffffff;
	text-align: center;
}
.pcb-product-list-loading .loading-icon {
	width: 30px;
	height: 30px;
	background-image: url('../img/loading.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.pcb-product-list-loading .loading-text {
	font-size: 1.4em;
	font-weight: bold;
}


.pcb-qty-notice {background: #fafafa; border: 1px solid #e9e9e9; padding: 15px; text-align: center; margin-top: 25px; display: none;}
.pcb-qty-notice-text1 {color: #860000; font-weight: bold;}
.pcb-qty-notice-buttons {display: flex; gap: 10px; justify-content: center; padding-top: 10px;}
.pcb-qty-notice-button {color: #050b47; background: #e9e9e9; padding: 5px 10px; text-decoration: none; border-radius: 5px;}
.pcb-qty-notice-button span {font-weight: bold;}


.pcb-compatibility-notice {background: #fafafa; border: 1px solid #e9e9e9; padding: 15px; text-align: center; margin-top: 25px;}
.pcb-compatibility-notice-text {color: #860000; font-weight: bold; padding: 0 0 12px 0;}
.pcb-compatibility-notice-close {color: #050b47; background: #e9e9e9; padding: 5px 10px; text-decoration: none; border-radius: 5px;}



/*---------- Rig Tags ----------*/

/* Tags Layout */
/*.rig-tags-row {
	display: flex;
	justify-content: left;
	border-top: 1px solid #c8cace;
	padding: 20px 0;
	margin: 0 0 20px 0;
	gap: 10px;
}
@media (min-width: 600px) {
	.rig-tags-row .rig-tags-label
	.rig-tags-row .rig-tags-list	{
		flex-basis: 80px;
		flex-grow: 0;
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
@media (max-width: 599px) {
	.rig-tags-columns {
		flex-direction: column;
	}
	.rig-tag-label-container.rig-tag-column {
		flex-basis: 100%;
	}
}*/

/* Labels */
.rig-tags-groups {
	padding: 20px 10px 40px 10px;
	border-top: 1px solid #c8cace;
}
.rig-tags-groups .rig-tags-heading {
	font-weight: bold;
	padding: 0 0 25px 0;
	margin: 0;
}


.rig-tags-row {
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom: 1px solid #f2f2f3;
	display: flex;
	gap: 7px;
}
.rig-tags-row .rig-tags-label {
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	justify-content: center;
}
.rig-tags-row .rig-tags-label-in {
	padding: 2px 6px 2px 6px;
	margin: 0;
	list-style-type: none;
	background: #fff;
	text-align: center;
	cursor: pointer;
	font-size: 0.8em;
	display: inline-block;
	text-transform: uppercase;
	color: #7f7f7f;
}
.rig-tags-row .rig-tags-label-in p {
	padding: 0;
	margin: 0;
	line-height: 1;

}
.rig-tags-row .rig-tags-list {
	flex-basis: 100%;
	flex-grow: 1;
	flex-shrink: 1;
}
.rig-tags-row .rig-tags-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	padding: 0;
	margin : 0;
}
.rig-tags-row .rig-tags-list ul li {
	padding: 0;
	margin : 0;
	list-style-type: none;
}
.rig-tags-row .rig-tags-list ul li .rig-tag-bubble {
	padding: 2px 6px;
	background: #f7f7f7;
	border: 1px solid #959595;
	font-size: 0.8em;
	border-radius: 5px;
	cursor: pointer;
	white-space: nowrap;
}
.rig-tags-row .rig-tags-list ul li.selected .rig-tag-bubble,
.rig-tags-row .rig-tags-list ul li .rig-tag-bubble:hover {
	background: #fee147;
	color: #050b47;
}