/*
 * Cannamedical Brand Products — Frontend Styles (Accordion + Search + Load More)
 */

:root{
	--cbp-transition-speed: .25s;
	--cbp-transition-fn:    ease;
	--cbp-transition:       var(--cbp-transition-speed) var(--cbp-transition-fn);
	--cbp-accordion-speed:  .35s;
	--cbp-border-color:     #CBCBCB;
	--cbp-bg-beige:         #F8F4EF;
	--cbp-bg-light:         #FAFAFA;
	--cbp-text-dark:        #575756;
	--cbp-text-muted:       #848484;
	--cbp-hover-bg:         rgba(86, 142, 47, 0.05);
}

/* ── Wrapper ─────────────────────────────────────────── */
.cbp-wrapper{
	display:flex;
	flex-direction:column;
	gap:2.5rem;
	width:100%;
}

/* ── Search ──────────────────────────────────────────── */
.cbp-wrapper .cbp-search input{
	color:var(--cbp-text-dark);
	padding:1rem 0 1rem 3rem;
	border-radius:0;
	border:none;
	border-bottom:1px solid var(--cbp-text-dark);
	background-color:var(--cbp-bg-light);
	background-image:url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5898 18.89C12.3648 18.8897 14.0886 18.2954 15.4868 17.202L19.8828 21.598L21.2968 20.184L16.9008 15.788C17.9948 14.3897 18.5894 12.6655 18.5898 10.89C18.5898 6.47901 15.0008 2.89001 10.5898 2.89001C6.17884 2.89001 2.58984 6.47901 2.58984 10.89C2.58984 15.301 6.17884 18.89 10.5898 18.89ZM10.5898 4.89001C13.8988 4.89001 16.5898 7.58101 16.5898 10.89C16.5898 14.199 13.8988 16.89 10.5898 16.89C7.28084 16.89 4.58984 14.199 4.58984 10.89C4.58984 7.58101 7.28084 4.89001 10.5898 4.89001Z' fill='%23568E2F'/%3E%3C/svg%3E%0A");
	background-size:1.5rem;
	background-position:1rem 50%;
	background-repeat:no-repeat;
	font-family:inherit;
	font-weight:300;
	transition:var(--cbp-transition);
}

/* ── Accordion item ──────────────────────────────────── */
.cbp-wrapper .cbp-item{
	border-bottom:1px solid var(--cbp-border-color);
}
.cbp-wrapper .cbp-item:first-child{
	border-top:1px solid var(--cbp-border-color);
}

/* ── Accordion header ────────────────────────────────── */
.cbp-wrapper .cbp-item__header{
	width:100%;
	display:flex;
	padding:1.5rem 0;
	align-items:center;
	justify-content:space-between;
	border:none;
	font-family:inherit;
	background:transparent !important;
	color:inherit !important;
	font-size:1.125rem;
	font-weight:600;
	cursor:pointer;
	transition:background var(--cbp-transition), color var(--cbp-transition);
}
.cbp-wrapper .cbp-item__header:hover{
	background:var(--cbp-hover-bg) !important;
	color:var(--e-global-color-accent) !important;
}

/* ── Chevron ─────────────────────────────────────────── */
.cbp-wrapper .cbp-item__header .cbp-chevron{
	width:2rem;
	height:2rem;
	background-image:url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.6181 12.1768C23.7158 12.0792 23.874 12.0791 23.9716 12.1768L24.3251 12.5303C24.4228 12.6279 24.4227 12.7861 24.3251 12.8838L16.6787 20.5303C16.581 20.6279 16.4228 20.6279 16.3251 20.5303L8.67869 12.8838C8.58107 12.7861 8.58106 12.6279 8.67869 12.5303L9.0322 12.1768C9.12982 12.0791 9.28808 12.0791 9.38572 12.1768L16.5019 19.293L23.6181 12.1768Z' fill='%23CBCBCB' stroke='%23CBCBCB'/%3E%3C/svg%3E%0A");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	transition:transform var(--cbp-transition);
	flex-shrink:0;
}
.cbp-wrapper .cbp-item__header[aria-expanded="true"] .cbp-chevron{
	transform:scale(1,-1);
}

