/*plate*/
.plate{
  position:relative;
  /*float:left;*/
  display:inline-block;
  /*border:var(--gapsize) solid var(--border-bright); */
  border-right:var(--gapsize) solid;
  border-bottom:var(--gapsize) solid;
  border-color: var(--border-bright);
  z-index:1;
  /*background:currentcolor;*/
  background-color:inherit;
  background:inherit;

	display:flex;
	flex-wrap: nowrap;
	flex: 0 0 auto;
	
	
}
.plate::before{
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    border-style: solid;
    border-color: rgba(255,255,255,0.2);
    /*border-color: var(--border-bright);*/
    border-top-width:var(--gapsize);
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    top: 0;
    left: 0;
    opacity: 0.5;
}
.plate::after {
  content: "";
  background-image: url(/assets/texture/LEGO_1x1_transparent_TEXURE.png) !important;
  /*background-image: url(/assets/texture/TEXTURE_PLATE_3x3.png) !important;*/
  /*background-image: url(/assets/texture/TEXTURE_HOLEY_BRICK_1x1.png) !important;*/
  /*background-image: url(/assets/texture/TEXTURE_TECHNIC_BRICK_1x1.png);*/
  background-repeat:repeat;
  background-size:var(--block1) var(--block1);
  opacity: var(--plate-texture-opacity);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-style: solid;
  border-color: rgba(0,0,0,0.2);
  /*border-color: var(--border-bright);*/
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  /*border:none !important;*/
  /* position: absolute; */
  /* border:var(--gapsize) solid green; */
  /* z-index:-1; */
  display: block;
  width: 100%;
  height: 100%;
  box-sizing:border-box;
}

/*plate (dark-mode)*/
.dark-mode .plate::befor{
    border-color: var(--border-dark);
}
.dark-mode .plate::after{
    border-color: var(--border-dark);
}

/*studded - was f-left*/
.studded {
  /*overflow:hidden;*/
  position:relative;
}
/*ORIGINAL-dev mode*/
.studded::after {
  content: "";
  background-image: url(/assets/texture/LEGO_1x1_transparent_TEXURE.png) !important;
  /*background-image: url(/assets/texture/TEXTURE_PLATE_3x3.png) !important;*/
  /*background-image: url(/assets/texture/TEXTURE_HOLEY_BRICK_1x1.png) !important;*/
  /*background-image: url(/assets/texture/TEXTURE_TECHNIC_BRICK_1x1.png);*/
  background-repeat:repeat;
  background-size:var(--block1) var(--block1);
  opacity: var(--plate-texture-opacity);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /* border:var(--gapsize) solid green; */
  /* z-index:-1; */
  display: block;
  position: absolute; 
  width: 100%;
  height: 100%;
  /*z-index:-1;*/
}

/*sloped - ÉK*/
.sloped{
  position:relative;
  /*content: "";*/
  background-image: url(/assets/texture/sloped/noisy.png) !important;
  /*background-image: url(/assets/texture/TEXTURE_PLATE_3x3.png) !important;*/
  /*background-image: url(/assets/texture/TEXTURE_HOLEY_BRICK_1x1.png) !important;*/
  /*background-image: url(/assets/texture/TEXTURE_TECHNIC_BRICK_1x1.png);*/
  background-repeat:repeat;
  /*background-size:var(--block1) var(--block1);*/
  opacity: var(--plate-texture-opacity);
  /*top: 0;*/
  /*left: 0;*/
  /*bottom: 0;*/
  /*right: 0;*/
  /* border:var(--gapsize) solid green; */
  /* z-index:-1; */
  /*display: block;*/
  /*position: absolute; */
  /*width: 100%;*/
  /*height: 100%;*/
}
.sloped:before{
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.1);
}

/*V-test*/
/*TEXTURES*/

body.product-textures .plate::after,
body.product-textures .studded::after
{
  background-image: url(/assets/texture/TEXTURE_PLATE_4x4.png) !important;
  /*background-size:26px 26px;*/
  /*background-position:center;*/
  /*--plate-texture-opacity:0.7 !important;*/
}

body.texture1 .plate::after,
body.texture1 .studded::after
{
  background-image: url(/assets/texture/TEXTURE_TECHNIC_BRICK_1x1.png) !important;
}

body.texture2 .plate::after,
body.texture2 .studded::after
{
  background-image: url(/assets/texture/TEXTURE_HOLEY_BRICK_1x1.png) !important;
}

/*TECHNIC-BRICK-TOP*/

