/* Custom theme colors */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: #f17e18;
  --md-primary-fg-color--light: #f59b4a;
  --md-primary-fg-color--dark: #d06a10;
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: #f17e18;
  --md-accent-fg-color--transparent: rgba(241, 126, 24, 0.1);
}

/* Header site title color */
.md-header__topic .md-ellipsis {
  color: white !important;
}

/* Header logo: white background to stand out on orange header */
.md-header__button.md-logo img,
.md-header .md-logo img,
.md-header__button.md-logo,
[data-md-component="logo"] img {
  background: white !important;
  border-radius: 50% !important;
  padding: 6px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
}

/* Store badges row */
.store-badges {
  display: flex;
  gap: 15px;
  margin-top: 20px;
  margin-bottom: 30px;
  align-items: center;
}

.store-badges img {
  height: 55px;
  width: auto;
}

/* Intro video wrapper */
.intro-video {
  margin-top: 20px;
  margin-bottom: 30px;
}

.intro-video video {
  width: 100%;
  max-width: 800px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Image gallery: horizontal scrollable row */
.img-gallery {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
  align-items: flex-start;
  overflow-x: auto;
}

/* Single image wrapper */
.img-single {
  margin-bottom: 20px;
}

/* Shared image styling */
.img-gallery img,
.img-single img {
  width: 300px;
  height: auto;
  border-radius: 12px;
  border: 2px solid #e0e0e0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.img-gallery img:hover,
.img-single img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.img-gallery img {
  flex-shrink: 0;
}