/**
 * global_grid_table - ready for var
 * @version	1.2.0
 * @release	22-05-2024
 * @author	msolowski Marcin Sołowski
 * @website	msolowski.pl
 */

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

/*	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);
}

.global_grid_table.is_layout_lines_vertical
{
	gap: var(--size);
}

.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_30);
	padding-right: var(--global_size_30);
	padding-bottom: var(--global_size_30);
	padding-left: var(--global_size_30);
	display: flex;
	align-items: center;
	transition: var(--global_transition);
}

.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-block-start: 0;
	inset-inline-start: calc(var(--line_offset) * -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);
}

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

.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)
{
	.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)
{
}