.tplate{
  /*float:left;*/
  display:inline-block;
  /* border:var(--gapsize) solid var(--border-bright); */
  border-right:var(--gapsize) solid;
  border-bottom:var(--gapsize) solid;
  /*border-color: var(--border-bright);*/
  z-index:1;
  /*background:currentcolor;*/
  background-color:inherit;
  background:inherit;
}
.tplate::after,
.tstudded::after {
  content: "";
  background-image: url(/assets/texture/TEXTURE_TECHNIC_BRICK_1x1.png);
  background-repeat:repeat;
  background-size:var(--block1) var(--block1);
  opacity: var(--plate-texture-opacity);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: repeat;
  position: absolute; 
  /* border:var(--gapsize) solid green; */
  /* z-index:-1; */
  display: block;
  width: 100%;
  height: 100%;
}
.tstudded.v-center{
  background-repeat: no-repeat;
  background-repeat: repeat-x;  
  background-position: left center;
}

/*HOLEY-PLATE*/

.hplate{
  /*float:left;*/
  display:inline-block;
  /* border:var(--gapsize) solid var(--border-bright); */
  /*border-right:var(--gapsize) solid;*/
  /*border-bottom:var(--gapsize) solid;*/
  /*border-color: var(--border-bright);*/
  z-index:1;
  /*background:currentcolor;*/
  background-color:inherit;
  background:inherit;
  /*border*/
}
.hplate::after,
.hstudded::after {
  content: "";
  background-image: url(/assets/texture/TEXTURE_HOLEY_BRICK_1x1.png);
  background-repeat:repeat;
  background-size:var(--block1) var(--block1);
  /*opacity: var(--plate-texture-opacity);*/
  opacity:0.6;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: repeat;
  /* position: absolute; */
  /* border:var(--gapsize) solid green; */
  /* z-index:-1; */
  display: block;
  width: 100%;
  height: 100%;
  
}
.hplate.ctext:after,
.hstudded.ctext::after{
  background-repeat: no-repeat !important;
  /*background-repeat: repeat-x;  */
  background-position: center !important;
}

/*CLEAR-TRANSPARENT*/

.clear{
  background-color:transparent !important;
  border-right:var(--gapsize) solid transparent !important;
  border-bottom:var(--gapsize) solid transparent !important;
  border-color:transparent !important;
  
}
.clear::after{
  content:none !important;
}


.cleare{
  /*background-color:transparent !important;*/
  border-right:var(--gapsize) solid transparent !important;
  border-bottom:var(--gapsize) solid transparent !important;
  border-color:transparent !important;
  
}
.cleare::after{
  content:none !important;
}

/*FLAT*/
/*FLAT-FRAME-BOX*/

	.flat-box{
		display:inline-flex;
	}
	
	.flat{
		/*position:absolute;*/
		position:relative;
		/* border:var(--gapsize) solid #5d5d5d; */
		border-right:var(--gapsize) solid var(--border-bright);
		border-bottom:var(--gapsize) solid var(--border-bright);
		font-size:22px;
		line-height:25px;
		font-weight:600;
		font-family:Arial;
		color:black;
		
		z-index:1;
		
		float:left;
		
		display:flex;
		align-items:center;
		justify-content:center;
	
		/*display:flex;*/
		/*flex-wrap: wrap;*/
		/*flex: 0 0 auto;*/
	
	}
	.flat::before{
	    content: " ";
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    display: block;
	    border-style: solid;
	    border-color: rgba(255, 255, 255, 0.2);
	    border-top-width:var(--gapsize);
	    border-left-width: 0px;
	    border-right-width: 0px;
	    border-bottom-width: 0px;
	    background-color:transparent;
	    top: 0;
	    left: 0;
	    z-index:-1;
	    pointer-events: none;
	    opacity: 1; 
	}
	/*.flat::after{*/
	/*    content: " ";*/
	/*    position: absolute;*/
	/*    width: 100%;*/
	/*    height: 100%;*/
	/*    display: block;*/
	/*    border-style: solid;*/
	/*    border-color: rgba(255, 255, 255, 0.1);*/
	/*    border-top-width: 0px;*/
	/*    border-left-width: 0px;*/
	/*    border-right-width: 2px;*/
	/*    border-bottom-width: 0px;*/
	/*    top: 0;*/
	/*    left: 0;*/
	/*    z-index:-1;*/
	/*    pointer-events: none;*/
	/*    opacity: 1; */
	/*}*/
	
	/*box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.8);*/
	.flat.circle:before,
	.flat.clear::before{content:none;}
	/*.flat.clear::after{content:none;}*/
	
	.flat.rounded{
	  font-size:20px;
	  width:var(--block1);
	  height:var(--block1);
	}
	.flat.rounded::before{
	   			content: '';
	            position: absolute;
	            top: 0px;
	            left: 0px;
	            width: 100%;
	            height: 100%;
	            border-radius: 100% 100% 0 0;
	            transform: rotate(90deg);
	    border-top-width:var(--gapsize);
	    border-left-width:var(--gapsize);
	    border-right-width:var(--gapsize);
	    border-bottom-width: 0px;
	    border-color: rgba(255, 255, 255, 0.2);
	}

	.flat-text{
		font-size: 18px;
	    line-height: 25px;
	    font-weight: 500;
	    font-family: Arial;		
	}

