/**
 * section_table
 * @version	1.2.0
 * @release	15-05-2024
 * @author	msolowski Marcin Sołowski
 * @website	msolowski.pl
 */

.section_table.is_background_dark .table
{
	color: var(--root_color_white);
}

/**********************************************************************************/

.table_wrapper
{
	scrollbar-width: thin;
	scrollbar-color: var(--root_color_black) var(--root_color_white);
	white-space: nowrap;
}

/* Chrome, Edge, Safari */
.table_wrapper::-webkit-scrollbar
{
	width: 8px;
	height: 8px;
	background-color: var(--root_color_white);
}

.table_wrapper::-webkit-scrollbar-track
{
	background-color: var(--root_color_white);
	border-radius: 0;
}

.table_wrapper::-webkit-scrollbar-thumb
{
	background-color: var(--root_color_black);
	border-radius: 0;
}

.global_grid_table
{
	--size: 2px;
	--line_offset: calc(var(--size) * 0.5);
	--line_thickness: calc(var(--size) * 0.5);
	--line_color: #e5e5e5;

/*	display: grid; */
/*	grid-template-columns: repeat(3, minmax(0, 1fr)); */
	overflow: hidden;
/*	grid-auto-rows: 1fr; */
	border-style: solid;
	border-color: var(--line_color);
	border-width: var(--line_thickness);
	border-top: 0;
	border-left: 0;
/*	border-right: 0; */
/*	border-bottom: 0; */
	width: max-content;
	min-width: 100%;
}

.global_grid_table.is_layout_lines_vertical
{
	gap: var(--size);
	row-gap: calc(var(--size) * 0.5);
	column-gap: calc(var(--size) * 0.5);
}

.is_background_dark .global_grid_table
{
	--line_color: var(--root_color_white);
/*	dopisac obsluge background dark dla wszystkich elementow ktore beda mogly byc rozroznialne w zaleznosci od tla */
}

.global_grid_table > *
{
	position: relative;
	padding-top: var(--global_size_20);
	padding-right: var(--global_size_15);
	padding-bottom: var(--global_size_20);
	padding-left: var(--global_size_15);
	display: flex;
	align-items: center;
	transition: var(--global_transition);
	justify-content: center;
	background-color: var(--root_color_white);
	word-break: keep-all;
}

.global_grid_table > * .image
{
	--min_icon_size: 45;
	--max_icon_size: 70;
	--icon_size:
		clamp(calc(var(--min_icon_size) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_icon_size) - var(--min_icon_size)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_icon_size)) * 1px)
		+ ((var(--max_icon_size) - var(--min_icon_size)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_icon_size) * 1px));
	max-width: var(--icon_size);
}

.global_grid_table > *.header
{
	padding-top: var(--global_size_10);
	padding-bottom: var(--global_size_10);
	background-color: #f0f0f0;
	color: var(--root_color_dark);
	font-weight: 500;
}

.global_grid_table > *.first_in_row
{
	justify-content: flex-start;
	background-color: var(--root_color_dark);
	color: var(--root_color_white);
	font-weight: 500;
}

.global_grid_table > *.first_in_row::after
{
	background-color: #7A8784;
}

.global_grid_table > *.is_empty
{
	background-color: transparent;
}

.global_grid_table.is_layout_lines_vertical > *::before
{
	content: '';
	position: absolute;
	background-color: var(--line_color);
	z-index: 1;
	inline-size: var(--line_thickness);
	block-size: 100vh;
	inset-inline-start: calc(var(--line_offset) * -1);
/*	inset-inline-start: calc(100% + var(--line_offset) * -1); */
	inset-block-start: 0;
	opacity: 1;
}

.global_grid_table > *::after
{
	content: '';
	position: absolute;
	background-color: var(--line_color);
	z-index: 1;
	inline-size: 100vw;
	block-size: var(--line_thickness);
	inset-inline-start: 0;
	inset-block-start: calc(var(--line_offset) * -1);
/*	inset-block-start: calc(100% + var(--line_offset) * -1); */
}

.global_grid_table > *.header::before
{
	background-color: var(--root_color_white);
}

/**********************************************************************************/

.global_grid_table.is_css_d_grid.ggt_gtc_auto_x
{
	grid-template-columns: repeat(var(--columns_count), auto);
}

/**********************************************************************************/

.global_grid_table.is_css_d_grid.ggt_gtc_1_fr_x
{
	grid-template-columns: repeat(var(--columns_count), 1fr);
}

/**********************************************************************************/

.global_grid_table.is_css_d_grid.ggt_gtc_2fr_1_fr_x
{
	grid-template-columns: repeat(calc(var(--columns_count) + 1), 1fr);
}

.global_grid_table.is_css_d_grid.ggt_gtc_2fr_1_fr_x.nth_child_2n > *:nth-child(2n+1),
.global_grid_table.is_css_d_grid.ggt_gtc_2fr_1_fr_x.nth_child_3n > *:nth-child(3n+1),
.global_grid_table.is_css_d_grid.ggt_gtc_2fr_1_fr_x.nth_child_4n > *:nth-child(4n+1)
{
	grid-column: span 2;
}

/**********************************************************************************/

.global_grid_table.is_css_d_grid.ggt_gtc_1fr_2_fr_x
{
	grid-template-columns: repeat(calc((var(--columns_count) * 2) - 1), 1fr);
}

.global_grid_table.is_css_d_grid.ggt_gtc_1fr_2_fr_x.nth_child_2n > *,
.global_grid_table.is_css_d_grid.ggt_gtc_1fr_2_fr_x.nth_child_3n > *,
.global_grid_table.is_css_d_grid.ggt_gtc_1fr_2_fr_x.nth_child_4n > *
{
	grid-column: span 2;
}

