/*
    Document   : columns
*/
/* Base Columns */

.col-main {
	float:left;
	width:640px;
	padding:2px 0 0 0;
}
.col-right {
	float:right;
	width:240px;
	margin:1px 0 0 10px;
}
.col2-left-layout .col-left {
	float:left;
	width: -webkit-fill-available;
	margin:1px 10px 0 0;
}
@media (min-width: 1024px){
	.col2-left-layout .col-left {
		float:left;
		width:236px;
		margin:1px 10px 0 0;
	}
}
@media (min-width: 1530px){
	.col2-left-layout .col-left {
		float:left;
		width:280px;
		margin:1px 10px 0 0;
	}
}
/* 1 Column Layout */
.col1-layout .col-main {
	float:none;
	width:auto;
}
.col2-left-layout .col-main { 
	float:right;
	width: auto;
}
@media (min-width: 1024px){
	.col2-left-layout .col-main {
		width: 770px;
	}
}
@media (min-width: 1270px){
	.col2-left-layout .col-main {
		width: 1008px;
	}
}

@media (min-width: 1530px){
	.col2-left-layout .col-main {
		width: calc(100% - 302px);
	}
}

/* Full-width layout pentru desktop - reutilizabil în orice pagină */
@media (min-width: 1024px) {
	/* Clasă generică pentru full-width content */
	.fullwidth-content .col2-left-layout .col-main,
	body.page-fullwidth .col2-left-layout .col-main,
	.main-container.fullwidth-active .col2-left-layout .col-main {
		width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
		max-width: 100% !important;
	}
	
	/* Ascunde sidebar-ul când este activat full-width */
	.fullwidth-content .col2-left-layout .col-left.sidebar,
	body.page-fullwidth .col2-left-layout .col-left.sidebar,
	.main-container.fullwidth-active .col2-left-layout .col-left.sidebar {
		display: none !important;
	}
}


/* 3 Columns Layout */
.col3-layout .col-main {
	width:640px;
}
.col3-layout .col-wrapper {
	float:left;
}
.col3-layout .col-wrapper .col-main {
	float:right;
}

/* Content Columns */
.col2-set .col-1 {
	float:left;
	width:48.5%;
}
.col2-set .col-2 {
	float:right;
	width:48.5%;
}
.col2-set .col-narrow {
	width:32%;
	float: left;
}
.col2-set .col-wide {
	float: left;
	width:65%;
}

.col2-left-layout .col2-set .col-1{
	width: 320px;
}
.col2-left-layout .col2-set .col-2{
	width: 435px;
}
.col3-set .col-1 {
	float:left; width:32%;
}
.col3-set .col-2 {
	float:left; width:32%; margin-left:2%;
}
.col3-set .col-3 {
	float:right; width:32%;
}

.col4-set .col-1 {
	float:left; width:23.5%;
}
.col4-set .col-2 {
	float:left; width:23.5%; margin:0 2%;
}
.col4-set .col-3 {
	float:left; width:23.5%;
}
.col4-set .col-4 {
	float:right; width:23.5%;
}