/*
 Theme Name: dt-the7_child
 Template: dt-the7
*/

/* ============================================================
   The7 専用：グローバルナビ／モバイルナビ両対応バッジ表示
   ※ functions.php 側でのJS不要
   li.menu-icon.{rent|buy|sell|garage|company} に対応
   ============================================================ */

/* 共通：リンクに余白と横並び */
.masthead .main-nav .menu > li.menu-icon > a,
.masthead .main-nav .dt-primary-nav > li.menu-icon > a,
.dt-mobile-header .menu > li.menu-icon > a,
.dt-mobile-menu .menu > li.menu-icon > a,
.dt-mobile-menu .dt-primary-nav > li.menu-icon > a,
.menu-icon > a {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  line-height: 1.4;
  text-decoration: none !important;
  color: inherit !important;
}

/* バッジの基本スタイル */
.masthead .main-nav .menu > li.menu-icon > a::before,
.masthead .main-nav .dt-primary-nav > li.menu-icon > a::before,
.dt-mobile-header .menu > li.menu-icon > a::before,
.dt-mobile-menu .menu > li.menu-icon > a::before,
.dt-mobile-menu .dt-primary-nav > li.menu-icon > a::before,
.menu-icon > a::before {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  content: '';
}

/* 各色＋固定文言 */
.menu-icon.rent > a::before {
  background: #228B22;
  content: '借りる';
}
.menu-icon.buy > a::before {
  background: #1E90FF;
  content: '買う';
}
.menu-icon.sell > a::before {
  background: #D2691E;
  content: '売る';
}
.menu-icon.garage > a::before {
  background: #808080;
  content: 'ガレージ';
}
.menu-icon.company > a::before {
  background: #003366;
  content: '会社';
}

/* スマホ表示時の調整 */
@media (max-width:1024px){
  .dt-mobile-header .menu > li.menu-icon > a,
  .dt-mobile-menu .menu > li.menu-icon > a,
  .dt-mobile-menu .dt-primary-nav > li.menu-icon > a {
    padding: 10px 16px !important;
    gap: 10px;
  }
}