/*
 * ? 
 * FLAT-M
 * ???? 
 */
 
	.flatM {
	    position: relative;
	    /*float:left;*/
	    /* width: var(--block1); */
	    /* height: var(--block2); */
	    z-index: 15;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    font-size: 12px;
	    font-weight: 600;
	    font-family: Arial;
	    text-transform: uppercase;
	    /* color: black; */
	    /* transform: rotate(-27deg); */
	    /* -webkit-box-shadow: 0px 5px 15px -2px rgb(0 0 0 / 37%); */
	    /* box-shadow: 0px 5px 15px -2px rgb(0 0 0 / 37%); */
	    /* z-index: 2; */
	}
	/*.flatM::before{*/
	/*    content: " ";*/
	/*    position: absolute;*/
	/*    width: 100%;*/
	/*    height: 100%;*/
	/*    display: block;*/
	/*    border-style: solid;*/
	/*    border-color: rgba(255, 255, 255, 0.8);*/
	/*    border-top-width: 2px;*/
	/*    border-left-width: 0px;*/
	/*    border-right-width: 0px;*/
	/*    border-bottom-width: 0px;*/
	/*    top: 0;*/
	/*    left: 0;*/
	/*    z-index:-1;*/
	/*    pointer-events: none;*/
	/*    opacity: 1; */
	/*}*/
	/*.flatM.clear::before{content:none;}*/

/*
 * ? 
 * FLAT-T
 * ???? 
 */
 
	.flat-t{
		position:absolute;
		width:var(--block4);
		height:var(--block1);
		z-index:15;  
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:12px;
		font-weight:600;
		font-family:Arial;
		text-transform:uppercase;
		/*color:black;*/
		/*transform:rotate(-27deg);*/
		-webkit-box-shadow: 0px 5px 15px -2px rgb(0 0 0 / 37%);
		box-shadow: 0px 5px 15px -2px rgb(0 0 0 / 37%);
		/*z-index: 2;  */
	}
	.flat-t-in{
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		font-size:11px;
		line-height:20px;
		font-weight:600;
		font-family:Arial;
		text-transform:uppercase;
	}
	.flat-t-la{
		width: 100%;
		text-align: center;
		border-color:#ffffff !important;
		box-sizing:border-box;
		display:flex;
		align-items:center;
		justify-content:center;
		min-height:var(--block1);
	}

/*
 * -------------
 * 2025 + NEWS
 * -------------
 * gap
 * rések
 * normál elemek közti illesztések (körbe)
 */
 
	.gap{}
	.gap > div:first-child {
		border-left:var(--gapsize) solid var(--border-bright);
	}
	.gap > div{
		border-right:var(--gapsize) solid var(--border-bright);
		border-bottom:var(--gapsize) solid var(--border-bright);
	}
	/*.gap > div:last-child {*/
		/*border-left:var(--gapsize) solid var(--border-bright);*/
	/*}*/


/*
 * gap-top ????
 * ....
 */
 
	.gap-t{}
	.gap-t > div:first-child {
		border-left:var(--gapsize) solid var(--border-bright);
	}
	.gap-t > div{
		border-right:var(--gapsize) solid var(--border-bright);
		border-bottom: 0px;
	}
	.gap-t > div:last-child {
		border-right: none !important;
	}

/*
 * gap-in 
 (between two elements)
 * egy soros, két elem közti illesztések, 
 * az első és az utolsó elem szélei nélkül
 */
 
	.gap-in{}
	.gap-in > div:first-child {
		border-left: none !important;
	}
	.gap-in > div{
		border-right:var(--gapsize) solid var(--border-bright);
		border-bottom: none !important;
	}
	.gap-in > div:last-child {
		border-right: none !important;
	}

