/* UIV2 assets — 이 파일은 해당 화면 카드(W) 한 명만 고친다. 모든 규칙은 .ui-v2 아래에만 */
/* UIV2 W7 (진영 D-1023-24) — 08 관광자료 · 09 템플릿. 마크업은 home-v3.js(W1 담당)라 CSS 로만 맞춘다.
   09 = #/gallery(HomeV3.renderGallery) · 08 = #/assets(홈 위에 '관광자료 고르기' 창 #v3AssetDlg).
   폭 768px 미만은 지금 모바일 배치 그대로 — 색·모서리·그림자만 바꾼다(§0-6). */

/* ---------- 09 템플릿 (#/gallery) ---------- */
html.ui-v2 .v3-col:has(> .v3-sec[aria-labelledby="v3GalT"]) > .v3-note{font-size:17px;line-height:25.5px;color:var(--text-2);margin:4px 0 24px}
html.ui-v2 .v3-sec[aria-labelledby="v3GalT"] > .v3-h{font-size:17px;line-height:25.5px;font-weight:700;color:var(--text-1)}
html.ui-v2 .v3-sec[aria-labelledby="v3GalT"] > .v3-note{font-size:13px;line-height:19.5px;color:var(--text-3)}
/* 분야 탭 → 칩(높이 40 · 알약 · 고른 칩은 accent-soft + accent 테두리 + ✓) */
/* 9:16 카드 — 테두리 없이 사진 바탕 · 아래 55% 그라데이션 · 'AI 활용' 배지는 위쪽 */
html.ui-v2 #v3grid .fg-thumb{border:0;border-radius:var(--r-md);background:var(--photo);color:var(--text-2);font-size:13px}
html.ui-v2 #v3grid .fg-thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(transparent,rgba(19,20,22,.85));pointer-events:none}
html.ui-v2 #v3grid .v3-gcard:hover .fg-thumb,html.ui-v2 #v3grid .v3-gcard:focus-visible .fg-thumb{box-shadow:0 0 0 2px var(--accent)}
html.ui-v2 #v3grid .v3-gname{font-size:15px;line-height:22.5px;font-weight:700;color:var(--text-1)}
html.ui-v2 #v3grid .v3-gcard small{font-size:13px;line-height:19.5px;color:var(--text-3)}
html.ui-v2 #v3grid .v3-badge{background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:700;border-radius:var(--r-pill)}
@media (min-width:768px){
  html.ui-v2 .v3-col:has(> .v3-sec[aria-labelledby="v3GalT"]) > .v3-title{text-align:left;margin-top:24px}
  html.ui-v2 .v3-sec[aria-labelledby="v3GalT"] .v3-tabs{box-shadow:none;gap:8px;flex-wrap:wrap;margin-bottom:24px}
  html.ui-v2 .v3-sec[aria-labelledby="v3GalT"] .v3-tab{display:inline-flex;align-items:center;gap:6px;height:40px;min-height:40px;padding:0 16px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text-1);font-size:15px;font-weight:400}
  html.ui-v2 .v3-sec[aria-labelledby="v3GalT"] .v3-tab:hover{background:var(--surface-2)}
  html.ui-v2 .v3-sec[aria-labelledby="v3GalT"] .v3-tab[aria-selected="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}
  html.ui-v2 .v3-sec[aria-labelledby="v3GalT"] .v3-tab[aria-selected="true"]::before{content:"✓";font-weight:700}
  html.ui-v2 #v3grid .fg-thumb .fg-right{top:8px;bottom:auto;left:8px;z-index:1;padding:2px 8px;border-radius:4px;background:var(--surface);color:var(--text-1);font-size:13px;line-height:19.5px;font-weight:700}
  html.ui-v2 #v3grid{gap:24px 16px}
}
@media (min-width:1101px){
  html.ui-v2 #v3grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* ---------- 08 관광자료 (#/assets → '관광자료 고르기' 창) ---------- */
html.ui-v2 #v3AssetDlg{border-radius:var(--r-lg);box-shadow:var(--shadow-2)}
html.ui-v2 #v3AssetDlg .v3-search{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface)}
html.ui-v2 #v3AssetDlg .v3-btn.ghost{background:var(--accent-soft) !important;color:var(--accent) !important;border-color:transparent !important;font-weight:700;border-radius:var(--r-sm)}
html.ui-v2 #v3AssetInfo{font-size:15px;line-height:22.5px;font-weight:700;color:var(--text-1)}
html.ui-v2 #v3AssetDlg .v3-aitem{border:0;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1)}
html.ui-v2 #v3AssetDlg .v3-aitem:hover{background:var(--surface);box-shadow:var(--shadow-2)}
html.ui-v2 #v3AssetDlg .v3-aitem[aria-pressed="true"]{box-shadow:0 0 0 2px var(--accent)}
html.ui-v2 #v3AssetDlg .v3-aitem > .v3-tile{background:var(--photo) !important;color:var(--text-2) !important}
html.ui-v2 #v3AssetDlg .v3-aitem b{font-size:17px;line-height:25.5px;font-weight:700;color:var(--text-1)}
html.ui-v2 #v3AssetDlg .v3-aitem small{font-size:13px;line-height:19.5px;color:var(--text-3)}
html.ui-v2 #v3AssetDlg .v3-nophoto{color:var(--text-2);font-weight:500}
/* PC: 4열 카드 · 사진 4:3 */
@media (min-width:768px){
  html.ui-v2 #v3AssetDlg{max-width:min(1040px,92vw);width:min(1040px,92vw)}
  html.ui-v2 #v3AssetDlg .v3-alist{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
  html.ui-v2 #v3AssetDlg .v3-aitem{flex-direction:column;align-items:stretch;gap:12px;padding:12px}
  html.ui-v2 #v3AssetDlg .v3-aitem > .v3-tile{width:100%;height:auto;aspect-ratio:4/3;border-radius:var(--r-sm)}
  html.ui-v2 #v3AssetDlg .v3-aitem > .v3-tile img{width:100%;height:100%;object-fit:cover}
}