/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



:root {
	--cnvs-themecolor: #01c9d6;
	--cnvs-themecolor-rgb: 1, 201, 214;
	--cnvs-primary-font: 'paralucent-text', 'Noto Sans JP', sans-serif;
	--cnvs-body-font: 'paralucent', 'Noto Sans JP', sans-serif;
	--bs-bg-opacity: 1;
	--cnvs-page-title-color: #212539;
	--cnvs-page-title-bg
	--cnvs-page-title-bg: #f0f0f0;
}


.tm {
	vertical-align: top; font-size: 1rem !important;
}


.bg-success{
	background-color: rgba(var(--cnvs-themecolor-rgb), var(--bs-bg-opacity)) !important;
}




.subscribe-widget .btn {
  
  --bs-btn-bg: var(--cnvs-themecolor);
  --bs-btn-border-color: var(--cnvs-themecolor);
  --bs-btn-hover-border-color: var(--cnvs-themecolor);
  --bs-btn-hover-bg: var(--cnvs-themecolor);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  background-color: var(--bs-btn-bg);
}

.subscribe-widget .btn:hover {
  border-color: rgba(var(--cnvs-themecolor-rgb), 0.9) !important;
  background-color: rgba(var(--cnvs-themecolor-rgb), 0.9) !important;
}

.page_shop .grid-filter{
	border:0;
	display:block;
}
.page_shop .grid-filter li.activeFilter a{
	background:transparent!important;
	padding:0 0.25rem 0 0.75rem!important;
	color:#40c0cb!important;
	font-weight: normal!important;
	margin:0!important;
}

/* ========== Price & Discount ========== */

.product-price {
	display: inline-flex !important;
	align-items: flex-end;
	gap: 6px;
}

.product-price ins {
	line-height: 1;
}

.product-price del {
	font-size: 0.7em !important;
	opacity: 0.5;
	line-height: 1;
}

.product-price .price-off {
	background: #e63946;
	color: #fff;
	font-size: 0.55em;
	font-weight: 700;
	padding: 1px 5px;
	border-radius: 3px;
	letter-spacing: 0.02em;
	white-space: nowrap;
	line-height: 1.4;
}

/* Detail page specific overrides */
.single-product .product-price {
	gap: 10px;
}

.single-product .product-price ins {
	font-size: 1.85rem;
	font-weight: 700;
}

.single-product .product-price del {
	font-size: 0.85rem !important;
	opacity: 0.45;
	font-weight: 400;
}

.single-product .product-price .price-off {
	font-size: 0.75rem;
	padding: 2px 8px;
	border-radius: 3px;
}

/* ========== Mobile header: logo + icons on one line ========== */
@media (max-width: 991.98px) {
	#logo {
		max-width: calc(100% - 140px);
	}
}