@media screen and (max-width:1023px){
	.cbp-wrapper .cbp-item__header{
		padding:1rem 0;
		font-size:1rem;
	}
	.cbp-wrapper .cbp-item__header:hover{
		background:transparent !important;
		color:inherit !important;
	}
	.cbp-wrapper .cbp-item__header .cbp-chevron{
		width:1.5rem;
		height:1.5rem;
	}
}

/* ── Accordion body ──────────────────────────────────── */
.cbp-item__body{
	display:flex;
	flex-direction:column;
	overflow:hidden;
	transition:max-height var(--cbp-accordion-speed) var(--cbp-transition-fn),
	           opacity var(--cbp-transition);
	gap:5rem;
	max-height:0;
	opacity:0;
}
.cbp-item__body.is-open{
	opacity:1;
}

/* ── Content: image + info ───────────────────────────── */
.cbp-item__content{
	padding-top:1.25rem;
}
.cbp-item__body .cbp-item__content{
	display:flex;
	flex-flow:row nowrap;
	gap:5.625rem;
	align-items:flex-start;
	justify-content:space-between;
}

/* Product image */
.cbp-item__body .cbp-item__image{
	min-width:25rem;
	width:25rem;
	aspect-ratio:1 / 1;
	background:var(--cbp-bg-beige);
}
.cbp-item__body .cbp-item__image > img{
	width:100%;
	aspect-ratio:1 / 1;
	object-fit:contain;
	display:flex;
}

/* Product name + section title */
.cbp-item__body .cbp-item__product-name,
.cbp-item__body .cbp-item__section-title{
	margin:0 0 1.25rem;
	font-size:1.125rem;
	line-height:1.42;
	text-transform:uppercase;
	font-weight:600;
}

/* Description */
.cbp-item__body .cbp-item__description{
	margin-bottom:2.5rem;
	font-size:1rem;
}

/* Packaging thumbnails */
.cbp-item__body .cbp-item__packaging-thumbs{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:0.75rem;
}
.cbp-item__body .cbp-item__packaging-thumbs img{
	aspect-ratio:1 / 1;
	display:flex;
	object-fit:contain;
	width:100%;
	background:var(--cbp-bg-beige);
}

@media screen and (max-width:1023px){
	.cbp-item__body{
		gap:2.5rem;
	}
	.cbp-item__body .cbp-item__content{
		flex-flow:column wrap;
		gap:1.25rem;
	}
	.cbp-item__body .cbp-item__image{
		min-width:auto;
		max-width:100%;
		width:100%;
	}
	.cbp-item__body .cbp-downloads{
		padding-bottom:2.5rem;
	}
	.cbp-item__body .cbp-item__packaging-thumbs{
		grid-template-columns:repeat(2,1fr);
	}
}

/* ── Downloads ───────────────────────────────────────── */
.cbp-downloads{
	display:flex;
	flex-direction:column;
}
.cbp-item__body .cbp-downloads{
	padding-bottom:5rem;
}
.cbp-downloads .cbp-downloads__header{
	padding:1.25rem 0;
	text-align:center;
	font-size:1.125rem;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:600;
	background:var(--e-global-color-accent);
}
.cbp-downloads .cbp-downloads__list{
	display:flex;
	flex-direction:column;
	margin-bottom:1.875rem;
}

/* Download row */
.cbp-downloads .cbp-downloads__list .cbp-dl-row{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	padding:1.875rem;
	border-bottom:1px solid var(--cbp-text-muted);
	transition:background var(--cbp-transition), color var(--cbp-transition);
	font-size:1rem;
	font-weight:500;
}
.cbp-downloads .cbp-downloads__list .cbp-dl-row:hover{
	background:var(--cbp-hover-bg);
	color:var(--e-global-color-accent);
}

