/* ============================
 Hover Effects — Subtle & Formal
 ใช้กับ Desktop เท่านั้น
 เหมาะกับเว็บหน่วยงาน / ทางการ
 ============================ */

/* ป้องกัน hover แปลก ๆ บนมือถือ */
@media (hover: hover) {

	/* ============================
	 CARD — NCO / BATTLE
	 ============================ */

	.nco-card, .battle-card {
		transition: transform 0.25s ease, box-shadow 0.25s ease;
	}
	/*----ลดการขยับ เหลือแค่เงา:-----*/
	/*.nco-card:hover,
	 .battle-card:hover {
	 transform: none;
	 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	 }*/
.nco-card:hover,
.battle-card:hover {
    transform: translateY(-2px); /* เดิม -4px */
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12);
}
@media (prefers-reduced-motion: reduce) {
    .nco-card,
    .battle-card,
    .nco-photo img,
    .commander-image-frame-battle {
        transition: none !important;
    }
}
	/* ============================
	 IMAGE — (ถ้าต้องการให้รูปตอบสนองเบา ๆ)
	 *สุภาพมาก* ไม่เด้ง ไม่ซูมแรง
	 ============================ */

	.nco-photo img, .commander-image-frame-battle {
		transition: filter 0.25s ease;
	}

	.nco-card:hover .nco-photo img, .battle-card:hover .commander-image-frame-battle {
		filter: brightness(1.02);
	}

	/* ============================
	 TITLE — (ถ้าหัวข้อเป็นลิงก์ในอนาคต)
	 ============================ */
@media (hover: hover) {
    .nco-card:focus-visible,
    .battle-card:focus-visible {
        outline: 2px solid #7da0c8;
        outline-offset: 3px;
    }
}
	.nco-title, .battle-title {
		transition: color 0.25s ease;
	}

	/* เปิดใช้เฉพาะถ้ามี <a> ครอบหัวข้อ
	 .nco-title:hover,
	 .battle-title:hover {
	 color: #1b4656;
	 }
	 */

}