/*
Theme Name: CASA Network Theme
Theme URI: https://casa.io.vn
Author: CASA Holdings & Solia Technology
Author URI: https://casa.io.vn
Description: Giao diện chuyên nghiệp dành cho Nền tảng Điều hành & Xác thực Mạng lưới Bất động sản CASA Network OS, tích hợp Duralux Visual Dashboard, ApexCharts và quản lý đối tác.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.1
Text Domain: casa-theme
*/

/* 
 * NOTE: Base tokens, typography, and layout are now managed by assets/css/global.css 
 * This file (style.css) handles specific page components for blog entries and 404 pages.
 */

/* Page Components */
.casa-page-title {
	font-size: 28px;
	margin-bottom: 8px;
}

.casa-section-title {
	font-size: 24px;
	margin-bottom: 24px;
}

.casa-page-card {
	padding: clamp(20px, 4vw, 40px);
	background: var(--casa-card-bg);
	border: 1px solid var(--casa-border);
	border-radius: var(--casa-radius);
	box-shadow: var(--casa-shadow-sm);
	margin-bottom: 24px;
}

.casa-entry-content {
	font-size: 15px;
	line-height: 1.8;
	color: var(--casa-text);
}

.casa-entry-content p {
	margin-bottom: 1.5em;
}

.casa-entry-meta {
	font-size: 13px;
	color: var(--casa-text-muted);
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--casa-border);
}

.casa-entry-thumbnail {
	margin-bottom: 24px;
	border-radius: var(--casa-radius);
	overflow: hidden;
}

.casa-entry-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
}

/* 404 Error Page Components */
.casa-error-card {
	max-width: 640px;
	margin: 0 auto;
	padding: clamp(32px, 5vw, 48px) clamp(24px, 4vw, 32px);
	text-align: center;
}

.casa-error-code {
	font-size: 56px;
	font-weight: 900;
	color: var(--casa-accent);
	line-height: 1;
	margin-bottom: 12px;
}

.casa-error-desc {
	color: var(--casa-text-muted);
	font-size: 14px;
	margin-bottom: 28px;
}

.casa-error-actions {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}

/* Responsive Utilities & Global Overrides (Mobile Layout Fixes) */
.casa-card-box {
	padding: clamp(20px, 4vw, 40px) !important;
}

@media (max-width: 640px) {
	.casa-btn-filter, .casa-btn-primary, .casa-btn-outline {
		width: 100% !important;
		justify-content: center !important;
	}
	.casa-search-toolbar {
		flex-direction: column;
	}
	.casa-search-input, .casa-select-filter {
		width: 100% !important;
	}
}