/* =====================================
   photoDN Custom Logo
   ===================================== */

/* PC版ロゴ */
.column-link--logo {
  background-image: url("/branding/photodn-logo.png?v=2") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;

  display: block !important;
  width: 280px !important;
  height: 80px !important;
  box-sizing: border-box !important;
  max-width: none !important;
}

/* 標準ロゴを非表示 */
.column-link--logo svg,
.column-link--logo img {
  opacity: 0 !important;
}

/* モバイル版ロゴ */
.ui__header__logo {
  background-image: url("/branding/photodn-logo.png?v=2") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  min-width: 180px !important;
  min-height: 50px !important;
}

.ui__header__logo svg,
.ui__header__logo img {
  opacity: 0 !important;
}

/* モバイル版ホーム */
@media screen and (max-width: 1174px) {
  .column-header__title img.logo--icon {
    content: url("/branding/photodn-logo.png?v=3") !important;
    width: 155px !important;
    height: 48px !important;
    object-fit: contain !important;
    object-position: left center !important;
    flex-shrink: 0 !important;
  }
}

/* ライトモード */
html[data-color-scheme="light"] .column-link--logo,
html[data-color-scheme="light"] .ui__header__logo {
  background-image: url("/branding/photodn-logo-light.png?v=2") !important;
}

@media screen and (max-width: 1174px) {
  html[data-color-scheme="light"] .column-header__title img.logo--icon {
    content: url("/branding/photodn-logo-light.png?v=2") !important;
  }
}