/* Download icon button */
.cbp-downloads .cbp-dl-row__btn{
	width:2.5rem;
	height:2.5rem;
	transition:background-image var(--cbp-transition);
	background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9987 25.9616L14.1004 20.0649L15.2804 18.8649L19.1654 22.7499V8.33325H20.832V22.7499L24.7154 18.8666L25.897 20.0649L19.9987 25.9616ZM8.33203 31.6666V24.9366H9.9987V29.9999H29.9987V24.9366H31.6654V31.6666H8.33203Z' fill='%23575756'/%3E%3C/svg%3E%0A");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:block;
	flex-shrink:0;
}
.cbp-downloads .cbp-dl-row__btn:hover{
	background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9987 25.9616L14.1004 20.0649L15.2804 18.8649L19.1654 22.7499V8.33325H20.832V22.7499L24.7154 18.8666L25.897 20.0649L19.9987 25.9616ZM8.33203 31.6666V24.9366H9.9987V29.9999H29.9987V24.9366H31.6654V31.6666H8.33203Z' fill='%23568E2F'/%3E%3C/svg%3E%0A");
}

/* ── Download all + Load more buttons ────────────────── */
.cbp-download-all .cbp-download-all__btn,
.cbp-load-more__btn{
	min-width:21.875rem;
	display:flex;
	padding:0 !important;
	align-items:center;
	justify-content:center;
	gap:0.625rem;
	font-size:1rem !important;
	text-transform:uppercase;
	height:4.625rem;
	border:1px solid var(--e-global-color-accent) !important;
	color:var(--e-global-color-accent) !important;
	background:transparent !important;
	transition:background var(--cbp-transition), color var(--cbp-transition);
	line-height:1 !important;
	font-weight:600 !important;
	cursor:pointer;
	font-family:inherit;
	border-radius:0;
}
.cbp-load-more{
	text-align:center;
}
.cbp-download-all .cbp-download-all__btn::after{
	content:"";
	transition:background-image var(--cbp-transition);
	width:2.5rem;
	height:2.5rem;
	background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9987 25.9616L14.1004 20.0649L15.2804 18.8649L19.1654 22.7499V8.33325H20.832V22.7499L24.7154 18.8666L25.897 20.0649L19.9987 25.9616ZM8.33203 31.6666V24.9366H9.9987V29.9999H29.9987V24.9366H31.6654V31.6666H8.33203Z' fill='%23568E2F'/%3E%3C/svg%3E%0A");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}

@media (hover:hover){
	.cbp-download-all .cbp-download-all__btn:hover,
	.cbp-load-more__btn:hover{
		color:#FFFFFF !important;
		background:var(--e-global-color-accent) !important;
	}
	.cbp-download-all .cbp-download-all__btn:hover::after{
		background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9987 25.9616L14.1004 20.0649L15.2804 18.8649L19.1654 22.7499V8.33325H20.832V22.7499L24.7154 18.8666L25.897 20.0649L19.9987 25.9616ZM8.33203 31.6666V24.9366H9.9987V29.9999H29.9987V24.9366H31.6654V31.6666H8.33203Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
	}
}

@media screen and (max-width:1023px){
	.cbp-downloads .cbp-downloads__header{
		padding:1rem 0;
	}
	.cbp-downloads .cbp-downloads__list{
		margin-bottom:1.5rem;
	}
	.cbp-downloads .cbp-downloads__list .cbp-dl-row{
		padding:1rem;
	}
	.cbp-downloads .cbp-dl-row__btn{
		width:1.25rem;
		height:1.25rem;
	}
	.cbp-download-all .cbp-download-all__btn,
	.cbp-load-more__btn{
		min-width:100%;
		height:3.5rem;
		font-size:0.75rem !important;
	}
	.cbp-download-all .cbp-download-all__btn::after{
		width:1.25rem;
		height:1.25rem;
	}
}

/* ── Spinner ─────────────────────────────────────────── */
.cbp-spinner{
	display:flex;
	justify-content:center;
	padding:2rem 0;
}
.cbp-spinner__dot{
	width:2rem;
	height:2rem;
	border:3px solid var(--cbp-border-color);
	border-top-color:var(--e-global-color-accent, #568E2F);
	border-radius:50%;
	animation:cbp-spin var(--cbp-transition-speed) linear infinite;
}
@keyframes cbp-spin{
	to{ transform:rotate(360deg); }
}

/* ── No results / empty ──────────────────────────────── */
.cbp-no-results,
.cbp-empty{
	color:var(--cbp-text-muted);
	font-size:1rem;
	padding:2rem 0;
	text-align:center;
}