/* ==========================================================================
   Package Categories Loop - base structural CSS.
   Colors / fonts / spacing okkoma Elementor Style tab eken control karanawa.
   Meke thiyenne layout witharai (grid, flex, box-sizing).
   ========================================================================== */

.pc-grid {
	--pc-columns: 3;
	--pc-gap: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	width: 100%;
}

.pc-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-sizing: border-box;
	flex-grow: 0;
	flex-shrink: 0;
	/* Card width eka columns count eka + gap eken calculate karanawa, gap ekak
	   dෙ card athara adui wena widihata. Meka thamai incomplete last row eka
	   "columns" tika fill wenne nathuwa center karanna puluwan wenne - plain
	   CSS grid ekakin meka karanna bae, ehema grid-track eka locked wenawa. */
	flex-basis: calc( ( 100% - ( var(--pc-columns) - 1 ) * var(--pc-gap) ) / var(--pc-columns) );
	max-width: calc( ( 100% - ( var(--pc-columns) - 1 ) * var(--pc-gap) ) / var(--pc-columns) );
}

.pc-card * {
	box-sizing: border-box;
}

.pc-card-image-wrap {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.pc-card-image-wrap img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.pc-card-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.pc-card-title {
	margin: 0;
}

.pc-card-button-wrap {
	display: flex;
}

.pc-card-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.25s ease;
}

.pc-card-badge-wrap {
	display: flex;
}

.pc-card-badge {
	display: inline-flex;
	align-items: center;
}

.pc-card-list-wrap {
	width: 100%;
	position: relative;
}

.pc-card-list-wrap .pc-card-badge-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	transform: translateY(-50%);
	z-index: 2;
	padding: 0 20px;
}

.pc-card-list-wrap .pc-card-list,
.pc-card-list-wrap .pc-card-empty-list {
	margin-top: 20px;
}

.pc-card-list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.pc-card-list li {
	display: flex;
	align-items: center;
	width: 100%;
}

.pc-card-list li a {
	text-decoration: none;
	display: block;
	width: 100%;
}

.pc-card-list-icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.pc-card-list-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.pc-card-empty-list {
	opacity: 0.7;
	font-style: italic;
}

.pc-card-viewall {
	display: inline-block;
	text-decoration: none;
}

/* Hardcoded breakpoints eka mehen ain kara. "Columns" responsive control eka
   (Elementor eke device breakpoints use karana eka) mekata wada authority ekak.
   Duplicate/conflicting rule ekak thibunama tamai canvas eka resize wena
   welawe (panel collapse/expand) grid eka double-reflow wela badge eka
   "jump" wagee penena eka hethuwa. */