.global_grid_table.is_css_d_grid.ggt_gtc_1fr_2_fr_x.nth_child_2n > *:nth-child(2n+1),
.global_grid_table.is_css_d_grid.ggt_gtc_1fr_2_fr_x.nth_child_3n > *:nth-child(3n+1),
.global_grid_table.is_css_d_grid.ggt_gtc_1fr_2_fr_x.nth_child_4n > *:nth-child(4n+1)
{
	grid-column: span 1;
	padding-left: var(--global_size_50);
}

/**********************************************************************************/

.global_grid_table.ggt_hover.nth_child_2n > *:nth-child(2n+1):hover,
.global_grid_table.ggt_hover.nth_child_2n > *:nth-child(2n+1):hover + *,
.global_grid_table.ggt_hover.nth_child_3n > *:nth-child(3n+1):hover,
.global_grid_table.ggt_hover.nth_child_3n > *:nth-child(3n+1):hover + *,
.global_grid_table.ggt_hover.nth_child_3n > *:nth-child(3n+1):hover + * + *,
.global_grid_table.ggt_hover.nth_child_4n > *:nth-child(4n+1):hover,
.global_grid_table.ggt_hover.nth_child_4n > *:nth-child(4n+1):hover + *,
.global_grid_table.ggt_hover.nth_child_4n > *:nth-child(4n+1):hover + * + *,
.global_grid_table.ggt_hover.nth_child_4n > *:nth-child(4n+1):hover + * + * + *
{
	background-color: rgba(0, 0, 0, 0.1);
}

.is_background_dark .global_grid_table.ggt_hover.nth_child_2n > *:nth-child(2n+1):hover,
.is_background_dark .global_grid_table.ggt_hover.nth_child_2n > *:nth-child(2n+1):hover + *,
.is_background_dark .global_grid_table.ggt_hover.nth_child_3n > *:nth-child(3n+1):hover,
.is_background_dark .global_grid_table.ggt_hover.nth_child_3n > *:nth-child(3n+1):hover + *,
.is_background_dark .global_grid_table.ggt_hover.nth_child_3n > *:nth-child(3n+1):hover + * + *,
.is_background_dark .global_grid_table.ggt_hover.nth_child_4n > *:nth-child(4n+1):hover,
.is_background_dark .global_grid_table.ggt_hover.nth_child_4n > *:nth-child(4n+1):hover + *,
.is_background_dark .global_grid_table.ggt_hover.nth_child_4n > *:nth-child(4n+1):hover + * + *,
.is_background_dark .global_grid_table.ggt_hover.nth_child_4n > *:nth-child(4n+1):hover + * + * + *
{
	background-color: rgba(255, 255, 255, 0.15);
}

/**********************************************************************************/

.global_grid_table.nth_child_2n > *:nth-child(2n+1),
.global_grid_table.nth_child_3n > *:nth-child(3n+1),
.global_grid_table.nth_child_4n > *:nth-child(4n+1)
{
/*	font-weight: 500; */
}

/**********************************************************************************/

@media screen and (max-width: 1680px)
{
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
}

@media screen and (max-width: 1366px)
{
}

@media screen and (max-width: 1300px)
{
}

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
	.table_wrapper
	{
		overflow-x: scroll;
	}
	
	.global_grid_table.is_css_d_grid.ggt_gtc_auto_x
	{
	/*	grid-template-columns: 100%; */
	}

	/**********************************************************************************/

	.global_grid_table.is_css_d_grid.ggt_gtc_1_fr_x
	{
		grid-template-columns: 100%;
	}

	/**********************************************************************************/

	.global_grid_table.is_css_d_grid.ggt_gtc_2fr_1_fr_x
	{
		grid-template-columns: 100%;
	}

	/**********************************************************************************/

	.global_grid_table.is_css_d_grid.nth_child_2n
	{
		grid-template-columns: 100%;
	}

	/**********************************************************************************/

	.global_grid_table.is_layout_lines_vertical
	{
		gap: 0;
	}

	.global_grid_table.is_css_d_grid.ggt_gtc_1fr_2_fr_x.nth_child_2n > *:nth-child(2n+1),
	.global_grid_table.is_css_d_grid.ggt_gtc_1fr_2_fr_x.nth_child_3n > *:nth-child(3n+1),
	.global_grid_table.is_css_d_grid.ggt_gtc_1fr_2_fr_x.nth_child_4n > *:nth-child(4n+1)
	{
		padding-left: var(--global_size_30);
	}

	.global_grid_table.nth_child_2n > *:nth-child(2n+1),
	.global_grid_table.nth_child_3n > *:nth-child(3n+1),
	.global_grid_table.nth_child_3n > *:nth-child(3n+1) + *,
	.global_grid_table.nth_child_4n > *:nth-child(4n+1),
	.global_grid_table.nth_child_4n > *:nth-child(4n+1) + *,
	.global_grid_table.nth_child_4n > *:nth-child(4n+1) + * + *
	{
	/*	padding-bottom: 0; */
	}

	.global_grid_table > *.is_empty
	{
		padding-bottom: 0;
	}

	.global_grid_table > *.is_empty + *.is_empty 
	{
		padding-top: 0;
	}

	.global_grid_table > *::after
	{
		visibility: hidden;
	}

	.global_grid_table.nth_child_2n > *:nth-child(2n+1)::after,
	.global_grid_table.nth_child_3n > *:nth-child(3n+1)::after,
	.global_grid_table.nth_child_4n > *:nth-child(4n+1)::after
	{
		visibility: visible;
	}
}

@media screen and (max-width: 800px)
{
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}