/* Exhibition/logo and details clean background */
.exhibition-logo { background: transparent !important; border: none !important; box-shadow: none !important; }
.exhibition-logo img { display: block; max-width: 100%; height: auto; background: transparent !important; }
.exhibition-details { background: transparent !important; }
.exhibition-details .details-content { background: transparent !important; }
.exhibition-details .event-info, .exhibition-details .event-detail, .exhibition-details .details-text {
  background: transparent !important; border: none !important; box-shadow: none !important;
}

/* Hero background override (WebP) */
.hero .hero-background {
  background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../images/a0004120_main.webp') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
}

/* News grid columns (desktop 3 columns) */
.news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 700px) { .news-grid { grid-template-columns: 1fr; } }

/* News title two-line ellipsis */
.news-card h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  max-height: calc(1.3em * 2);
  min-height: calc(1.3em * 2);
}

/* DAZN image focus up */
a.news-card-link[href*="dazn-and-tvu-networks-delivered-the-stage-for-footballs-biggest-global-showdown-at-the-fifa-club-world-cup-2025/"] .news-cover img {
  object-fit: cover;
  object-position: 50% 30%;
}

/* MediaMesh image contain & centered */
a.news-card-link[href*="/ja/story/tvu-mediamesh/"] .news-cover { overflow: hidden !important; }
a.news-card-link[href*="/ja/story/tvu-mediamesh/"] .news-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  display: block;
  background: transparent !important;
}

/* Footer logo size */
.footer-logo img { max-height: 48px; height: auto; width: auto; }

/* Mobile responsive overrides */
img, video { max-width: 100%; height: auto; }
.container { box-sizing: border-box; }
@media (max-width: 900px) {
  .news-card { height: auto; min-height: 0; }
  .container { padding-left: 16px; padding-right: 16px; }
  .header .container { padding-top: 8px; padding-bottom: 8px; }
  .logo img { max-height: 28px; height: auto; }
  .hero { padding: 56px 0 32px; }
  .hero .hero-background { min-height: 42vh; background-position: center top; }
  .hero .hero-content { display: grid; grid-template-columns: 1fr; gap: 16px; text-align: center; }
  .hero .hero-text { margin: 0 auto; }
  .hero .hero-title { font-size: 28px; line-height: 1.2; margin-bottom: 12px; }
  .hero .hero-subtitle { font-size: 14px; }
  .hero-form, .registration-form-container { width: 100%; max-width: 100%; padding: 16px; }
  .anniversary-banner img, .anniversary-hero-image { width: 100%; height: auto; }
  .exhibition-details .details-content { display: grid; grid-template-columns: 1fr; gap: 16px; }
  .exhibition-details .event-info { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .technology-highlights .tech-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
  .recent-news .news-grid { grid-template-columns: 1fr !important; }
  .make-the-most .make-most-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
  .footer .footer-content { display: flex; flex-direction: column; gap: 12px; align-items: center; text-align: center; }
}
@media (max-width: 480px) {
  .hero .hero-title { font-size: 24px; }
  .hero .hero-subtitle { font-size: 13px; }
  .registration-form-container { padding: 12px; }
}

/* Perf/SEO small helpers */
.hero { min-height: 100dvh; min-height: 100svh; min-height: 100vh; }
.news-cover { aspect-ratio: 16/9; overflow: hidden; }
.news-cover img { width: 100%; height: 100%; object-fit: cover; }

/* Tablet hero fix to restore two-column layout on iPad */
@media (min-width: 701px) and (max-width: 1024px) {
  .container { padding-left: 20px; padding-right: 20px; }
  .hero .hero-content { display: grid; grid-template-columns: 1.1fr 0.9fr; align-items: center; gap: 20px; text-align: left; }
  .hero .hero-text { text-align: center; }
  .hero .hero-title { font-size: 32px; line-height: 1.25; }
  .hero .hero-subtitle { font-size: 15px; }
  .registration-form-container {
    width: 100%; padding: 16px; border-radius: 12px;
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(10px) saturate(130%);
    -webkit-backdrop-filter: blur(10px) saturate(130%);
    border: 1px solid rgba(255,255,255,0.12);
  }
  .hs-form-iframe { display: block; width: 100% !important; max-width: 100% !important; }
  .technology-highlights .tech-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .recent-news .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px; }
  .make-the-most .make-most-grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 20px; }
  .footer .footer-content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 16px; text-align: left; }
}

/* Optional: WebP fallback if JPG provided (uncomment and add JPG)
@supports (-webkit-image-set(url('x') 1x)) {
  .hero .hero-background {
    background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
      -webkit-image-set(url('../images/a0004120_main.webp') 1x, url('../images/a0004120_main.jpg') 1x);
  }
}
@supports not (-webkit-image-set(url('x') 1x)) {
  .hero .hero-background {
    background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../images/a0004120_main.jpg');
  }
}
*/