/*
 * gap-horizontal
 * egy soros illesztések, csak horizontálisan
 */
 
	.gap-h{}
	.gap-h > div:first-child {
		border-left:var(--gapsize) solid var(--border-bright);
	}
	.gap-h > div{
		border-right:var(--gapsize) solid var(--border-bright);
		border-bottom: 0px;
	}
	.gap-h > div:last-child {
		/*border-right: none !important;*/
	}

/*
 * gap-vertical ?
 * egy soros illesztések, csak vertikálisan
 */
 
	.gap-v{}
	.gap-v > div:first-child {
		border-left:var(--gapsize) solid var(--border-bright);
	}
	.gap-v > div{
		border-right:var(--gapsize) solid var(--border-bright);
		border-bottom: 0px;
	}
	.gap-v > div:last-child {
		border-right: none !important;
	}

/*
 * gap-globals
 * illesztési finmítások
 */
 
	.gap > div::before,
	.gap-t > div::before,
	.gap-h > div::before,
	.gap-v > div::before
	{
	    content: " ";
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    display: block;
	    border-style: solid;
	    border-color: rgba(255, 255, 255, 0.2);
	    border-top-width:var(--gapsize);
	    border-left-width: 0px;
	    border-right-width: 0px;
	    border-bottom-width: 0px;
	    top: 0;
	    left: 0;
	    opacity: 0.5;
	}

/*
 * gap-specs
 * egyéni deklarációk
 */
 
	.gap-top{
		border-top:var(--gapsize) solid var(--border-bright);
	}
	
	.gap-top::before,
	.gap-bottom::before
	{
	    content: " ";
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    display: block;
	    border-style: solid;
	    border-color: rgba(255, 255, 255, 0.2);
	    border-top-width:var(--gapsize);
	    border-left-width: 0px;
	    border-right-width: 0px;
	    border-bottom-width: 0px;
	    top: 0;
	    left: 0;
	    opacity: 0.5;
	}

	.gap-none-top{
	  
	}
	
	.dark-mode .gap-none-top{
		border-top:var(--gapsize) solid var(--border-bright);
	}

	.dark-mode .gap-none-top::before
	{
	    content: " ";
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    display: block;
	    border-style: solid;
	    border-color: rgba(255, 255, 255, 0.2);
	    border-top-width:var(--gapsize);
	    border-left-width: 0px;
	    border-right-width: 0px;
	    border-bottom-width: 0px;
	    top: 0;
	    left: 0;
	    opacity: 0.5;
	}

	.gap-right{
		border-right:var(--gapsize) solid var(--border-bright) !important;
	}
	.gap-bottom{
		border-bottom:var(--gapsize) solid var(--border-bright) !important;
	}
	.gap-left{
		border-left:var(--gapsize) solid var(--border-bright);
	}
	
	/**Clear**/
	.clear-gap-top,
	.clear-gap-top > div{
		border-top:none !important;
	}
	.clear-gap-top:after,.clear-gap-top:before{content:none !important;}

	.clear-gap-bottom,
	.clear-gap-bottom > div{
		border-bottom:none !important;
	}	
	/*.clear-gap-bottom:after,.clear-gap-bottom:before{content:none !important;}*/
	
	.clear-gap-right
	/*,.clear-gap-right > div*/
	{

		border-right:none !important;
	}	
	
	.clear-gap-left
	/*,.clear-gap-left > div*/
	{
		border-left:none !important;
	}

	/**/

/*
 *
 *
 */

	.gap-clear-edges > div:first-child {
		border-left: none !important;
	}
	.gap-clear-edges > div:last-child {
		border-right: none !important;
	}

/*
 * seam - illesztési rés
 * törölhető ha nem kell !?
 * /

	.seam{
		
	}
	.seam > div:first-child {
		border-left:var(--gapsize) solid var(--border-bright);
	}
	.seam > div:last-child {
	}
	.seam-plate{
		border-right:var(--gapsize) solid var(--border-bright);
		border-bottom:var(--gapsize) solid var(--border-bright);
	}
	.seam-top{
		border-top:var(--gapsize) solid var(--border-bright);
	}
	.seam-right{
		border-right:var(--gapsize) solid var(--border-bright);
	}
	.seam-bottom{
		border-bottom:var(--gapsize) solid var(--border-bright);
	}
	.seam-left{
		border-left:var(--gapsize) solid var(--border-bright);
	}

/*@end*/

.header.fixed .gap > div{
	border-bottom: none !important;
}