/* Two Column Layout Styles */

.two-column-layout {
	display: flex;
	gap: calc(var(--gap) * 4);
	align-items: flex-start;
	direction: rtl;
}

.two-column-layout__right {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: calc(var(--gap) * 1.5);
}

.two-column-layout__right-item {
	display: flex;
	flex-direction: row;
	gap: calc(var(--gap) * 1);
	align-items: flex-start;
	direction: ltr; /* Override parent RTL to ensure image on left, content on right */
    
}

.two-column-layout__right-item:not(:last-child){
    border-bottom: 1px #e0e0e0 solid;
    padding-bottom: 2rem;
}

.two-column-layout__right-image {
	flex: 0 0 120px;
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius:0;
}

.two-column-layout__right-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.two-column-layout__right-image a {
	display: block;
	width: 100%;
	height: 100%;
}

.two-column-layout__right-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	direction: rtl;
}

.two-column-layout__right-title {
	font-size: var(--factpress-font-size-h6, 18px);
	font-family: var(--factpress-font-family-title, 'IRANSansXFaNum', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
	margin: 0;
	line-height: 1.4;
}

.two-column-layout__right-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s;
}

.two-column-layout__right-title a:hover {
	color: var(--factpress-general-color-1);
}

.two-column-layout__right-date {
	font-size: var(--factpress-font-size-date, 12px);
	color: #999;
	font-family: var(--factpress-font-family-text, 'IRANSansXFaNum', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
}

.two-column-layout__left {
	flex: 2;
}

.two-column-layout__column-title {
	font-size: var(--factpress-font-size-h2, 20px);
	font-family: 'AbarLowFaNum', var(--factpress-font-family-title, 'IRANSansXFaNum', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
	margin: 0 0 calc(var(--gap) * 1.5) 0;
	padding: 0;
	line-height: 1.4;
	color: inherit;
	direction: rtl;
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.two-column-layout__column-title-text {
	order: 0; /* Appears first (on visual right/start in RTL) */
    font-weight:900;
}

.two-column-layout__column-title-circle {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: var(--factpress-general-color-2);
	flex: 0 0 12px;
	order: 1; /* Appears on visual left side in RTL layout */
}

.two-column-layout__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: calc(var(--gap) * 1.5);
}

.two-column-layout__list-item {
	display: flex;
	flex-direction: row-reverse; /* Content on left, image on right in RTL */
	gap: calc(var(--gap) * 2.5);
	align-items: flex-start;
	padding-bottom: calc(var(--gap) * 1.5);
}

.two-column-layout__list-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.two-column-layout__list-image {
	flex: 0 0 180px;
	width: 180px;
	height: 180px;
	overflow: hidden;
	border-radius: 0;
}

.two-column-layout__list-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.two-column-layout__list-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	direction: rtl;
}

.two-column-layout__list-title {
	font-size: var(--factpress-font-size-h3, 20px);
	font-family: var(--factpress-font-family-title, 'IRANSansXFaNum', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
	margin: 0;
	line-height: 1.4;
}

.two-column-layout__list-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s;
}

.two-column-layout__list-title a:hover {
	color: var(--factpress-general-color-1);
}

.two-column-layout__list-category {
	display: inline-block;
	border-radius: 4px;
	font-size: var(--factpress-font-size-tag, 12px);
	background-color: var(--factpress-general-color-2, #6c757d);
	color: #fff;
	align-self: flex-start;
	border-radius: 16px 0 0 0;
	width: 140px;
  	height: 30px;
 	text-align: center;
 	align-content: center;
    border-right: var(--factpress-general-color-1) solid 3px;
}

.two-column-layout__list-excerpt {
	font-size: var(--factpress-font-size-p, 16px);
	font-family: var(--factpress-font-family-text, 'IRANSansXFaNum', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
	color: #666;
	line-height: 1.6;
	margin: 0;
}

/* Responsive: Two Column Layout */
@media (max-width: 992px) {
	.two-column-layout {
		flex-direction: column;
		gap: calc(var(--gap) * 2);
	}
    
    .two-column-layout__right-item {
    	flex-direction: row-reverse;
        gap: calc(var(--gap) * 2.5);
    }
	
	.two-column-layout__left,
	.two-column-layout__right {
		flex: 0 0 100%;
		max-width: 100%;
        width:100%;
	}
	
	.two-column-layout__list-image {
		flex: 0 0 120px;
		width: 120px;
		height: 120px;
	}
}

@media (max-width: 768px) {
	.two-column-layout {
		gap: calc(var(--gap) * 1.5);
	}
	
	.two-column-layout__right {
		gap: calc(var(--gap) * 1);
	}
	
	.two-column-layout__right-item {
		gap: calc(var(--gap) * 0.75);
	}
	
	.two-column-layout__column-title {
		font-size: var(--factpress-font-size-section-title);
        color: var(--factpress-general-color-1);
        
	}
	
	
	.two-column-layout__right-title {
		font-size: var(--factpress-font-size-h4);
	}
	
	.two-column-layout__list {
		gap: calc(var(--gap) * 1);
	}
	
	.two-column-layout__list-item {
		gap: calc(var(--gap) * 0.75);
		padding-bottom: calc(var(--gap) * 1);
	}
	
	.two-column-layout__list-image {
		flex: 0 0 80px;
		width: 80px;
		height: 80px;
	}
	
	.two-column-layout__list-title {
		font-size: var(--factpress-font-size-h4);
	}
    
    .two-column-layout__list-excerpt {
    	font-size: var(--factpress-font-size-excerpt);
    }
}

@media (max-width: 480px) {
	.two-column-layout__list-item {
		flex-direction: column; /* Stack on mobile */
		gap: calc(var(--gap) * 0.5);
        padding:0;
        position:relative;
	}
	
	.two-column-layout__list-image {
		flex: 0 0 100%;
		width: 100%;
		height: 150px;
	}
	
	.two-column-layout__list-title {
		font-size: var(--factpress-font-size-h5, 18px);
	}
	

	.two-column-layout__left .two-column-layout__column-title {
        padding:0 1rem;
        margin:0;
	}
	
	.two-column-layout__right-title {
		font-size: var(--factpress-font-size-h6, 16px);
	}
    
    .two-column-layout__list-content {
    	padding:1rem;
    }
    
    .two-column-layout__list-category{
    	position:absolute;
        bottom:10%;
        right: 0;
    }
    
    .two-column-layout__right{
    	padding:1rem;
     }
}