/* ส่วนเสริมเฉพาะหน้าโปรไฟล์ — ที่เหลือใช้ /objekt/assets/style.css ทั้งหมด */

/* วิดีโอเต็มความกว้างคอลัมน์ ชิดใต้ header */
.idntt-hero { margin-left: calc(var(--gap) * -1); margin-right: calc(var(--gap) * -1); position: relative; background: var(--line); overflow: hidden; aspect-ratio: 16 / 9; }
/* PC */
@media (min-width: 768px) {
  .idntt-hero-d4-5 { aspect-ratio: 4 / 5; }
  .idntt-hero-d1-1 { aspect-ratio: 1 / 1; }
  .idntt-hero-d9-16 { aspect-ratio: 9 / 16; max-height: calc(100svh - var(--head)); }
}
/* มือถือ (ค่าเริ่มต้น 4:5) */
@media (max-width: 767px) {
  .idntt-hero-m4-5 { aspect-ratio: 4 / 5; }
  .idntt-hero-m1-1 { aspect-ratio: 1 / 1; }
  .idntt-hero-m9-16 { aspect-ratio: 9 / 16; max-height: calc(100svh - var(--head)); }
}
.idntt-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; pointer-events: none; }
.idntt-hero-video::-webkit-media-controls,
.idntt-hero-video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; }

/* ช่องที่ยังไม่กรอก (เห็นเฉพาะแอดมิน) */
.idntt-info dd .idntt-empty-val { font-weight: 400; color: var(--line); }

/* ปุ่มลิงก์ */
.idntt-links a { display: block; }

/* admin bar ของ WordPress ไม่ให้ทับ header */
.admin-bar header.idntt-site { top: 32px; }
@media (max-width: 782px) { .admin-bar header.idntt-site { top: 46px; } }
@media (max-width: 600px) { .admin-bar header.idntt-site { top: 0; } }

/* ชื่อชิดใต้วิดีโอขึ้นอีกนิด */
.idntt-hero + .idntt-intro { padding-top: 0; }

/* ตารางโปรไฟล์: หัวข้อเล็กอยู่บน คำตอบอยู่ล่าง (ข้อความยาวอ่านง่ายบนมือถือ) */
.idntt-profile-info dl { display: block; padding: 6px 20px; }
.idntt-profile-info dt { padding: 16px 0 4px; border-bottom: 0; font-size: 12px; }
.idntt-profile-info dd { padding: 0 0 16px; font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.idntt-profile-info dd:last-of-type { border-bottom: 0; }

/* ---------- Gallery: ปัดซ้าย/ขวา แถวเดียว ---------- */
.idntt-gallery {
  display: flex; gap: 10px; position: relative;
  margin: 0 calc(var(--gap) * -1);
  padding: 0 var(--gap);
  overflow-x: auto; overflow-y: hidden;
  scroll-snap-type: x mandatory; scroll-padding: 0 var(--gap);
  -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain;
  scrollbar-width: none; cursor: grab;
}
.idntt-gallery::-webkit-scrollbar { display: none; }
.idntt-gallery.idntt-dragging { cursor: grabbing; scroll-snap-type: none; }
/* ทุกรูปสูงเท่ากัน ความกว้างตามสัดส่วนจริงของรูป (ไม่ครอป) — รูปแนวตั้ง 4:5 กว้างราว 78% ของจอ ให้เห็นรูปถัดไปโผล่มา */
.idntt-gallery { --gw: min(calc(100vw - 2 * var(--gap)), calc(var(--max) - 2 * var(--gap))); align-items: stretch; }
.idntt-gallery-item { flex: none; height: calc(var(--gw) * .975); width: auto; margin: 0; position: relative; overflow: hidden; border-radius: 12px; background: var(--line); scroll-snap-align: start; }
.idntt-gallery-item img { width: 100%; height: 100%; object-fit: cover; }
.idntt-gallery-item::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(0, 0, 0, .04); border-radius: inherit; pointer-events: none; }