/* =====================================
   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: 230px !important;
  height: 65px !important;
  box-sizing: border-box !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: 160px !important;
  min-height: 45px !important;
}

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


/* =====================================
   photoDN Mobile Home Logo
   Mastodon 4.7.3
   ===================================== */

@media screen and (max-width: 1174px) {

  /* モバイル版ホームヘッダーの標準ロゴを置換 */
  .column-header__title img.logo--icon {
    content: url("/branding/photodn-logo.png?v=3") !important;

    width: 115px !important;
    height: 36px !important;
    object-fit: contain !important;
    object-position: left center !important;
    flex-shrink: 0 !important;
  }

}