/**

 * Таб «Документація» на сторінці товару WooCommerce.

 */



.woocommerce-tabs #tab-suntime_documents {

	padding-top: 1.5em;

}



.suntime-pd-grid {

	display: grid;

	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

	gap: 20px;

	margin: 0;

}



.suntime-pd-card {

	display: flex;

	align-items: center;

	gap: 18px;

	padding: 20px 22px;

	border: 1px solid var(--theme-color-bd_color, #d4e3f0);

	border-radius: 12px;

	background-color: var(--theme-color-alter_bg_color, #fff);

	color: var(--theme-color-text_dark, #031036);

	text-decoration: none !important;

	transition:

		border-color 0.25s ease,

		box-shadow 0.25s ease,

		transform 0.25s ease;

}



.suntime-pd-card:hover,

.suntime-pd-card:focus {

	border-color: var(--st-color-blue, #2090f0);

	box-shadow: 0 10px 24px rgba(3, 16, 54, 0.08);

	transform: translateY(-2px);

	color: var(--theme-color-text_dark, #031036);

}



.suntime-pd-card__icon {

	flex: 0 0 auto;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 56px;

	height: 56px;

	border-radius: 10px;

	background-color: var(--st-color-blue-soft, rgba(32, 144, 240, 0.12));

	color: var(--st-color-blue, #2090f0);

}



.suntime-pd-card__body {

	flex: 1 1 auto;

	display: flex;

	flex-direction: column;

	gap: 4px;

	min-width: 0;

}



.suntime-pd-card__title {

	font-weight: 600;

	font-size: 17px;

	line-height: 1.25;

	color: inherit;

}



.suntime-pd-card__subtitle {

	font-size: 14px;

	line-height: 1.3;

	color: var(--theme-color-text_light, #5a7186);

}



.suntime-pd-card__meta {

	display: inline-flex;

	align-items: center;

	gap: 10px;

	margin-top: 4px;

	font-size: 12px;

	color: var(--theme-color-text_light, #5a7186);

}



.suntime-pd-card__ext {

	display: inline-block;

	padding: 2px 8px;

	border-radius: 4px;

	background-color: var(--st-color-yellow-soft, rgba(255, 208, 0, 0.2));

	color: var(--st-color-navy, #031036);

	font-weight: 700;

	letter-spacing: 0.04em;

	text-transform: uppercase;

}



.suntime-pd-card__action {

	flex: 0 0 auto;

	color: var(--st-color-primary, #ef533f);

	transition: transform 0.25s ease, color 0.25s ease;

}



.suntime-pd-card:hover .suntime-pd-card__action,

.suntime-pd-card:focus .suntime-pd-card__action {

	transform: translateY(2px);

	color: var(--st-color-primary-hover, #d94432);

}



.suntime-pd-card__clicks {

	display: inline-flex;

	align-items: center;

	gap: 6px;

	margin-left: 8px;

	padding: 2px 8px;

	border-radius: 999px;

	background-color: var(--st-color-blue-bg, #eef6fd);

	color: var(--theme-color-text_light, #5a7186);

	font-size: 11px;

	letter-spacing: 0.02em;

}



@media (max-width: 480px) {

	.suntime-pd-card {

		padding: 16px;

		gap: 14px;

	}



	.suntime-pd-card__icon {

		width: 48px;

		height: 48px;

	}



	.suntime-pd-card__title {

		font-size: 15px;

	}

}