/* ============================================================
 * style-ourprojects.css
 * Page-specific styles สำหรับ /ourprojects/index.php เท่านั้น
 * โหลดเฉพาะหน้านี้ ไม่กระทบหน้าอื่น
 * ============================================================ */

/* ── Category detail box: คืน indent ให้ bullets ────────────── */
/* Bootstrap reboot reset `ul { padding-left: 0 }` ทำให้ bullet หาย */
/* override กลับให้มี indent + bullet outside */
.cate-detail-box ul,
.cate-detail-box ol {
	padding-left: 2rem;
	margin-bottom: 1rem;
	list-style-position: outside;
}

.cate-detail-box ul {
	list-style-type: disc;
}

.cate-detail-box ol {
	list-style-type: decimal;
}

.cate-detail-box ul li,
.cate-detail-box ol li {
	margin-bottom: .35rem;
	line-height: 1.6;
}

.cate-detail-box ul ul,
.cate-detail-box ol ol,
.cate-detail-box ul ol,
.cate-detail-box ol ul {
	margin-bottom: .25rem;
}

.cate-detail-box ul ul {
	list-style-type: circle;
}

.cate-detail-box p {
	margin-bottom: .75rem;
}

/* ── Tables ใน TinyMCE content ──────────────────────────────── */
/* ห้ามกำหนด color/background ที่นี่ — ให้ inline style จาก editor ทำงาน */
.cate-detail-box table {
	width: 100%;
	margin-bottom: 1rem;
	border-collapse: collapse;
	table-layout: auto;
}
.cate-detail-box table td,
.cate-detail-box table th {
	padding: .5rem .75rem;
	vertical-align: middle;
	border: 1px solid #fff;
}
.cate-detail-box table td p,
.cate-detail-box table th p {
	margin: 0;
}
/* responsive: ตารางยาวเกิน scroll แนวนอนได้ */
.cate-detail-box {
	overflow-x: auto;
}

/* ── Projects grid frame: กรอบครอบพื้นที่รวมรูปผลงาน ───────── */
/* ใช้สี #F00 ให้เข้ากับ theme เดิม (ตรงกับ active tab + brand red) */
.projects-grid-frame {
	border: 1px solid #F00;
	border-radius: 4px;
	padding: 1rem;
	background: #fff;
	margin-bottom: 1rem;
	position: relative;
	overflow: hidden;
}

/* แก้ Bootstrap negative gutter ของ .row ไม่ให้ดันออกนอกกรอบ */
.projects-grid-frame > .row {
	margin-left: 0;
	margin-right: 0;
}
.projects-grid-frame > .row > [class*="col-"] {
	padding-left: .5rem;
	padding-right: .5rem;
}